.cobra-gateway{--blue:#55d7ff;--blue-deep:#0877d1;--purple:#c06cff;--purple-deep:#6c20db;isolation:isolate;color:#f4f8fb;min-height:100svh;font-family:var(--font-geist-sans),sans-serif;background:#03070d;position:relative;overflow:hidden}.gateway-atmosphere,.gateway-atmosphere>span{pointer-events:none;position:absolute;inset:0}.gateway-atmosphere{z-index:-1;filter:saturate(.9);background:linear-gradient(90deg,#02111efa,#03070ddb 46%,#0a0314e0),url(/images/hero-dust2.jpg) 50% 42%/cover}.gateway-atmosphere:after{content:"";background:linear-gradient(90deg,#007ad330,#0000 48%,#7719cb33),linear-gradient(#03070d8a 0%,#0000 62%,#03070d 100%);position:absolute;inset:0}.gateway-orb{filter:blur(72px);opacity:.72;border-radius:50%;animation:5.6s ease-in-out infinite gateway-breathe}.gateway-orb-blue{background:radial-gradient(circle,#22b8ffa8,#0855bc2e 51%,#0000 73%);inset:8% 48% 13% -16%!important}.gateway-orb-purple{background:radial-gradient(circle,#b94affa1,#5d17be33 54%,#0000 74%);animation-delay:-2.8s;inset:7% -16% 12% 49%!important}.gateway-grid{opacity:.2;background-image:linear-gradient(#7cd5ff1c 1px,#0000 1px),linear-gradient(90deg,#7cd5ff1c 1px,#0000 1px);background-size:74px 74px;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.gateway-noise{opacity:.16;background:radial-gradient(circle at 12% 82%,#52d6ff8c 0 1px,#0000 2px) 0 0/47px 53px,radial-gradient(circle at 88% 74%,#cb64ff8c 0 1px,#0000 2px) 0 0/61px 67px}.gateway-particles{opacity:.55;filter:blur(.2px);animation:13s linear infinite gateway-drift}.gateway-particles-blue{background:radial-gradient(circle at 11% 70%,#75e9ff 0 1px,#0000 2px),radial-gradient(circle at 76% 28%,#30bbff 0 1px,#0000 2px),radial-gradient(circle at 42% 86%,#75e9ff 0 2px,#0000 3px);right:50%!important}.gateway-particles-purple{background:radial-gradient(circle at 82% 20%,#e090ff 0 1px,#0000 2px),radial-gradient(circle at 24% 65%,#aa51ff 0 1px,#0000 2px),radial-gradient(circle at 67% 85%,#e090ff 0 2px,#0000 3px);animation-direction:reverse;left:50%!important}.gateway-header{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#03070cbd;border-bottom:1px solid #b2e1f529;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;padding:0 clamp(20px,4vw,68px);display:grid}.gateway-brand{color:#fff;align-items:center;gap:13px;display:flex}.gateway-emblem{clip-path:polygon(50% 0,94% 18%,86% 74%,50% 100%,14% 74%,6% 18%);background:linear-gradient(145deg,#45bdff33,#030b11b8);border:1px solid #73ddff6b;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 0 28px #37beff2e}.gateway-emblem svg{color:#9eeaff;width:24px}.gateway-brand>span:last-child{flex-direction:column;display:flex}.gateway-brand strong{font-family:var(--font-barlow),sans-serif;letter-spacing:.09em;font-size:22px}.gateway-brand small{color:#7bbdd2;letter-spacing:.2em;margin-top:2px;font-size:8px;font-weight:800}.gateway-system{color:#acb9bf;letter-spacing:.18em;align-items:center;gap:10px;font-size:10px;font-weight:800;display:flex}.gateway-system i,.gateway-portal-top b i{background:#7eff60;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite gateway-status;box-shadow:0 0 15px #7eff60}.gateway-actions{justify-self:end;align-items:center;gap:12px;display:flex}.gateway-actions>a,.gateway-language{background:#050a1199;border:1px solid #aadcf02b;align-items:center;height:44px;display:flex}.gateway-actions>a{color:#eef8fb;letter-spacing:.14em;gap:9px;padding:0 17px;font-size:10px;font-weight:850}.gateway-actions>a svg{color:#b6c8ff;width:17px}.gateway-language{gap:7px;padding:0 10px}.gateway-language>svg{color:#809199;width:16px}.gateway-language button{color:#6f7c82;cursor:pointer;background:0 0;border:0;height:32px;padding:0 6px;font-size:10px;font-weight:900}.gateway-language button.active{color:#fff;text-shadow:0 0 13px}.gateway-language i{background:#ffffff29;width:1px;height:14px}.gateway-content{flex-direction:column;align-items:center;width:min(1380px,100% - 48px);min-height:calc(100svh - 142px);margin-inline:auto;padding:46px 0 30px;display:flex}.gateway-intro{text-align:center}.gateway-intro>span{color:#8bdcff;letter-spacing:.24em;font-size:9px;font-weight:900}.gateway-intro h1{font-family:var(--font-barlow),sans-serif;letter-spacing:.035em;text-shadow:0 8px 35px #000c;margin:9px 0 5px;font-size:clamp(52px,6vw,88px);line-height:.94}.gateway-intro p{color:#b0bec5;margin:0;font-size:15px}.gateway-portals{grid-template-columns:1fr 1fr;gap:26px;width:100%;margin-top:32px;display:grid}.gateway-portal{--portal:#63dfff;border:1px solid color-mix(in srgb,var(--portal) 55%,transparent);color:#fff;min-height:440px;box-shadow:0 30px 80px #00000080,inset 0 0 70px color-mix(in srgb,var(--portal) 6%,transparent);background:#07111a;flex-direction:column;padding:28px;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.gateway-portal-zombie{--portal:#c16bff}.gateway-portal:hover{border-color:color-mix(in srgb,var(--portal) 86%,white 5%);box-shadow:0 38px 95px #0000008f,0 0 50px color-mix(in srgb,var(--portal) 25%,transparent),inset 0 0 80px color-mix(in srgb,var(--portal) 9%,transparent);transform:translateY(-7px)scale(1.006)}.gateway-portal:focus-visible{outline-offset:5px;outline:2px solid #fff}.gateway-portal-art,.gateway-portal-light{pointer-events:none;position:absolute;inset:0}.gateway-portal-art{filter:saturate(.74)contrast(1.08);background:linear-gradient(90deg,#040a10f0,#040a1033 55%,#040a10b8),url(/images/hero-dust2.jpg) 50%/cover;transition:transform .8s,filter .5s}.gateway-portal-zombie .gateway-portal-art{filter:hue-rotate(55deg)saturate(.72)brightness(.58)contrast(1.2);background:linear-gradient(90deg,#0b0412f0,#0b041242 55%,#0b0412c2),url(/images/server-dust2.jpg) 50%/cover}.gateway-portal:hover .gateway-portal-art{filter:saturate(.95)contrast(1.08);transform:scale(1.045)}.gateway-portal-zombie:hover .gateway-portal-art{filter:hue-rotate(55deg)saturate(.9)brightness(.64)contrast(1.2)}.gateway-portal-light{background:radial-gradient(circle at 26% 50%,color-mix(in srgb,var(--portal) 32%,transparent),transparent 48%),linear-gradient(0deg,#03070cdb,transparent 55%);animation:4.7s ease-in-out infinite gateway-portal-glow}.gateway-portal-zombie .gateway-portal-light{animation-delay:-2.3s}.gateway-portal-top,.gateway-portal-copy,.gateway-portal-button{z-index:1;position:relative}.gateway-portal-top{justify-content:space-between;align-items:center;display:flex}.gateway-portal-top>b{color:#dfffe1;letter-spacing:.15em;align-items:center;gap:8px;font-size:9px;display:flex}.gateway-portal-top>svg{width:35px;height:35px;color:var(--portal);filter:drop-shadow(0 0 16px var(--portal))}.gateway-portal-copy{max-width:550px;margin-top:auto}.gateway-portal-copy small{color:var(--portal);letter-spacing:.19em;font-size:10px;font-weight:900}.gateway-portal-copy strong{font-family:var(--font-barlow),sans-serif;letter-spacing:.025em;text-shadow:0 4px 25px #000;margin-top:8px;font-size:clamp(45px,4.4vw,68px);line-height:.92;display:block}.gateway-portal-copy p{color:#b7c5cb;max-width:480px;margin:12px 0 16px;font-size:13px;line-height:1.55}.gateway-portal-copy em{color:#dce9ed;letter-spacing:.12em;align-items:center;gap:8px;font-size:10px;font-style:normal;font-weight:900;display:flex}.gateway-portal-copy em svg{width:16px;color:var(--portal)}.gateway-portal-button{border:1px solid color-mix(in srgb,var(--portal) 63%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--portal) 58%,#071019),color-mix(in srgb,var(--portal) 20%,#08121a));letter-spacing:.12em;min-height:58px;box-shadow:0 0 28px color-mix(in srgb,var(--portal) 18%,transparent);justify-content:space-between;align-items:center;margin-top:24px;padding:0 21px;font-size:11px;font-weight:900;display:flex}.gateway-portal-button svg{width:18px;transition:transform .25s}.gateway-portal:hover .gateway-portal-button svg{transform:translate(5px)}.gateway-values{justify-content:center;align-items:center;gap:34px;margin-top:23px;display:flex}.gateway-values span{color:#91a1a8;letter-spacing:.13em;align-items:center;gap:8px;font-size:9px;font-weight:850;display:flex}.gateway-values svg{color:#8edfff;width:16px}.gateway-values span:nth-child(2) svg{color:#e09aff}.gateway-footer{color:#77858b;letter-spacing:.25em;justify-content:center;align-items:center;gap:17px;min-height:54px;font-size:9px;font-weight:800;display:flex}.gateway-footer i{background:linear-gradient(90deg,#0000,#84d8f459);width:82px;height:1px}.gateway-footer i:last-child{transform:scaleX(-1)}@keyframes gateway-breathe{50%{opacity:1;transform:scale(1.08)}}@keyframes gateway-status{50%{opacity:.45;box-shadow:0 0 5px #7eff60}}@keyframes gateway-drift{50%{transform:translateY(-22px)}}@keyframes gateway-portal-glow{50%{opacity:.72;filter:brightness(1.2)}}@media (max-width:860px){.gateway-header{grid-template-columns:1fr auto;min-height:72px;padding:0 16px}.gateway-system{display:none}.gateway-brand strong{font-size:17px}.gateway-brand small{font-size:6px}.gateway-emblem{width:40px;height:40px}.gateway-actions>a{justify-content:center;width:42px;padding:0}.gateway-actions>a span{display:none}.gateway-content{width:min(100% - 24px,620px);min-height:auto;padding:38px 0 90px}.gateway-intro>span{font-size:8px}.gateway-intro h1{font-size:clamp(46px,14vw,66px)}.gateway-intro p{max-width:440px;font-size:13px;line-height:1.55}.gateway-portals{grid-template-columns:1fr;gap:18px;margin-top:27px}.gateway-portal{min-height:365px;padding:20px}.gateway-portal-copy strong{font-size:clamp(43px,13vw,61px)}.gateway-portal-copy p{font-size:12px}.gateway-portal-button{min-height:56px;font-size:10px}.gateway-values{flex-wrap:wrap;gap:18px}.gateway-footer{display:none}.gateway-orb{filter:blur(46px);opacity:.82}.gateway-orb-blue{inset:4% -25% 50% -35%!important}.gateway-orb-purple{inset:48% -35% 2% -25%!important}.gateway-atmosphere:after{background:linear-gradient(#0080dd33,#0000 47%,#7d19d338),linear-gradient(#0000 40%,#03070d)}}@media (max-width:430px){.gateway-header,.gateway-brand{gap:8px}.gateway-brand small{display:none}.gateway-actions{gap:7px}.gateway-language{gap:3px;padding:0 6px}.gateway-language>svg{display:none}.gateway-content{padding-top:30px}.gateway-intro h1{font-size:48px}.gateway-portals{gap:15px}.gateway-portal{min-height:350px}.gateway-portal-top>svg{width:29px}.gateway-portal-copy strong{font-size:44px}.gateway-portal-copy p{max-width:330px}.gateway-portal-button{letter-spacing:.08em;padding:0 15px}.gateway-values span{font-size:8px}}@media (prefers-reduced-motion:reduce){.gateway-orb,.gateway-particles,.gateway-system i,.gateway-portal-top b i,.gateway-portal-light{animation:none}.gateway-portal,.gateway-portal-art,.gateway-portal-button svg{transition:none}}.gateway-aurora{opacity:.34;filter:blur(55px)saturate(1.55);mix-blend-mode:screen;will-change:transform;background:conic-gradient(from 20deg at 50% 50%,transparent 0 12%,#43dbffb8 19%,#2a75ff40 27%,transparent 36% 50%,#cc53ffad 60%,#ff4aaa4d 68%,transparent 77%);animation:22s linear infinite gateway-aurora-spin;inset:-36% -18%!important}.gateway-aurora-two{opacity:.19;animation-duration:31s;animation-direction:reverse}.gateway-prism{opacity:.23;filter:blur(32px);background:linear-gradient(100deg,#1adfff,#306bff,#b14cff,#ff4e9b,#f4cf4a,#37f5ae,#1adfff) 0 0/300% 100%;height:58%;animation:10s linear infinite gateway-rainbow-flow;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000);inset:auto -20% -25%!important}.gateway-portal:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,var(--portal),transparent 24%,#ffffffbf 48%,transparent 70%,var(--portal)) border-box;background-size:260% 100%;border:1px solid #0000;animation:7s linear infinite gateway-border-run;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gateway-portal-button:before{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff3d,#0000 70%);animation:4.6s ease-in-out infinite gateway-button-sweep;position:absolute;inset:0;transform:translate(-120%)}.gateway-portal-button>*{position:relative}@keyframes gateway-aurora-spin{to{transform:rotate(360deg)scale(1.08)}}@keyframes gateway-rainbow-flow{to{background-position:300% 0}}@keyframes gateway-border-run{to{background-position:260% 0}}@keyframes gateway-button-sweep{55%,to{transform:translate(120%)}}@media (max-width:860px){.gateway-aurora{opacity:.42;filter:blur(42px);animation-duration:18s;inset:-12% -85%!important}.gateway-prism{opacity:.29;height:45%;animation-duration:8s;position:fixed!important;inset:auto -80% 8%!important}.gateway-portal:active{transform:scale(.985)}.gateway-portal-button:before{animation-duration:3.8s}}@media (prefers-reduced-motion:reduce){.gateway-aurora,.gateway-prism,.gateway-portal:after,.gateway-portal-button:before{animation:none}}.gateway-actions>a .discord-brand-icon{color:#b6c8ff;filter:drop-shadow(0 0 9px #b6c8ff52);width:19px;height:19px}@media (max-width:860px){.gateway-actions>a{background:#5865f21f;border-color:#b6c8ff4d;justify-content:center;width:44px;padding:0}.gateway-actions>a .discord-brand-icon{color:#e1e4ff;width:22px;height:22px}}