@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{color:#f5f6f7;font-synthesis:none;--orange:#ff6000;--orange-soft:#ff60002e;--line:#ffffff1f;background:#050607;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#050607}.viewport{isolation:isolate;background:linear-gradient(90deg,#0304056b,#0304053d 52%,#03040570),linear-gradient(#03040545,#0304050d 40%,#0304054d),url(/nextgg-city-background.png) 50%/cover no-repeat;width:100vw;height:100dvh;min-height:540px;position:relative;overflow:hidden}.viewport:before{content:"";z-index:-1;opacity:.1;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:68px 68px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.ambient{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scanline{background:#ff701938;height:1px;animation:9s linear infinite scan;position:absolute;left:0;right:0;box-shadow:0 0 28px #ff600047}.horizon{background:linear-gradient(90deg,#0000,#ff60003d,#0000);width:130vw;height:1px;position:absolute;left:-15vw;transform:rotate(-12deg)}.horizon-one{top:34%}.horizon-two{opacity:.42;top:68%;transform:rotate(8deg)}.particle{background:#ff8337cc;border-radius:50%;width:2px;height:2px;animation:ease-in-out infinite alternate particle-float;position:absolute;box-shadow:0 0 10px #ff6000cc}.star-field{position:absolute;inset:0 0 55%;overflow:hidden}.sky-star{background:#ff8a3c;border-radius:50%;animation:3.2s ease-in-out infinite star-twinkle;position:absolute;box-shadow:0 0 5px #ff600085}.shooting-star{opacity:0;transform-origin:100%;background:linear-gradient(90deg,#0000,#ff6000cc);width:116px;height:1px;animation:8s ease-in 2.6s infinite shooting-star;position:absolute;top:12%;left:71%;transform:rotate(28deg)translate(0,0)}.shooting-star:after{content:"";background:#ff8a42;border-radius:50%;width:3px;height:3px;position:absolute;top:-1px;right:-1px}.shooting-star-two{width:62px;animation-duration:11s;animation-delay:6.8s;top:24%;left:28%}.shooting-star-three{width:78px;animation-duration:13s;animation-delay:9.4s;top:7%;left:48%}.topbar{letter-spacing:1.8px;justify-content:flex-end;align-items:center;font-size:11px;font-weight:800;display:flex;position:absolute;top:clamp(24px,4.2vh,56px);left:clamp(28px,4.2vw,80px);right:clamp(28px,4.2vw,80px)}.brand-mini{align-items:center;gap:12px;display:flex}.brand-mark{width:34px;height:34px;color:var(--orange);background:#ff600012;border:1px solid #ff600085;place-items:center;display:grid}.signal{color:#899096;align-items:center;gap:9px;display:flex}.signal i{background:var(--orange);width:6px;height:6px;box-shadow:0 0 12px var(--orange);border-radius:50%;animation:1.4s ease-in-out infinite signal}.topbar-actions{align-items:center;gap:26px;display:flex}.discord-link{color:#f1f3f4;background:#080a0c9e;border:1px solid #ff60006b;border-radius:50%;place-items:center;width:40px;height:40px;text-decoration:none;transition:border-color .12s,background .12s,transform .12s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff09}.discord-link:before{content:"";opacity:0;border:1px solid #ff600085;border-radius:50%;animation:3.4s ease-out infinite discord-pulse;position:absolute;inset:-1px}.discord-link svg{color:var(--orange);transition:transform .12s;position:relative}.discord-link:hover{border-color:var(--orange);background:#ff60001f;transform:translateY(-2px)}.discord-link:hover svg{transform:scale(1.12)}.hero{grid-template-columns:minmax(420px,1fr) minmax(520px,.9fr);align-items:center;max-width:1680px;margin:auto;display:grid;position:absolute;inset:12vh 5vw 22vh}.logo-stage{aspect-ratio:1;place-items:center;width:min(47vw,730px);animation:1.2s cubic-bezier(.16,1,.3,1) both stage-enter;display:grid;position:relative}.logo{z-index:2;object-fit:contain;filter:drop-shadow(0 20px 60px #0000009e)drop-shadow(0 0 22px #ff60001f);width:68%;height:68%;animation:5s ease-in-out infinite logo-breathe;position:relative}.logo-ring{border:1px solid #ffffff14;border-radius:50%;position:absolute}.ring-outer{border-style:dashed;width:85%;height:85%;animation:38s linear infinite rotate}.ring-inner{border-color:#ff60002e;width:72%;height:72%;animation:24s linear infinite rotate-reverse}.orbit{z-index:3;background:var(--orange);width:8px;height:8px;box-shadow:0 0 18px var(--orange);border-radius:50%;position:absolute}.orbit-one{animation:2.4s ease-in-out infinite orbit-pulse;top:14%;left:49%}.orbit-two{width:4px;height:4px;animation:2.4s ease-in-out .8s infinite orbit-pulse;bottom:20%;right:15%}.copy{max-width:650px;animation:1s cubic-bezier(.16,1,.3,1) .18s both copy-enter}.eyebrow{color:var(--orange);letter-spacing:2.3px;align-items:center;gap:10px;font-size:clamp(10px,.7vw,13px);font-weight:800;display:flex}h1{letter-spacing:0;text-transform:uppercase;margin:22px 0 24px;font-size:clamp(62px,6.4vw,116px);font-weight:900;line-height:.86}h1 strong{color:#0000;-webkit-text-stroke:1px #ffffffeb;text-shadow:0 0 40px #ff60002e}.copy p{color:#959ca1;max-width:560px;margin:0;font-size:clamp(14px,1vw,18px);line-height:1.75}.tagline{color:var(--orange);font-weight:700}.loading{animation:.9s cubic-bezier(.16,1,.3,1) .45s both loading-enter;position:absolute;bottom:clamp(30px,5.5vh,66px);left:clamp(28px,6vw,116px);right:clamp(28px,6vw,116px)}.loading-meta{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.loading-meta>div{gap:5px;display:grid}.caption{color:#686f74;letter-spacing:2px;font-size:9px;font-weight:800}.loading-meta strong{letter-spacing:1.2px;font-size:13px}.loading-meta output{font-variant-numeric:tabular-nums;font-size:clamp(30px,2.3vw,43px);font-weight:900;line-height:.8}.loading-meta output small{color:var(--orange);margin-left:3px;font-size:.42em}.progress-track{background:#ffffff0e;border-top:1px solid #ffffff1a;border-bottom:1px solid #000c;height:12px;position:relative;overflow:hidden}.progress-fill{background:var(--orange);min-width:3px;transition:width .15s linear;position:absolute;inset:0 auto 0 0;box-shadow:0 0 24px #ff60006b}.progress-fill i{width:2px;height:20px;box-shadow:0 0 15px #fff, 0 0 28px var(--orange);background:#fff;position:absolute;top:-5px;right:-1px}.progress-segments{background:repeating-linear-gradient(90deg,#0000 0 calc(5% - 2px),#050607d1 calc(5% - 2px) 5%);position:absolute;inset:0}.loading-footer{color:#666d72;letter-spacing:1.3px;justify-content:center;margin-top:13px;font-size:9px;font-weight:700;display:flex}.loading-footer span{align-items:center;gap:7px;display:flex}.loading-footer svg{color:var(--orange)}.pulse-label b{background:var(--orange);border-radius:50%;width:3px;height:3px;animation:1.2s ease-in-out infinite dot}.pulse-label b:nth-child(2){animation-delay:.16s}.pulse-label b:nth-child(3){animation-delay:.32s}@keyframes scan{0%{transform:translateY(-5vh)}to{transform:translateY(110vh)}}@keyframes signal{50%{opacity:.25;transform:scale(.7)}}@keyframes particle-float{to{opacity:.2;transform:translate(18px,-28px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes rotate-reverse{to{transform:rotate(-360deg)}}@keyframes orbit-pulse{50%{opacity:.4;transform:scale(1.6)}}@keyframes logo-breathe{50%{filter:drop-shadow(0 22px 65px #000000a6)drop-shadow(0 0 32px #ff600033);transform:scale(1.025)}}@keyframes stage-enter{0%{opacity:0;transform:scale(.88)rotate(-3deg)}}@keyframes copy-enter{0%{opacity:0;transform:translate(42px)}}@keyframes loading-enter{0%{opacity:0;transform:translateY(28px)}}@keyframes dot{50%{opacity:.2;transform:translateY(-2px)}}@keyframes star-twinkle{50%{opacity:.18;transform:scale(.7)}}@keyframes shooting-star{0%,84%{opacity:0;transform:rotate(28deg)translate(0,0)}86%{opacity:1}94%,to{opacity:0;transform:rotate(28deg)translate(320px)}}@keyframes discord-pulse{0%,60%{opacity:0;transform:scale(1)}68%{opacity:.65}88%,to{opacity:0;transform:scale(1.38)}}@media (aspect-ratio<=4/3){.hero{grid-template-columns:.8fr 1fr;inset-inline:3vw}.logo-stage{width:min(48vw,620px)}h1{font-size:clamp(54px,7vw,92px)}}@media (width<=760px){.hero{text-align:center;grid-template-columns:1fr;inset:10vh 7vw 23vh}.logo-stage{opacity:.25;justify-self:center;width:72vw;position:absolute}.copy{z-index:5;position:relative}.eyebrow,.copy p{justify-content:center;margin-inline:auto}.loading-footer span:first-child,.loading-footer span:last-child{display:none}.loading-footer{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}