:root{color-scheme:dark;--text:#edf6f7;--muted:#8e9fae;--teal:#a3f2df;--stroke:rgba(198,239,241,.15)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#05080d;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100svh}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.auth-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(410px,.88fr);min-height:100svh;max-width:2000px;margin:auto}
.auth-scene{min-height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 43%,#182d37 0%,#09121a 36%,#05080d 78%);border-right:1px solid var(--stroke)}
.auth-scene:before{content:'';position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:linear-gradient(#b7ffff1a 1px,transparent 1px),linear-gradient(90deg,#b7ffff1a 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(circle at 50% 45%,#000,transparent 75%)}
.scene-glow{position:absolute;inset:15% 0 10%;background:radial-gradient(ellipse at 50% 40%,#4dbbb522,transparent 65%)}
.orbital-scene{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%) perspective(850px) rotateX(13deg);width:min(63vw,650px);aspect-ratio:1}
.orbit{position:absolute;inset:15%;border:1px solid rgba(176,247,230,.38);border-radius:50%;box-shadow:0 0 28px #5ad2cc22,inset 0 0 16px #91ffff11}
.orbit-a{transform:rotateX(69deg) rotate(-25deg);animation:spin-one 24s linear infinite}.orbit-b{inset:24%;transform:rotateY(70deg) rotate(-42deg);border-color:#c1d4ff75;animation:spin-two 20s linear infinite}.orbit-c{inset:9%;transform:rotateX(62deg) rotateY(-36deg);border-style:dashed;opacity:.62}
.orb-core{position:absolute;inset:35%;border-radius:28%;display:grid;place-items:center;background:linear-gradient(135deg,#294956,#0a1724 48%,#577d8580);border:1px solid #d9ffff88;box-shadow:0 0 95px #6be2e333,0 0 20px #99fff03b,inset 0 0 35px #ffffff16;transform:rotate(-35deg)}
.core-glyph{font-size:clamp(46px,7vw,110px);font-weight:800;letter-spacing:-.14em;transform:rotate(35deg);text-shadow:0 0 35px #bbfff658}.core-glyph span{font-size:.16em;vertical-align:top;margin-left:3px;color:var(--teal)}
.satellite{position:absolute;width:9px;height:9px;background:#dcfff9;border-radius:50%;box-shadow:0 0 25px 10px #83dcc548}.s1{top:18%;left:34%}.s2{right:18%;top:62%}.s3{left:32%;bottom:16%}
.scene-caption{position:absolute;left:clamp(30px,6vw,100px);bottom:clamp(50px,9vh,105px)}.scene-caption>span,.eyebrow{color:#a5d6d1;font-size:10px;letter-spacing:.24em}.scene-caption h2{font-size:clamp(44px,5.2vw,86px);line-height:1.05;font-weight:500;letter-spacing:-.085em;margin:18px 0}.scene-caption h2 em{color:#b7eadb;font-style:normal}.scene-caption p{font-size:11px;color:#91adb6;letter-spacing:.17em}
.auth-panel{position:relative;display:flex;flex-direction:column;min-width:0;padding:clamp(25px,4.5vw,75px);background:linear-gradient(135deg,#0b121b,#070b12 68%)}
.auth-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;gap:12px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.1em}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:linear-gradient(145deg,#1e4855,#101d2a);border:1px solid #a1ccc753;border-radius:13px;font-size:24px;letter-spacing:-.15em}.brand-mark span{font-size:7px;vertical-align:top;margin-left:2px;color:var(--teal)}.brand small{display:block;color:#7f93a2;font-size:8px;letter-spacing:.2em;margin-top:5px}.back-link{font-size:11px;color:#9fb5c0}.back-link:hover,.auth-switch a:hover{color:#fff}
.auth-content{width:min(100%,420px);margin:auto}.eyebrow{margin:0 0 13px}.auth-content h1{font-size:clamp(36px,3.4vw,54px);letter-spacing:-.065em;line-height:1.1;font-weight:570;margin:0}.title-period{color:var(--teal)}.intro{font-size:13px;line-height:1.8;color:#93a7b4;margin:13px 0 20px}
.status{font-size:12px;color:#a6c4c8;min-height:19px;margin-bottom:12px}.status[data-mode=ready]{display:none}.status[data-mode=disabled]{border:1px solid #cfad7757;padding:14px;border-radius:10px;line-height:1.8;background:#493b2429;color:#e2cfae}
#signupForm[hidden]{display:none}label{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;color:#adc5cc;margin:14px 0 7px}label span{font-size:10px;color:#738896}input{width:100%;height:45px;padding:0 15px;border:1px solid var(--stroke);background:#101c2b88;border-radius:11px;color:#f1fbff;font-size:13px}input::placeholder{color:#627b8d}input:focus-visible{outline:0;border-color:#a7f4e7;box-shadow:0 0 0 3px #99ffeb18}
.password-wrap{position:relative}.password-wrap input{padding-right:68px}.visibility{position:absolute;right:7px;top:6px;height:33px;border:0;background:transparent;color:#a6dbd3;font-size:11px;padding:0 10px}.visibility:focus-visible{outline-offset:0}.error{font-size:12px;color:#ffbbb0;line-height:1.55;min-height:18px;margin:12px 0}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #e6fff4b3;background:linear-gradient(125deg,#e9fbf5,#a0cec4);color:#081722;font-weight:730;font-size:13px;border-radius:11px;height:48px;padding:0 18px;transition:transform .2s,filter .2s}.submit:hover{filter:brightness(1.06);transform:translateY(-2px)}.submit:disabled{opacity:.5;cursor:wait;transform:none}
.small-note{font-size:10px;color:#8094a4;line-height:1.75;margin:15px 0}.auth-switch{text-align:center;color:#8a9eab;font-size:12px;margin-top:23px}.auth-switch a{color:#b7f5e7;margin-left:5px}footer{display:flex;justify-content:space-between;color:#637889;font-size:9px;letter-spacing:.11em;gap:15px}
@keyframes spin-one{from{transform:rotateX(69deg) rotate(-25deg)}to{transform:rotateX(69deg) rotate(335deg)}}@keyframes spin-two{from{transform:rotateY(70deg) rotate(-42deg)}to{transform:rotateY(70deg) rotate(318deg)}}
@media(max-width:1000px){.auth-layout{grid-template-columns:minmax(0,1fr) minmax(380px,1fr)}.orbital-scene{width:55vw}.scene-caption h2{font-size:46px}}
@media(max-width:760px){.auth-layout{display:block}.auth-scene{position:absolute;inset:0;min-height:0;opacity:.32;pointer-events:none}.auth-panel{min-height:100svh;background:linear-gradient(135deg,#080e16df,#070b11f8);padding:22px 20px 26px}.auth-content{padding:45px 0;margin:auto}.orbital-scene{width:100vw}.scene-caption{display:none}.auth-top{position:relative;z-index:1}footer{position:relative}}
@media(max-width:380px){.auth-panel{padding:17px 14px}.brand{font-size:10px}.brand-mark{width:35px;height:35px}.back-link{font-size:10px}.auth-content{padding:26px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}