*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#050910;color:#edf7ff}body{min-height:100vh;overflow-x:hidden}.auth-body{background:radial-gradient(circle at 18% 20%,rgba(0,224,255,.11),transparent 33%),radial-gradient(circle at 84% 68%,rgba(145,76,255,.13),transparent 32%),#050910}#stars{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.68}.scanlines{pointer-events:none;position:fixed;inset:0;z-index:1;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.012) 3px 4px);mix-blend-mode:screen}.landing-nav{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:28px clamp(24px,5vw,84px)}.logo{display:flex;gap:12px;align-items:center;color:#eefdff;text-decoration:none;font-weight:800;letter-spacing:.08em}.logo span,.brand-mark{display:grid;place-items:center;border:1px solid rgba(101,237,255,.45);background:rgba(8,30,42,.7);box-shadow:0 0 30px rgba(0,221,255,.12),inset 0 0 16px rgba(0,221,255,.08);clip-path:polygon(14% 0,100% 0,100% 78%,85% 100%,0 100%,0 22%)}.logo span{width:52px;height:38px;font-size:13px}.ghost-link{color:#8da4b8;text-decoration:none;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.ghost-link:hover{color:#7cecff}.landing{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,480px);gap:clamp(40px,7vw,110px);align-items:center;width:min(1420px,calc(100% - 48px));min-height:calc(100vh - 142px);margin:auto;padding:44px 0 72px}.hero-copy{position:relative;max-width:820px}.eyebrow{margin:0 0 12px;color:#69e8f6;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.hero-copy h1{font-size:clamp(47px,6.5vw,98px);line-height:.9;letter-spacing:-.065em;margin:0 0 28px;max-width:980px}.hero-copy h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#76edff,#9f7cff 60%,#f08cff);-webkit-background-clip:text;background-clip:text}.hero-lead{max-width:740px;color:#9aafc0;font-size:clamp(16px,1.5vw,20px);line-height:1.65}.feature-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.feature-strip span{padding:9px 12px;border:1px solid rgba(137,178,200,.16);background:rgba(10,19,29,.62);color:#8fa8ba;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.hero-orb{position:absolute;right:-30px;bottom:-20px;width:200px;height:200px;opacity:.28;filter:drop-shadow(0 0 35px #57e8ff)}.hero-orb i,.hero-orb .orb-core{position:absolute;inset:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #64eeff}.hero-orb i:nth-of-type(1){width:170px;height:70px;animation:spin 9s linear infinite}.hero-orb i:nth-of-type(2){width:70px;height:170px;animation:spin 7s linear infinite reverse}.hero-orb i:nth-of-type(3){width:145px;height:145px;border-style:dashed;animation:spin 14s linear infinite}.hero-orb .orb-core{width:42px;height:42px;background:#70f0ff;box-shadow:0 0 45px #70f0ff}.auth-card{background:linear-gradient(145deg,rgba(13,24,36,.93),rgba(7,12,21,.93));border:1px solid rgba(134,187,219,.18);box-shadow:0 30px 90px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.04);padding:30px;border-radius:3px;backdrop-filter:blur(18px);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#60eafb,#8e65ff,transparent)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#070c13;padding:4px;margin-bottom:30px}.auth-tabs button{border:0;background:transparent;color:#65798b;padding:12px;font:inherit;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.auth-tabs button.active{background:#11202c;color:#c8f9ff;box-shadow:inset 0 -2px #65edff}.auth-form{display:none}.auth-form.active,.setup-card .auth-form{display:grid;gap:17px}.auth-form h2,.setup-card h1{font-size:30px;letter-spacing:-.03em;margin:0 0 7px}.auth-form label,.setup-card label{display:grid;gap:8px;color:#89a0b3;font-size:12px;font-weight:700;letter-spacing:.04em}.auth-form input,.setup-card input{width:100%;border:1px solid rgba(124,174,206,.17);outline:0;background:rgba(3,8,14,.72);color:#effcff;padding:14px 15px;font:inherit;border-radius:2px;transition:.2s}.auth-form input:focus,.setup-card input:focus{border-color:#59e9fb;box-shadow:0 0 0 3px rgba(89,233,251,.08)}.primary-btn{border:0;background:linear-gradient(100deg,#65ebfa,#7b9cff);color:#041017;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:15px 18px;cursor:pointer;border-radius:2px;box-shadow:0 10px 28px rgba(76,213,255,.14);transition:transform .18s,filter .18s;text-decoration:none;text-align:center}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}.primary-btn span{float:right}.full{width:100%;display:block}.notice{padding:12px 14px;margin-bottom:18px;border:1px solid;font-size:13px;line-height:1.45}.notice.error{color:#ffc8d5;border-color:rgba(255,86,128,.28);background:rgba(255,60,108,.08)}.notice.success{color:#bfffe2;border-color:rgba(88,255,173,.25);background:rgba(51,235,147,.08)}.tiny{font-size:11px;color:#607688;line-height:1.6}.muted{color:#89a0b3;line-height:1.6}.landing-footer{position:relative;z-index:2;padding:22px clamp(24px,5vw,84px);color:#445566;font-size:11px;letter-spacing:.18em}.landing-footer span{color:#6d8496}.setup-shell{position:relative;z-index:2;display:grid;place-items:center;min-height:100vh;padding:30px}.setup-card{width:min(560px,100%)}.brand-mark{width:66px;height:52px;margin-bottom:25px;color:#9ef7ff;font-weight:900}.setup-card code{color:#9fefff}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:920px){.landing{grid-template-columns:1fr;width:min(720px,calc(100% - 32px));padding-top:20px}.hero-copy h1{font-size:clamp(46px,12vw,76px)}.hero-orb{display:none}.landing-nav{padding:20px 18px}.auth-card{padding:22px}.landing-footer{padding:18px}}
/* v1.2.0 // landing/auth visual alignment with the in-game command HUD */
.auth-body{background:radial-gradient(circle at 16% 18%,rgba(25,194,255,.15),transparent 31%),radial-gradient(circle at 86% 72%,rgba(132,70,255,.17),transparent 34%),linear-gradient(180deg,#020817,#030917 58%,#020610)}
.auth-body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(71,149,221,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(71,149,221,.025) 1px,transparent 1px);background-size:48px 48px;z-index:0}.landing-nav{border-bottom:1px solid rgba(67,190,255,.17);background:linear-gradient(180deg,rgba(3,11,29,.74),rgba(3,8,20,.35));backdrop-filter:blur(16px)}.logo{font:italic 900 18px/1 "Bahnschrift","Arial Narrow",sans-serif}.logo span{width:52px;height:44px;border-color:rgba(80,224,255,.56);background:linear-gradient(145deg,rgba(16,110,171,.2),rgba(91,42,167,.15));box-shadow:0 0 26px rgba(42,205,255,.13)}.ghost-link{padding:9px 13px;border:1px solid rgba(77,192,255,.2);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.hero-copy h1{font-family:"Bahnschrift","Arial Narrow",sans-serif;font-style:italic;text-transform:uppercase;text-shadow:0 0 28px rgba(76,212,255,.09)}.feature-strip span{border-color:rgba(61,192,255,.18);background:linear-gradient(180deg,rgba(8,29,55,.65),rgba(5,13,28,.68));clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.auth-card,.setup-card{border-color:rgba(69,204,255,.34);background:linear-gradient(145deg,rgba(7,28,58,.95),rgba(5,11,28,.97));clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);box-shadow:0 35px 100px rgba(0,0,0,.5),0 0 42px rgba(44,174,255,.06),inset 0 0 32px rgba(84,106,255,.035);border-radius:0}.auth-card:after{content:"";position:absolute;right:0;bottom:0;width:32px;height:2px;background:#a968ff;box-shadow:0 0 10px #a968ff}.auth-tabs{border:1px solid rgba(70,154,216,.15);background:#050d1b}.auth-tabs button{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.auth-tabs button.active{background:linear-gradient(180deg,rgba(28,150,220,.18),rgba(34,70,149,.14));box-shadow:inset 0 -2px #65edff,0 0 16px rgba(82,215,255,.05)}.auth-form input,.setup-card input{background:linear-gradient(180deg,#071529,#050d1c);border-color:rgba(71,173,234,.28);border-radius:0}.primary-btn{clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);border-radius:0;background:linear-gradient(105deg,#55edff,#39bfff 52%,#8069ff);box-shadow:0 0 24px rgba(63,210,255,.13)}

/* v1.2.1 // readability pass */
body{font-size:16px;line-height:1.55}.logo{font-size:21px!important}.ghost-link{font-size:14px!important;padding:11px 15px}.eyebrow{font-size:12px!important}.hero-lead{font-size:clamp(18px,1.6vw,22px);line-height:1.7}.feature-strip span{font-size:13px!important;padding:11px 14px}.auth-card{padding:36px}.auth-tabs button{font-size:14px!important;padding:14px}.auth-form,.setup-card .auth-form{gap:20px}.auth-form h2,.setup-card h1{font-size:34px!important}.auth-form label,.setup-card label{font-size:14px!important;gap:9px}.auth-form input,.setup-card input{min-height:49px;font-size:15px!important;padding:14px 16px}.primary-btn{min-height:50px;font-size:14px!important;padding:15px 20px}.notice{font-size:14px!important}.tiny{font-size:13px!important}.muted{font-size:14px;line-height:1.65}.landing-footer{font-size:12px!important}
@media(max-width:920px){.auth-card{padding:26px}.auth-form h2,.setup-card h1{font-size:31px!important}.feature-strip span{font-size:12px!important}}