/* ALRIVEXA Games · RC1 · Página aditiva. No modifica componentes compartidos. */
.gx-page{--gx-ink:#ebfaff;--gx-soft:#9ab5c8;--gx-cyan:#61e9f5;--gx-lime:#c7f46f;color:var(--gx-ink);background:#05101a}
.gx-page .site-header{position:relative;z-index:30}
.gx-page h1,.gx-page h2,.gx-page h3{letter-spacing:-.045em}
.gx-page a:focus-visible{outline:3px solid #9df9ff;outline-offset:4px}
.gx-page .wrap{max-width:1220px}
.gx-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 35%,rgba(10,126,152,.15),transparent 50%),linear-gradient(122deg,#071523 0%,#04101b 60%,#0a1b2c 100%);border-bottom:1px solid rgba(106,229,246,.15)}
.gx-hero-glow{position:absolute;z-index:-1;inset:-20% -10% auto auto;width:min(67vw,920px);height:680px;border-radius:50%;background:radial-gradient(circle,rgba(11,140,181,.12),transparent 70%);pointer-events:none}
.gx-hero-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(24px,5vw,84px);align-items:center;min-height:690px;padding-top:66px;padding-bottom:64px}
.gx-hero-copy{position:relative;z-index:1}
.gx-back{display:inline-flex;align-items:center;text-decoration:none;font-weight:800;letter-spacing:.1em;font-size:11px;color:#b8d6e4;margin:0 0 32px}
.gx-back:hover{color:#fff}
.gx-brand{height:64px;display:flex;align-items:center;margin-bottom:26px}
.gx-brand img{display:block;max-width:min(100%,300px);height:70px;object-fit:contain;object-position:left center}
.gx-kicker,.gx-overline{font-size:11px;letter-spacing:.2em;font-weight:850;line-height:1.6;color:var(--gx-cyan);text-transform:uppercase}
.gx-kicker{display:flex;gap:11px;align-items:center;margin:0 0 22px}
.gx-kicker-mark{width:18px;height:4px;border-radius:5px;background:var(--gx-cyan)}
.gx-hero h1{font-size:clamp(48px,5.8vw,90px);line-height:1.035;margin:0 0 26px;letter-spacing:-.075em;color:#f7fcff;font-weight:850;max-width:14ch}
.gx-hero h1 span{color:var(--gx-lime)}
.gx-hero-lead{font-size:clamp(16px,1.38vw,19px);color:#bdd3de;line-height:1.75;max-width:58ch;margin:0}
.gx-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 21px}
.gx-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:51px;padding:12px 19px;border-radius:9px;border:1px solid transparent;text-decoration:none;font-size:13px;font-weight:850;letter-spacing:.01em;transition:transform .18s ease,background .18s ease,color .18s ease}
.gx-button:hover{transform:translateY(-2px)}
.gx-button-primary{background:linear-gradient(100deg,#a9f36c,#cef77f);color:#0c251a!important;box-shadow:0 14px 38px rgba(150,233,88,.13)}
.gx-button-outline{border-color:rgba(134,205,222,.32);background:rgba(9,33,49,.5);color:#e8f9ff!important}
.gx-button-outline:hover{border-color:#80dfe9;background:rgba(15,70,86,.54)}
.gx-hero-footnote{display:flex;gap:9px;align-items:center;color:#8cabbf;font-size:12px;line-height:1.6;margin-top:16px}
.gx-live-dot{width:7px;height:7px;background:#bde66f;box-shadow:0 0 0 4px rgba(184,236,102,.12);border-radius:50%;flex:none}
.gx-hero-visual{position:relative;min-width:0;height:clamp(425px,43vw,555px);border-radius:24px;overflow:hidden;background:radial-gradient(circle at 53% 49%,rgba(41,198,207,.15),transparent 34%),radial-gradient(circle at 78% 85%,rgba(31,77,176,.26),transparent 50%),linear-gradient(144deg,#0d2834,#081423 60%,#030a14);border:1px solid rgba(102,202,224,.26);box-shadow:0 35px 100px rgba(0,0,0,.32),inset 0 0 80px rgba(23,118,139,.07)}
.gx-visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(104,220,227,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(104,220,227,.06) 1px,transparent 1px);background-size:41px 41px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.gx-orbit{position:absolute;border:1px solid rgba(110,238,229,.38);border-radius:50%;top:50%;left:53%;transform:translate(-50%,-50%) rotate(-28deg)}
.gx-orbit-outer{width:78%;aspect-ratio:1;box-shadow:0 0 62px rgba(41,185,217,.08)}
.gx-orbit-inner{width:53%;aspect-ratio:1;border-color:rgba(187,246,108,.31)}
.gx-orbit-outer:before,.gx-orbit-inner:after{content:"";position:absolute;border-radius:100%;background:var(--gx-lime);width:10px;height:10px;left:15%;top:13%;box-shadow:0 0 20px rgba(188,255,100,.6)}
.gx-orbit-inner:after{left:auto;top:auto;right:5%;bottom:21%;background:var(--gx-cyan);box-shadow:0 0 18px rgba(43,216,240,.65);width:8px;height:8px}
.gx-visual-core{position:absolute;width:34%;aspect-ratio:1;top:50%;left:53%;transform:translate(-50%,-50%);border-radius:20px;display:grid;place-items:center;clip-path:polygon(50% 0%,100% 24%,100% 76%,50% 100%,0% 76%,0% 24%);background:linear-gradient(135deg,#157c9b,#12395c 44%,#0b263b 90%);box-shadow:inset 0 0 32px rgba(75,240,236,.12)}
.gx-core-letter{font-size:clamp(100px,15vw,195px);font-weight:950;color:#b7ff6e;text-shadow:0 10px 36px rgba(156,230,97,.16);line-height:1;letter-spacing:-.08em}
.gx-visual-label{position:absolute;display:flex;flex-direction:column;gap:7px;padding:17px 20px;border-radius:12px;border:1px solid rgba(124,213,227,.25);background:rgba(3,16,27,.77);backdrop-filter:blur(10px);font-size:12px;letter-spacing:.02em;box-shadow:0 14px 35px rgba(0,0,0,.17)}
.gx-label-top{top:26px;left:25px}.gx-label-bottom{right:23px;bottom:23px}
.gx-visual-label strong{font-size:14px;line-height:1.4;color:#e9ffff}.gx-visual-label>span:last-child{color:#a3bfce;font-size:11px}
.gx-label-tiny{color:#a5edb0;font-size:10px;font-weight:850;letter-spacing:.15em}
.gx-corner{position:absolute;width:30px;height:30px;border:solid rgba(191,255,119,.52);border-width:2px 0 0 2px}.gx-corner-a{top:14px;right:16px;transform:rotate(90deg)}.gx-corner-b{bottom:14px;left:16px;transform:rotate(-90deg)}
.gx-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid rgba(111,205,223,.15);padding-top:22px;padding-bottom:22px;font-size:10px;letter-spacing:.16em;font-weight:850;color:#91c6d1}.gx-strip i{width:4px;height:4px;border-radius:50%;background:#b4ea76;flex:none}
.gx-section{padding:clamp(72px,7vw,112px) 0}
.gx-games{background:linear-gradient(180deg,#071724,#07131e 75%,#0a1721)}
.gx-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}
.gx-overline{margin:0 0 15px}.gx-overline span{color:#a8e774;margin-right:13px}
.gx-section-head h2,.gx-next h2,.gx-outpost h2,.gx-studio h2{font-size:clamp(36px,4.6vw,64px);line-height:1.05;color:#f3fbff;margin:0;letter-spacing:-.065em;font-weight:850}
.gx-section-head h2 em,.gx-next h2 em,.gx-outpost h2 em,.gx-studio h2 em{font-style:normal;color:#baf47b}
.gx-section-head>p{margin:0;max-width:370px;color:#a4bfcd;font-size:14px;line-height:1.75}
.gx-games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
.gx-game{overflow:hidden;border:1px solid rgba(117,171,195,.26);border-radius:18px;background:#0b1e2b;transition:transform .2s ease,border-color .2s ease;min-width:0}
.gx-game:hover{transform:translateY(-4px);border-color:rgba(145,233,220,.48)}
.gx-game-poster{--p1:#14b3cb;--p2:#134d7b;--p3:rgba(8,53,90,.5);isolation:isolate;min-height:300px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:24px 30px;background:radial-gradient(ellipse at 77% 25%,color-mix(in srgb,var(--p1),transparent 44%),transparent 47%),linear-gradient(135deg,var(--p2),#07111e 69%)}
.gx-game-poster::before{content:"";position:absolute;z-index:-1;inset:-20%;opacity:.6;transform:rotate(-16deg);background:repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,.045) 43px 44px,transparent 45px 86px)}
.gx-game-poster::after{content:"";position:absolute;right:-10%;top:-35%;width:70%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--p1),transparent 48%);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.028),0 0 0 110px rgba(255,255,255,.014)}
.gx-poster-top,.gx-poster-foot{position:relative;z-index:1;font-size:10px;font-weight:850;letter-spacing:.18em;color:#dbf7fa}
.gx-poster-foot{color:#e3f4ed}
.gx-poster-name{position:relative;z-index:2;font-size:clamp(37px,4.1vw,58px);font-weight:900;line-height:.95;letter-spacing:-.075em;color:#fff;text-shadow:0 12px 26px rgba(0,0,0,.25)}
.gx-poster-name strong{font-weight:950;color:#fff}
.gx-poster-symbol{position:absolute;right:13%;top:20%;font-size:150px;color:var(--p1);opacity:.4;transform:rotate(-18deg);line-height:1}
.gx-game-raid .gx-game-poster{--p1:#55d9e2;--p2:#163c56}.gx-game-miners .gx-game-poster{--p1:#e7ba63;--p2:#55401b}.gx-game-turbo .gx-game-poster{--p1:#8affad;--p2:#154b4e}.gx-game-prisma .gx-game-poster{--p1:#f4a052;--p2:#283858}
.gx-game-prisma .gx-poster-name strong{color:#ffbe77}.gx-game-miners .gx-poster-name strong{color:#ffd57c}.gx-game-turbo .gx-poster-name strong{color:#a9ffaa}.gx-game-raid .gx-poster-name strong{color:#95f3ff}
.gx-symbol-racing{transform:rotate(-20deg);font-size:170px}
.gx-game-info{padding:26px 29px 30px}
.gx-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.gx-game-no{color:#8baabc;font-size:10px;letter-spacing:.16em;font-weight:850}
.gx-status{font-size:10px;letter-spacing:.025em;font-weight:800;border:1px solid rgba(181,235,110,.34);background:rgba(114,177,50,.13);color:#d6f9a2;padding:7px 10px;border-radius:6px}
.gx-status-design{background:rgba(107,160,236,.11);border-color:rgba(123,170,236,.38);color:#b4dcff}
.gx-game-info h3{color:#f2fbff;margin:17px 0 10px;font-size:clamp(25px,2.3vw,33px);line-height:1.13}
.gx-game-info>p{margin:0;color:#b3c9d4;font-size:14px;line-height:1.75;min-height:74px}
.gx-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.gx-tags span{color:#b8d9df;border:1px solid rgba(145,199,210,.22);background:rgba(9,45,60,.4);border-radius:50px;padding:6px 11px;font-size:11px}
.gx-media-note{display:flex;align-items:flex-start;gap:10px;color:#87a8b6;font-size:12px;line-height:1.7;margin:23px 0 0}.gx-media-note>span{color:#beeb81;font-size:19px;line-height:1.2}
.gx-next{background:linear-gradient(145deg,#091924,#0b2029 65%,#101c27);border-top:1px solid rgba(124,198,203,.1);border-bottom:1px solid rgba(124,198,203,.11)}
.gx-next-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(35px,6vw,100px)}
.gx-next-lead>p:last-child{color:#a7c3d0;font-size:15px;line-height:1.8;max-width:43ch;margin:25px 0 0}
.gx-concepts{display:grid;gap:14px}
.gx-concept{padding:22px 23px;border:1px solid rgba(126,191,200,.22);background:rgba(9,29,39,.6);border-radius:14px;display:grid;gap:20px;grid-template-columns:93px minmax(0,1fr);align-items:start}
.gx-concept-serial{color:#96bac6;font-weight:800;font-size:10px;letter-spacing:.07em;line-height:1.7}
.gx-concept h3{margin:0 0 10px;font-size:20px;color:white}
.gx-concept p{margin:0;color:#adcad3;font-size:13px;line-height:1.7}
.gx-concept-type{grid-column:2;color:#bedf9e;font-size:10px;letter-spacing:.12em;font-weight:850}
.gx-outpost{background:linear-gradient(145deg,#070f1d,#101b2a)}
.gx-outpost-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(35px,5vw,80px);align-items:center}
.gx-outpost-media{border:1px solid rgba(125,178,204,.24);background:#0c2230;border-radius:19px;overflow:hidden;position:relative;min-height:320px}
.gx-outpost-media img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block;filter:saturate(.9)}
.gx-outpost-caption{position:absolute;bottom:16px;left:17px;border-radius:6px;background:rgba(3,13,24,.86);border:1px solid rgba(148,230,239,.2);color:#d8f5e8;font-size:10px;font-weight:850;letter-spacing:.1em;padding:10px 12px}
.gx-outpost-version{font-size:11px;color:#b5f483!important;letter-spacing:.1em;font-weight:850;margin:18px 0 16px!important}
.gx-outpost-copy>p:not(.gx-overline){color:#b3ccdb;line-height:1.8;font-size:14px}
.gx-outpost-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0}
.gx-outpost-facts>div{border-top:1px solid rgba(151,218,230,.25);padding-top:14px;display:flex;flex-direction:column;gap:5px}
.gx-outpost-facts strong{font-size:31px;color:#ecfaff;letter-spacing:-.04em}.gx-outpost-facts span{color:#96b8c9;font-size:11px}
.gx-smallprint{font-size:11px!important;color:#88a4b5!important;line-height:1.7!important}
.gx-studio{background:radial-gradient(ellipse at 90% 0%,rgba(63,138,153,.14),transparent 55%),#071a25}
.gx-studio-head{text-align:center;max-width:760px;margin:0 auto 52px}.gx-studio-head>p:last-child{color:#b8cfda;line-height:1.8;font-size:15px;margin:23px auto 0;max-width:59ch}
.gx-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.gx-principles article{border:1px solid rgba(144,198,206,.2);background:linear-gradient(155deg,rgba(18,55,64,.77),rgba(4,27,37,.75));border-radius:15px;min-height:210px;padding:25px 27px}
.gx-principles article>span{color:#bff47e;font-weight:900;letter-spacing:.15em;font-size:11px}
.gx-principles h3{margin:23px 0 11px;color:#f2ffff;font-size:22px}
.gx-principles p{color:#afc8d3;font-size:13px;line-height:1.75;margin:0}
.gx-last-line{margin-top:39px;border-top:1px solid rgba(116,194,207,.2);padding-top:35px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.gx-last-line>div{display:flex;flex-direction:column;gap:8px}.gx-last-line>div span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#98bcc9;font-weight:800}.gx-last-line strong{font-size:25px;color:white;letter-spacing:-.04em}
@media(max-width:1030px){.gx-hero-layout{grid-template-columns:1fr 1fr;gap:26px}.gx-hero h1{font-size:clamp(45px,5.7vw,73px)}.gx-hero-visual{height:475px}.gx-game-info{padding:22px}.gx-concept{grid-template-columns:1fr;gap:10px}.gx-concept-type{grid-column:1}}
@media(max-width:800px){.gx-hero-layout{grid-template-columns:1fr;min-height:auto;padding-top:45px}.gx-hero h1{max-width:16ch}.gx-hero-visual{height:410px;width:min(100%,650px);margin:auto}.gx-strip{justify-content:center;flex-wrap:wrap}.gx-strip i{display:none}.gx-strip span{padding:0 8px}.gx-section-head{align-items:start;flex-direction:column;gap:18px}.gx-games-grid{grid-template-columns:1fr 1fr;gap:14px}.gx-game-poster{min-height:245px;padding:21px}.gx-game-info>p{min-height:unset}.gx-next-layout,.gx-outpost-layout{grid-template-columns:1fr}.gx-outpost-media{max-width:720px}.gx-principles{grid-template-columns:1fr}}
@media(max-width:620px){.gx-hero-layout{padding-top:35px;padding-bottom:40px}.gx-brand{margin-bottom:16px}.gx-brand img{width:240px;height:58px}.gx-hero h1{font-size:clamp(41px,11vw,60px)}.gx-kicker{font-size:9px;letter-spacing:.13em}.gx-actions{align-items:stretch}.gx-button{width:100%}.gx-hero-visual{height:355px;border-radius:16px}.gx-visual-core{width:37%}.gx-core-letter{font-size:112px}.gx-visual-label{padding:11px 13px}.gx-label-top{top:14px;left:14px}.gx-label-bottom{right:12px;bottom:14px}.gx-visual-label strong{font-size:11px}.gx-strip{gap:8px;padding-top:13px;padding-bottom:13px}.gx-strip span{font-size:9px}.gx-section{padding:65px 0}.gx-section-head h2,.gx-next h2,.gx-outpost h2,.gx-studio h2{font-size:clamp(35px,10vw,48px)}.gx-games-grid{grid-template-columns:1fr}.gx-game-poster{min-height:285px;padding:23px}.gx-poster-name{font-size:51px}.gx-game-info{padding:22px}.gx-card-top{flex-wrap:wrap}.gx-outpost-facts{gap:7px}.gx-outpost-facts strong{font-size:26px}.gx-last-line{flex-direction:column;align-items:stretch}.gx-last-line strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.gx-button,.gx-game{transition:none!important}.gx-button:hover,.gx-game:hover{transform:none!important}}

/* ALRIVEXA Games | desarrollo de juegos a pedido. Sección comercial independiente. */
.gx-custom{background:radial-gradient(ellipse at 0% 70%,rgba(25,153,194,.14),transparent 48%),linear-gradient(135deg,#071725,#081c2d 63%,#0b262f);border-top:1px solid rgba(124,213,226,.2)}
.gx-custom-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(25px,5vw,83px);align-items:center}
.gx-custom-intro h2{font-size:clamp(39px,4.6vw,66px);line-height:1.07;letter-spacing:-.064em;color:#f6fcff;margin:0 0 24px}
.gx-custom-intro h2 em{font-style:normal;color:#c1f678}
.gx-custom-intro>p:not(.gx-overline){font-size:15px;color:#b8cddd;line-height:1.8;max-width:66ch;margin:0}
.gx-custom-intro>p strong{color:#e5fbff;font-weight:800}
.gx-custom-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px;margin-bottom:22px}
.gx-custom-intro .gx-custom-note{font-size:12px!important;color:#90adbb!important;line-height:1.7!important}
.gx-custom-services{border:1px solid rgba(125,211,229,.27);border-radius:20px;overflow:hidden;background:linear-gradient(156deg,rgba(23,62,78,.64),rgba(6,21,36,.82));box-shadow:0 22px 78px rgba(0,0,0,.17)}
.gx-custom-services article{display:grid;grid-template-columns:53px minmax(0,1fr);gap:17px;padding:25px 28px;border-bottom:1px solid rgba(139,196,206,.15)}
.gx-service-icon{border:1px solid rgba(194,249,129,.36);border-radius:9px;height:47px;display:grid;place-items:center;color:#d0f89c;font-size:13px;font-weight:900;letter-spacing:.07em;background:rgba(157,228,71,.07)}
.gx-custom-services h3{color:#f1fcff;font-size:21px;line-height:1.23;margin:0 0 8px;letter-spacing:-.035em}
.gx-custom-services article p{color:#a6bfce;margin:0;font-size:13px;line-height:1.7}
.gx-custom-process{display:flex;flex-wrap:wrap;gap:10px 15px;padding:22px 28px;background:rgba(174,233,94,.045)}
.gx-custom-process span{color:#c4ebca;font-size:10px;font-weight:800;letter-spacing:.065em}
@media(max-width:830px){.gx-custom-shell{grid-template-columns:1fr}.gx-custom-services{max-width:790px}}
@media(max-width:620px){.gx-custom-intro h2{font-size:clamp(36px,9.3vw,46px)}.gx-custom-actions{align-items:stretch}.gx-custom-actions .gx-button{width:100%}.gx-custom-services article{grid-template-columns:43px minmax(0,1fr);padding:21px 18px;gap:13px}.gx-service-icon{height:41px}.gx-custom-process{padding:19px 18px}}
/* Accesibilidad: el enlace para saltar solo aparece al obtener foco. */
.gx-page .skip-link:not(:focus){position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.gx-page .skip-link:focus{position:fixed;left:16px;top:15px;width:auto;height:auto;overflow:visible}
/* ALRIVEXA Games RC2 — Casos de uso para instituciones y empresas. Aditivo a RC1 aprobada. */
.gx-opportunities{margin:0 0 clamp(80px,8vw,116px)}
.gx-opportunities-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:clamp(26px,5vw,85px);margin-bottom:33px}
.gx-opportunities-head h2{font-size:clamp(38px,5.3vw,74px);line-height:1.055;letter-spacing:-.069em;color:#f1fcff;margin:12px 0 0}
.gx-opportunities-head h2 em{font-style:normal;color:#bffa7d}
.gx-opportunities-head>p{font-size:15px;color:#abc7d4;line-height:1.82;margin:0 0 8px}
.gx-opportunities-head>p strong{color:#effdff}
.gx-opportunities-route{display:flex;align-items:stretch;gap:10px;background:linear-gradient(105deg,rgba(8,41,58,.93),rgba(12,62,65,.66));border:1px solid rgba(140,224,223,.24);border-radius:16px;padding:16px;margin-bottom:44px}
.gx-opportunities-route>div{flex:1;min-width:0;display:flex;align-items:center;gap:13px;padding:9px 13px}
.gx-route-no{font-size:12px;font-weight:900;color:#c5f87c;border:1px solid rgba(193,246,111,.28);background:rgba(185,250,110,.07);min-width:37px;height:37px;display:grid;place-items:center;border-radius:10px}
.gx-opportunities-route strong{display:block;color:#efffff;font-size:14px;line-height:1.3;margin-bottom:4px}
.gx-opportunities-route small{color:#91b6c4;font-size:11px;line-height:1.45}
.gx-route-arrow{align-self:center;color:#a3e7d4;font-size:19px;opacity:.8}
.gx-opportunities-label{display:flex;justify-content:space-between;gap:20px;color:#95c6c5;font-weight:900;font-size:10px;letter-spacing:.17em;margin-bottom:18px}
.gx-opportunities-label span:last-child{color:#b9ec9e}
.gx-opportunities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.gx-opportunity{--gx-card-accent:#8ed9e2;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:390px;padding:29px 26px 25px;border:1px solid rgba(144,216,221,.21);border-radius:17px;background:linear-gradient(153deg,rgba(18,53,69,.88),rgba(5,22,36,.94) 72%);overflow:hidden;transition:border-color .2s ease,transform .2s ease}
.gx-opportunity:before{content:"";position:absolute;z-index:-1;width:190px;height:190px;border-radius:50%;right:-100px;top:-105px;background:var(--gx-card-accent);opacity:.085;filter:blur(35px)}
.gx-opportunity:hover{transform:translateY(-3px);border-color:rgba(176,232,205,.47)}
.gx-opportunity-school{--gx-card-accent:#c9ed7f}.gx-opportunity-public{--gx-card-accent:#8aaeff}.gx-opportunity-events{--gx-card-accent:#eebd8b}.gx-opportunity-training{--gx-card-accent:#b9adf6}.gx-opportunity-community{--gx-card-accent:#ef9ec4}
.gx-opportunity-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#bdd5de;font-weight:850;font-size:10px;letter-spacing:.09em}
.gx-opportunity-symbol{display:grid;place-items:center;border:1px solid rgba(182,226,233,.28);color:var(--gx-card-accent);background:rgba(164,213,205,.055);border-radius:12px;width:44px;height:44px;flex-shrink:0;font-size:25px}
.gx-opportunity h3{font-size:clamp(21px,2.3vw,28px);line-height:1.15;letter-spacing:-.05em;color:#f7ffff;margin:22px 0 14px;max-width:19ch}
.gx-opportunity h3 em{font-style:normal;color:var(--gx-card-accent)}
.gx-opportunity>p{color:#a8c4d0;font-size:13px;line-height:1.76;margin:0 0 19px}
.gx-opportunity-example{border-top:1px solid rgba(153,214,213,.17);padding-top:15px;margin-top:auto;display:flex;flex-direction:column;gap:7px}
.gx-opportunity-example strong{color:#d2efb0;letter-spacing:.07em;font-size:11px;text-transform:uppercase}
.gx-opportunity-example span{color:#d4e5e9;font-size:12px;line-height:1.64}
.gx-opportunity-goal{display:block;margin-top:20px;color:#9fbdbe;font-size:9px;letter-spacing:.065em;font-weight:850}
.gx-opportunities-invite{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;margin-top:18px;padding:31px 35px;background:linear-gradient(105deg,rgba(23,70,75,.65),rgba(15,41,55,.9));border:1px solid rgba(180,230,162,.3);border-radius:18px}
.gx-opportunities-invite>div>span{color:#c9f17f;font-size:10px;font-weight:900;letter-spacing:.14em}
.gx-opportunities-invite h3{color:#f4ffff;font-size:clamp(20px,2.4vw,29px);letter-spacing:-.045em;line-height:1.22;margin:10px 0 9px}
.gx-opportunities-invite h3 em{color:#bffa7d;font-style:normal}
.gx-opportunities-invite p{color:#aacad2;font-size:13px;line-height:1.73;margin:0;max-width:75ch}
.gx-opportunities-invite .gx-button{white-space:nowrap}
.gx-opportunities-note{color:#7fa5b4;font-size:11px;line-height:1.7;margin:17px 0 0;max-width:110ch}
@media(max-width:1000px){.gx-opportunities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gx-opportunities-head{grid-template-columns:1fr;gap:17px}.gx-opportunity{min-height:365px}}
@media(max-width:730px){.gx-opportunities-route{flex-direction:column;gap:1px}.gx-opportunities-route>div{padding:10px 12px}.gx-route-arrow{transform:rotate(90deg);line-height:1;font-size:16px}.gx-opportunities-invite{grid-template-columns:1fr;gap:20px}.gx-opportunities-invite .gx-button{width:100%;white-space:normal}}
@media(max-width:620px){.gx-opportunities{margin-bottom:73px}.gx-opportunities-head h2{font-size:clamp(36px,10vw,52px)}.gx-opportunities-head>p{font-size:14px}.gx-opportunities-grid{grid-template-columns:1fr;gap:13px}.gx-opportunity{min-height:unset;padding:24px 21px}.gx-opportunity h3{max-width:23ch}.gx-opportunities-label{font-size:9px;letter-spacing:.06em}.gx-opportunities-invite{padding:24px 21px}.gx-opportunities-invite h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.gx-opportunity{transition:none}.gx-opportunity:hover{transform:none}}