:root{--ink:#10263f;--muted:#698098;--blue:#2e9dea;--blue-dark:#187dc5;--line:rgba(42,128,185,.16);--white:rgba(255,255,255,.88);--discord:#5865f2;--shadow:0 32px 80px rgba(45,125,178,.16)}
*{box-sizing:border-box}html{min-height:100%;background:#eaf7ff}body{margin:0;min-height:100vh;color:var(--ink);font-family:'Segoe UI Variable','Segoe UI',system-ui,sans-serif;overflow-x:hidden;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.95),transparent 34%),linear-gradient(135deg,#e8f7ff 0%,#f9fdff 47%,#e4f5ff 100%)}
a{color:inherit}.grid{position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(42,143,208,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(42,143,208,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.ambient{position:fixed;border-radius:999px;filter:blur(10px);pointer-events:none;animation:drift 10s ease-in-out infinite}.ambient-one{width:31rem;height:31rem;top:-15rem;right:-9rem;background:rgba(76,180,245,.18)}.ambient-two{width:24rem;height:24rem;bottom:-14rem;left:-6rem;background:rgba(88,101,242,.09);animation-delay:-5s}
.topbar{position:relative;z-index:4;max-width:1240px;margin:auto;height:104px;padding:0 34px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font:800 1.4rem 'Manrope',sans-serif;letter-spacing:-.055em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;color:white;background:linear-gradient(145deg,#56baf2,#218ed9);box-shadow:0 8px 22px rgba(35,142,210,.25)}.brand-mark svg{width:23px;fill:currentColor}.brand-mark .spark,.core .spark{fill:#2895dc}.brand-dot{color:#39a9eb}.system-state{display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.5);font-size:.78rem;font-weight:700;color:#57728c;text-transform:uppercase;letter-spacing:.07em}.system-state i,.live i{width:7px;height:7px;border-radius:50%;background:#31bd8b;box-shadow:0 0 0 4px rgba(49,189,139,.12)}
.login-layout{position:relative;z-index:2;max-width:1160px;min-height:calc(100vh - 104px);margin:auto;padding:38px 34px 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:#2c91d2;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow span{width:24px;height:2px;background:#45aaea}.intro h1{margin:22px 0 17px;font:800 clamp(3.2rem,5.3vw,5.4rem)/.98 'Manrope',sans-serif;letter-spacing:-.075em}.intro h1 em{font-style:normal;color:#39a5e5}.lead{max-width:500px;margin:0;color:var(--muted);font-size:1.08rem;line-height:1.7}.signal-card{position:relative;width:390px;height:190px;margin-top:52px;border:1px solid rgba(58,154,215,.18);border-radius:24px;background:rgba(255,255,255,.42);box-shadow:0 18px 60px rgba(66,145,197,.08);overflow:hidden;backdrop-filter:blur(16px)}.signal-top{height:43px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:600 .7rem 'Manrope',sans-serif;color:#7a93a9;letter-spacing:.05em}.live{display:flex;align-items:center;gap:7px;color:#2a9e79}.live i{width:5px;height:5px}.signal-visual{height:93px;display:grid;place-items:center;position:relative}.core{z-index:2;width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#48b0ee,#1686cf);box-shadow:0 9px 27px rgba(33,146,216,.3)}.core svg{width:28px;fill:white}.orbit{position:absolute;border:1px solid rgba(50,158,224,.24);border-radius:50%;animation:pulse 3s ease-out infinite}.orbit-a{width:86px;height:55px}.orbit-b{width:154px;height:76px;animation-delay:1s}.signal-meta{height:54px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.signal-meta span{padding:10px 16px;display:flex;flex-direction:column;font-size:.65rem;color:#8297aa}.signal-meta span+span{border-left:1px solid var(--line)}.signal-meta b{font-size:.73rem;color:#4f6e88;margin-bottom:2px}
.auth-card-wrap{max-width:480px;width:100%}.auth-card{position:relative;padding:43px 42px 34px;border:1px solid rgba(56,145,204,.17);border-radius:30px;background:var(--white);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.auth-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.75);border-radius:22px;pointer-events:none}.auth-icon{position:relative;width:57px;height:57px;display:grid;place-items:center;border-radius:18px;background:#eef0ff;color:var(--discord);box-shadow:inset 0 0 0 1px rgba(88,101,242,.08)}.auth-icon svg{width:30px;fill:currentColor}.auth-copy{position:relative;margin-top:25px}.step{font-size:.7rem;font-weight:800;color:#349bda;letter-spacing:.13em}.auth-copy h2{margin:9px 0 12px;font:800 1.75rem/1.2 'Manrope',sans-serif;letter-spacing:-.045em}.auth-copy p{margin:0;color:var(--muted);font-size:.96rem;line-height:1.6}.discord-button{position:relative;height:58px;margin-top:28px;padding:0 18px;display:flex;align-items:center;gap:12px;border-radius:15px;background:linear-gradient(135deg,#6470f5,#5260ed);box-shadow:0 13px 30px rgba(88,101,242,.25);color:white;text-decoration:none;font-weight:700;transition:transform .2s,box-shadow .2s}.discord-button:hover{transform:translateY(-2px);box-shadow:0 17px 36px rgba(88,101,242,.31)}.discord-button:focus-visible,.primary-link:focus-visible,.quiet-link:focus-visible{outline:3px solid rgba(46,157,234,.3);outline-offset:3px}.discord-button svg{width:23px;fill:currentColor}.discord-button span{margin-left:auto;font-size:1.25rem}.privacy{position:relative;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:11px;color:#7b8fa2;font-size:.76rem;line-height:1.55}.privacy svg{flex:0 0 18px;width:18px;fill:#51a9df}.privacy b{color:#536f88}.support{text-align:center;margin:19px 0 0;font-size:.8rem;color:#7b90a4}.support a{color:#258fd2;font-weight:700;text-underline-offset:3px}.notice{position:relative;margin-top:18px;padding:12px;border-radius:12px;display:flex;gap:9px;align-items:center;font-size:.8rem}.notice span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-weight:800}.notice.error{color:#af4560;background:#fff0f3;border:1px solid #f7ced8}.notice.error span{color:white;background:#db607d}
.state-layout{position:relative;z-index:2;min-height:calc(100vh - 104px);display:grid;place-items:center;padding:30px 24px 70px}.state-card{position:relative;width:min(100%,550px);padding:48px;text-align:center;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.84);box-shadow:var(--shadow);overflow:hidden}.state-code{position:absolute;right:-7px;top:-35px;font:800 8rem 'Manrope',sans-serif;color:rgba(37,139,204,.055);letter-spacing:-.09em}.avatar{position:relative;width:82px;height:82px;margin:0 auto 25px}.avatar img{width:100%;height:100%;border-radius:25px;object-fit:cover;border:5px solid white;box-shadow:0 12px 30px rgba(44,111,157,.17)}.avatar span{position:absolute;right:-5px;bottom:-5px;width:27px;height:27px;display:grid;place-items:center;border:3px solid white;border-radius:50%;color:white;font-weight:800}.denied-avatar span{background:#e05472}.success-avatar span{background:#28b981}.state-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.11em}.state-badge i{width:6px;height:6px;border-radius:50%}.denied-badge{color:#c34662;background:#fff0f3}.denied-badge i{background:#df5471}.success-badge{color:#178c65;background:#e9fbf4}.success-badge i{background:#25b47e}.state-card h1{margin:18px 0 13px;font:800 2.3rem/1.12 'Manrope',sans-serif;letter-spacing:-.055em}.state-card>p{max-width:430px;margin:0 auto;color:var(--muted);line-height:1.65}.help-box{margin:30px 0 26px;padding:18px;display:flex;text-align:left;align-items:flex-start;gap:14px;border:1px solid rgba(46,157,234,.16);border-radius:16px;background:#f2faff}.help-icon{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#dcefff;color:#278fce;font-weight:800}.help-box div:last-child{display:flex;flex-direction:column;gap:4px}.help-box b{font-size:.87rem}.help-box span{font-size:.8rem;color:#70869b;line-height:1.5}.help-box strong{color:#258dcd}.state-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.primary-link{height:53px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;color:white;background:linear-gradient(135deg,#38a9eb,#2089cf);box-shadow:0 12px 27px rgba(36,142,207,.22);text-decoration:none;font-weight:700}.primary-link span{font-size:1.1rem}.quiet-link{font-size:.83rem;color:#71869a;text-underline-offset:4px}.request-id{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);font:600 .68rem 'Manrope',sans-serif;color:#9aabba;letter-spacing:.06em}.identity{margin-top:28px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#f3faff;display:flex;flex-direction:column;gap:3px}.identity span,.identity small{color:#7890a5}.identity span{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.identity b{font-size:1.05rem}.identity small{font-size:.8rem}.logout{font-size:.82rem;color:#647f96;text-underline-offset:4px}
@keyframes drift{50%{transform:translate3d(20px,-12px,0) scale(1.04)}}@keyframes pulse{0%{transform:scale(.8);opacity:0}45%{opacity:1}100%{transform:scale(1.15);opacity:0}}
@media(max-width:900px){.topbar{height:82px}.login-layout{min-height:auto;grid-template-columns:1fr;gap:45px;padding-top:35px}.intro{text-align:center}.eyebrow{justify-content:center}.lead{margin-inline:auto}.signal-card{display:none}.auth-card-wrap{margin:auto}.intro h1{font-size:clamp(3rem,12vw,4.6rem)}}
@media(max-width:540px){.topbar{padding:0 20px}.system-state{font-size:0;width:36px;height:36px;justify-content:center;padding:0}.login-layout{padding:25px 16px 55px;gap:34px}.intro h1{margin-top:16px}.lead{font-size:.96rem}.auth-card{padding:34px 24px 27px;border-radius:24px}.auth-copy h2{font-size:1.55rem}.discord-button{font-size:.9rem}.state-card{padding:38px 22px;border-radius:24px}.state-card h1{font-size:1.9rem}.state-layout{padding-inline:15px}.help-box{padding:15px}}

/* Blue Cloudino redesign */
.landing-page,.panel-only-page,.state-page{color:#eaf6ff;background:#041329 radial-gradient(circle at 78% 25%,rgba(25,132,231,.32),transparent 34%)}
.landing-page .grid,.panel-only-page .grid,.state-page .grid{opacity:.34;background-image:linear-gradient(rgba(81,177,245,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(81,177,245,.09) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black,transparent 94%)}
.landing-page .ambient-one,.panel-only-page .ambient-one,.state-page .ambient-one{background:rgba(16,135,234,.2)}
.landing-page .ambient-two,.panel-only-page .ambient-two,.state-page .ambient-two{background:rgba(26,88,220,.18)}
.landing-page .brand,.panel-only-page .brand,.state-page .brand{color:#f4faff}.landing-page .brand-dot,.panel-only-page .brand-dot,.state-page .brand-dot{color:#40b8ff}
.landing-page .topbar,.panel-only-page .topbar,.state-page .topbar{max-width:1320px;height:96px}
.landing-topbar nav{display:flex;align-items:center;gap:34px}.landing-topbar nav>a:not(.panel-nav-button){text-decoration:none;color:#8faac5;font-size:.88rem;font-weight:600;transition:color .2s}.landing-topbar nav>a:hover{color:white}
.panel-nav-button{height:44px;padding:0 20px;display:flex;align-items:center;gap:18px;border:1px solid rgba(106,196,255,.3);border-radius:13px;background:linear-gradient(135deg,rgba(44,162,235,.92),rgba(37,105,226,.92));box-shadow:0 10px 30px rgba(10,103,209,.25);text-decoration:none;color:white!important;font-weight:700;font-size:.88rem}.panel-nav-button span{font-size:1.05rem}
.landing-main{position:relative;z-index:2;max-width:1320px;margin:auto;padding:52px 34px 0}.landing-hero{min-height:620px;display:grid;grid-template-columns:.92fr 1.08fr;gap:90px;align-items:center}.landing-copy .eyebrow,.panel-login-heading .eyebrow{color:#54beff}.landing-copy h1,.panel-login-heading h1{margin:22px 0 24px;font:800 clamp(4rem,6vw,6.1rem)/.94 'Manrope','Segoe UI',sans-serif;letter-spacing:-.075em;color:#f4faff}.landing-copy h1 em,.panel-login-heading h1 em{font-style:normal;color:#45b7fb}.landing-copy>p{max-width:610px;margin:0;color:#93abc3;font-size:1.08rem;line-height:1.75}.landing-actions{margin-top:36px;display:flex;align-items:center;gap:28px}.hero-button{height:56px;padding:0 23px;display:inline-flex;align-items:center;gap:28px;border-radius:15px;background:linear-gradient(135deg,#38b8f5,#2367e4);box-shadow:0 16px 36px rgba(22,104,221,.29);color:white;text-decoration:none;font-weight:750;transition:transform .2s,box-shadow .2s}.hero-button:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(22,104,221,.38)}.availability{display:flex;align-items:center;gap:10px;color:#809bb5;font-size:.78rem}.availability i{width:8px;height:8px;border-radius:50%;background:#31d397;box-shadow:0 0 0 5px rgba(49,211,151,.1)}
.server-scene{position:relative;min-height:525px;display:grid;place-items:center;perspective:1000px}.scene-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(31,151,240,.3),transparent 68%);filter:blur(12px)}.server-window{position:relative;z-index:2;width:min(100%,570px);border:1px solid rgba(96,190,255,.22);border-radius:25px;background:linear-gradient(145deg,rgba(15,47,87,.92),rgba(6,26,56,.94));box-shadow:0 50px 100px rgba(0,5,19,.52),inset 0 1px rgba(255,255,255,.05);overflow:hidden;transform:rotateY(-3deg) rotateX(1deg);backdrop-filter:blur(22px)}.server-window-bar{height:52px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid rgba(102,183,240,.13);color:#6e8eaa}.server-window-bar>span{display:flex;gap:6px}.server-window-bar>span i{width:7px;height:7px;border-radius:50%;background:#326385}.server-window-bar b{margin:auto;font-size:.67rem;letter-spacing:.06em}.server-window-bar small{font-size:.62rem;color:#35d59c;font-weight:800;letter-spacing:.1em}.server-overview{margin:22px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid rgba(89,178,239,.15);border-radius:17px;background:rgba(34,102,158,.16)}.overview-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#3bbcf6,#236be2);box-shadow:0 9px 25px rgba(22,111,214,.3)}.overview-icon svg{width:28px;fill:white}.overview-icon .spark{fill:#2687df}.server-overview>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.server-overview span{font-size:.71rem;color:#7895af}.server-overview b{font-size:.9rem}.server-overview strong{margin-left:auto;color:#43dca6;font-size:.85rem}.server-list{margin:0 22px;display:grid;gap:9px}.server-list>div{height:60px;padding:0 15px;display:flex;align-items:center;gap:12px;border:1px solid rgba(85,173,235,.1);border-radius:13px;background:rgba(11,42,75,.72)}.server-list>div>i{width:8px;height:8px;border-radius:50%;background:#39d39d;box-shadow:0 0 0 4px rgba(57,211,157,.08)}.server-list span{display:flex;flex-direction:column;gap:3px}.server-list b{font-size:.77rem}.server-list small{font-size:.64rem;color:#6987a2}.server-list em{margin-left:auto;font-style:normal;color:#65bff1;font-size:.7rem;font-weight:700}.performance{margin:20px 22px 22px;padding:15px 16px 10px;border-radius:14px;background:rgba(8,34,66,.7)}.performance>span{font-size:.65rem;color:#6f8da8}.chart-bars{height:58px;margin-top:8px;display:flex;align-items:end;gap:7px}.chart-bars i{height:var(--h);flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(to top,#2168df,#42c1f7);opacity:.8}.floating-chip{position:absolute;z-index:3;border:1px solid rgba(102,193,255,.2);border-radius:15px;background:rgba(12,43,80,.9);box-shadow:0 20px 45px rgba(0,9,27,.38);backdrop-filter:blur(18px)}.chip-secure{left:-18px;bottom:55px;padding:13px 16px;display:flex;align-items:center;gap:11px}.chip-secure>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#31d59a;background:rgba(49,213,154,.12);font-weight:800}.chip-secure div{display:flex;flex-direction:column;gap:2px}.chip-secure b{font-size:.7rem}.chip-secure small{font-size:.6rem;color:#7894ad}.chip-ping{right:-12px;top:105px;padding:13px 17px;display:flex;flex-direction:column}.chip-ping b{font-size:1.2rem;color:#51c5ff}.chip-ping b small{font-size:.63rem}.chip-ping>span{font-size:.59rem;color:#7390aa;text-transform:uppercase;letter-spacing:.08em}
.landing-strip{margin-top:35px;border-top:1px solid rgba(87,174,235,.14);border-bottom:1px solid rgba(87,174,235,.14);display:grid;grid-template-columns:repeat(2,1fr)}.landing-strip>div{padding:27px 20px;display:flex;align-items:center;justify-content:center;gap:12px}.landing-strip>div+div{border-left:1px solid rgba(87,174,235,.14)}.landing-strip b{color:#43bcff;font-size:1.02rem}.landing-strip span{color:#708da8;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}.landing-footer{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:27px 34px 34px;display:flex;justify-content:space-between;color:#506d88;font-size:.7rem}
.panel-only-page{background:#03142d radial-gradient(circle at 50% 40%,rgba(20,128,228,.3),transparent 38%)}.panel-topbar{border-bottom:1px solid rgba(87,174,235,.1)}.back-home{color:#7593af;text-decoration:none;font-size:.8rem;font-weight:600}.back-home:hover{color:white}.panel-login-layout{position:relative;z-index:2;min-height:calc(100vh - 96px);max-width:1040px;margin:auto;padding:55px 34px 85px;display:grid;grid-template-columns:1fr 480px;gap:100px;align-items:center}.panel-login-heading h1{font-size:clamp(3.4rem,5vw,5rem)}.panel-login-heading>p{color:#7894ae;font-size:1rem}.panel-only-page .auth-card{border-color:rgba(101,192,255,.2);background:linear-gradient(145deg,rgba(15,49,88,.94),rgba(8,30,62,.97));box-shadow:0 35px 90px rgba(0,5,20,.45)}.panel-only-page .auth-card:before{border-color:rgba(255,255,255,.03)}.panel-only-page .auth-copy h2{color:#f3f9ff}.panel-only-page .auth-copy p{color:#83a0bb}.panel-only-page .auth-icon{background:rgba(88,101,242,.16)}.panel-only-page .privacy{border-color:rgba(89,176,237,.14);color:#6f8ca7}.panel-only-page .privacy b{color:#a5bad0}.panel-only-page .support{color:#62809c}.panel-only-page .support a{color:#43baff}
.state-page .state-card{color:#eaf6ff;border-color:rgba(101,192,255,.2);background:linear-gradient(145deg,rgba(15,49,88,.96),rgba(8,30,62,.98));box-shadow:0 35px 90px rgba(0,5,20,.45)}.state-page .state-card>p,.state-page .quiet-link,.state-page .logout{color:#86a1ba}.state-page .help-box,.state-page .identity{background:rgba(32,99,153,.16);border-color:rgba(78,174,238,.15)}.state-page .help-box span,.state-page .identity span,.state-page .identity small{color:#7996af}.state-page .request-id{border-color:rgba(78,174,238,.14);color:#5e7b96}
.server-list .blue-dot{background:#42b9f7;box-shadow:0 0 0 4px rgba(66,185,247,.08)}.server-list .lock-dot{background:#8b91ff;box-shadow:0 0 0 4px rgba(139,145,255,.08)}.access-route{height:58px;margin-top:9px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px}.access-route b{height:38px;display:grid;place-items:center;border:1px solid rgba(79,176,241,.15);border-radius:10px;background:rgba(31,91,145,.22);font-size:.68rem;color:#a9c5dd}.access-route i{font-style:normal;color:#3a9edb;font-size:.8rem}.performance{padding-bottom:13px}
@media(max-width:980px){.landing-hero{grid-template-columns:1fr;gap:40px}.landing-copy{text-align:center}.landing-copy .eyebrow{justify-content:center}.landing-copy>p{margin-inline:auto}.landing-actions{justify-content:center}.server-scene{min-height:500px}.panel-login-layout{grid-template-columns:1fr;gap:35px;max-width:540px}.panel-login-heading{text-align:center}.panel-login-heading .eyebrow{justify-content:center}}
@media(max-width:620px){.landing-topbar nav>a:not(.panel-nav-button){display:none}.landing-topbar nav{gap:0}.landing-main{padding:35px 18px 0}.landing-hero{min-height:auto}.landing-copy h1{font-size:clamp(3.1rem,15vw,4.3rem)}.landing-actions{flex-direction:column}.server-scene{min-height:430px}.server-window{transform:none}.landing-strip{margin-top:10px;grid-template-columns:1fr}.landing-strip>div{padding:19px 9px;gap:8px}.landing-strip>div+div{border-left:0;border-top:1px solid rgba(87,174,235,.14)}.landing-strip span{font-size:.57rem;text-align:center}.landing-footer{padding-inline:20px}.panel-login-layout{padding:35px 16px 60px}.panel-login-heading h1{font-size:3rem}.panel-auth-wrap{max-width:100%}}

/* Viewport fit, responsive polish and entrance motion */
html{scrollbar-width:thin;scrollbar-color:#2e9de8 #06172f}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#06172f}::-webkit-scrollbar-thumb{border:2px solid #06172f;border-radius:999px;background:linear-gradient(#41baf5,#246fe3)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#66caff,#3482ed)}
.landing-page{height:100svh;overflow:hidden}.landing-page .topbar,.panel-only-page .topbar{height:88px}.landing-main{height:calc(100svh - 88px);padding:0 34px;display:flex;flex-direction:column}.landing-hero{min-height:0;flex:1;gap:68px;align-items:start;padding-top:clamp(20px,4vh,42px)}.landing-copy h1{margin:18px 0 20px;font-size:clamp(3.5rem,5.3vw,5.45rem)}.landing-copy>p{font-size:1.04rem;line-height:1.65}.landing-actions{margin-top:28px}.hero-button{height:54px}.server-scene{min-height:500px;place-items:start center}.landing-strip{height:68px;flex:0 0 68px;margin-top:0}.landing-strip>div{padding:18px 20px}.landing-footer{display:none}.panel-login-layout{min-height:calc(100svh - 88px);padding:24px 34px 42px;gap:88px}
.landing-topbar{animation:navEnter .65s cubic-bezier(.2,.8,.2,1) both}.landing-copy{animation:contentEnter .75s .08s cubic-bezier(.16,1,.3,1) both}.server-window{animation:windowEnter .85s .18s cubic-bezier(.16,1,.3,1) both}.landing-strip{animation:fadeEnter .7s .35s ease both}.panel-topbar{animation:navEnter .65s cubic-bezier(.2,.8,.2,1) both}.panel-login-heading{animation:contentEnter .75s .08s cubic-bezier(.16,1,.3,1) both}.panel-auth-wrap{animation:windowEnter .85s .16s cubic-bezier(.16,1,.3,1) both}.state-card{animation:contentEnter .75s cubic-bezier(.16,1,.3,1) both}
@keyframes navEnter{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes contentEnter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes windowEnter{from{opacity:0;transform:translateY(28px) scale(.975) rotateY(-3deg)}to{opacity:1;transform:rotateY(-3deg) rotateX(1deg)}}@keyframes fadeEnter{from{opacity:0}to{opacity:1}}
@media(max-width:980px){.landing-page{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto}.landing-main{height:auto;min-height:calc(100svh - 82px);padding:20px 28px 0}.landing-hero{display:grid;min-height:auto;flex:none;gap:38px;padding-top:16px}.server-scene{min-height:500px}.landing-strip{height:auto;min-height:68px;flex:none;margin-top:24px}.landing-footer{display:flex}.panel-login-layout{min-height:calc(100svh - 82px);padding:28px 28px 55px;gap:34px}.server-window{animation-name:contentEnter;transform:none}}
@media(max-width:620px){::-webkit-scrollbar{width:7px}.landing-page .topbar,.panel-only-page .topbar{height:72px;padding:0 16px}.brand{font-size:1.2rem}.brand-mark{width:32px;height:32px;border-radius:10px}.panel-nav-button{height:40px;padding:0 16px}.landing-main{min-height:calc(100svh - 72px);padding:14px 15px 0}.landing-copy{text-align:left}.landing-copy .eyebrow{justify-content:flex-start;font-size:.68rem}.landing-copy h1{font-size:clamp(2.9rem,14vw,4rem);margin:16px 0 18px}.landing-copy>p{font-size:.96rem;line-height:1.6}.landing-actions{align-items:stretch;margin-top:24px}.hero-button{width:100%;justify-content:space-between}.landing-hero{gap:32px;padding-top:18px}.server-scene{min-height:0;display:block}.server-window{width:100%;border-radius:20px}.server-window-bar{height:46px;padding:0 13px}.server-window-bar b{font-size:.6rem}.server-overview{margin:13px;padding:13px}.server-list{margin:0 13px}.server-list>div{min-height:58px;height:auto;padding:10px 12px}.server-list b{font-size:.82rem}.server-list small{font-size:.7rem}.server-list em{font-size:.66rem}.performance{margin:14px 13px 15px;padding:13px}.access-route{gap:6px}.access-route b{font-size:.62rem}.landing-strip{grid-template-columns:1fr 1fr;margin-top:22px}.landing-strip>div{padding:17px 8px;flex-direction:column;gap:4px}.landing-strip>div+div{border-top:0;border-left:1px solid rgba(87,174,235,.14)}.landing-strip b{font-size:.83rem}.landing-strip span{font-size:.54rem}.landing-footer{padding:20px 16px 24px}.panel-login-layout{min-height:calc(100svh - 72px);padding:24px 15px 44px;gap:25px}.panel-login-heading{text-align:left}.panel-login-heading .eyebrow{justify-content:flex-start}.panel-login-heading h1{font-size:clamp(2.55rem,13vw,3.2rem);margin:14px 0 12px}.panel-auth-wrap{width:100%}.auth-card{padding:30px 22px 25px}}
@media(max-height:680px) and (min-width:981px){.landing-page{height:auto;min-height:100svh;overflow-y:auto}.landing-main{height:auto;min-height:620px}.landing-hero{min-height:540px}.panel-only-page{overflow-y:auto}.panel-login-layout{min-height:650px}}

/* Minimal footer replaces the previous information strip */
.landing-main{padding-bottom:54px}.landing-footer{position:fixed;z-index:4;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,1320px);height:54px;margin:0;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(87,174,235,.12);color:#587691;font-size:.72rem;letter-spacing:.02em;background:linear-gradient(90deg,rgba(4,19,41,.92),rgba(7,31,62,.82),rgba(4,19,41,.92));backdrop-filter:blur(14px);animation:fadeEnter .7s .35s ease both}
@media(max-width:980px){.landing-main{padding-bottom:0}.landing-footer{position:static;transform:none;width:100%;height:58px;margin-top:24px;padding:0 28px}}
@media(max-width:620px){.landing-footer{height:54px;margin-top:18px;padding:0 16px;font-size:.66rem}}

/* Final footer flow and richer motion */
.landing-page{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto}.landing-main{height:auto;min-height:calc(100svh - 142px);padding-bottom:0}.landing-footer{position:static;transform:none;width:100%;max-width:1320px;height:54px;margin:0 auto;padding:0 34px;justify-content:center;border-top:1px solid rgba(87,174,235,.11);background:transparent;backdrop-filter:none;color:#5f7d98}
.landing-copy,.panel-login-heading,.panel-auth-wrap{animation:none}.landing-copy .eyebrow{animation:staggerUp .62s .08s cubic-bezier(.16,1,.3,1) both}.landing-copy h1{animation:staggerUp .75s .16s cubic-bezier(.16,1,.3,1) both}.landing-copy>p{animation:staggerUp .72s .25s cubic-bezier(.16,1,.3,1) both}.landing-actions{animation:staggerUp .72s .34s cubic-bezier(.16,1,.3,1) both}.server-window{overflow:hidden;animation:windowEnter .9s .2s cubic-bezier(.16,1,.3,1) both,cardGlow 4.6s 1.2s ease-in-out infinite}.server-window::after{content:"";position:absolute;z-index:6;top:-55%;left:-42%;width:22%;height:210%;pointer-events:none;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(126,213,255,.12),rgba(255,255,255,.2),rgba(126,213,255,.08),transparent);filter:blur(2px);animation:cardSheen 5.2s 1.35s cubic-bezier(.4,0,.2,1) infinite}.panel-login-heading .eyebrow{animation:staggerUp .62s .08s cubic-bezier(.16,1,.3,1) both}.panel-login-heading h1{animation:staggerUp .75s .16s cubic-bezier(.16,1,.3,1) both}.panel-login-heading>p{animation:staggerUp .72s .25s cubic-bezier(.16,1,.3,1) both}.panel-auth-wrap .auth-card{overflow:hidden;animation:panelCardEnter .88s .2s cubic-bezier(.16,1,.3,1) both,panelGlow 4.6s 1.4s ease-in-out infinite}.panel-auth-wrap .auth-card::after{content:"";position:absolute;z-index:0;top:-60%;left:-45%;width:24%;height:220%;pointer-events:none;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(114,200,255,.1),rgba(255,255,255,.16),rgba(114,200,255,.06),transparent);animation:cardSheen 5.6s 1.7s cubic-bezier(.4,0,.2,1) infinite}.panel-auth-wrap .auth-card>*{z-index:1}.panel-auth-wrap .support{animation:fadeEnter .7s .55s ease both}.brand-mark{animation:markBreathe 3.8s 1s ease-in-out infinite}
@keyframes staggerUp{from{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes panelCardEnter{from{opacity:0;transform:translateY(34px) scale(.965);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes cardGlow{0%,100%{box-shadow:0 50px 100px rgba(0,5,19,.52),inset 0 1px rgba(255,255,255,.05)}50%{box-shadow:0 48px 110px rgba(3,87,177,.28),0 0 34px rgba(46,166,235,.12),inset 0 1px rgba(255,255,255,.08)}}@keyframes panelGlow{0%,100%{box-shadow:0 35px 90px rgba(0,5,20,.45)}50%{box-shadow:0 36px 105px rgba(8,83,168,.38),0 0 32px rgba(66,177,242,.1)}}@keyframes cardSheen{0%,17%{left:-42%;opacity:0}25%{opacity:1}48%{left:124%;opacity:0}100%{left:124%;opacity:0}}@keyframes markBreathe{0%,100%{box-shadow:0 8px 22px rgba(35,142,210,.25);transform:translateY(0)}50%{box-shadow:0 10px 30px rgba(48,171,239,.42);transform:translateY(-2px)}}
@media(max-width:980px){.landing-main{min-height:calc(100svh - 140px)}.server-window{animation:contentEnter .8s .2s cubic-bezier(.16,1,.3,1) both,cardGlow 4.6s 1.2s ease-in-out infinite}.landing-footer{height:58px;margin-top:24px}}
@media(max-width:620px){.landing-main{min-height:calc(100svh - 126px)}.landing-footer{height:54px;margin-top:18px}.server-window::after,.panel-auth-wrap .auth-card::after{width:32%}}

/* Continuous frame aura and back-to-back light sweep */
.server-window{animation:windowEnter .9s .12s cubic-bezier(.16,1,.3,1) both,cardGlow 2.8s 1.02s ease-in-out infinite}.server-window::before{content:"";position:absolute;z-index:7;inset:0;border:1px solid rgba(75,190,255,.46);border-radius:inherit;box-shadow:inset 0 0 20px rgba(52,165,238,.13),inset 0 0 2px rgba(184,231,255,.48);pointer-events:none;animation:borderAura 2.8s 1.02s ease-in-out infinite}.server-window::after{animation:cardSheen 2.8s 1.02s linear infinite}
.panel-auth-wrap .auth-card{animation:panelCardEnter .88s .12s cubic-bezier(.16,1,.3,1) both,panelGlow 2.8s 1s ease-in-out infinite}.panel-auth-wrap .auth-card::before{z-index:3;border-color:rgba(82,188,255,.34);box-shadow:inset 0 0 18px rgba(53,157,229,.1);animation:borderAura 2.8s 1s ease-in-out infinite}.panel-auth-wrap .auth-card::after{animation:cardSheen 2.8s 1s linear infinite}
@keyframes cardSheen{0%{left:-42%;opacity:0}10%{opacity:.8}88%{opacity:.72}100%{left:124%;opacity:0}}@keyframes borderAura{0%,100%{border-color:rgba(75,190,255,.34);box-shadow:inset 0 0 15px rgba(52,165,238,.09),inset 0 0 2px rgba(184,231,255,.38)}50%{border-color:rgba(96,205,255,.68);box-shadow:inset 0 0 28px rgba(52,165,238,.18),inset 0 0 5px rgba(184,231,255,.58)}}
@media(max-width:980px){.server-window{animation:contentEnter .8s .12s cubic-bezier(.16,1,.3,1) both,cardGlow 2.8s .94s ease-in-out infinite}}

/* The frame never loses its base light; animation only increases it */
.server-window{box-shadow:0 44px 96px rgba(0,5,19,.5),0 0 30px rgba(43,164,238,.3),0 0 72px rgba(30,126,226,.13),inset 0 1px rgba(255,255,255,.08)}.panel-auth-wrap .auth-card{box-shadow:0 32px 84px rgba(0,5,20,.46),0 0 28px rgba(43,164,238,.28),0 0 68px rgba(30,126,226,.12)}
@keyframes cardGlow{0%,100%{box-shadow:0 44px 96px rgba(0,5,19,.5),0 0 30px rgba(43,164,238,.3),0 0 72px rgba(30,126,226,.13),inset 0 1px rgba(255,255,255,.08)}50%{box-shadow:0 46px 104px rgba(0,5,19,.5),0 0 43px rgba(53,179,248,.42),0 0 92px rgba(34,135,235,.18),inset 0 1px rgba(255,255,255,.1)}}
@keyframes panelGlow{0%,100%{box-shadow:0 32px 84px rgba(0,5,20,.46),0 0 28px rgba(43,164,238,.28),0 0 68px rgba(30,126,226,.12)}50%{box-shadow:0 35px 96px rgba(0,5,20,.46),0 0 41px rgba(53,179,248,.4),0 0 88px rgba(34,135,235,.17)}}
@keyframes borderAura{0%,100%{border-color:rgba(86,199,255,.58);box-shadow:0 0 11px rgba(57,177,245,.2),inset 0 0 22px rgba(52,165,238,.15),inset 0 0 3px rgba(190,235,255,.5)}50%{border-color:rgba(116,216,255,.82);box-shadow:0 0 17px rgba(68,190,255,.3),inset 0 0 31px rgba(52,165,238,.22),inset 0 0 6px rgba(205,241,255,.68)}}
.panel-auth-wrap .auth-card::after{display:none}