:root { color-scheme: dark; --night:#0b1017; --studio:#141d27; --equipment:#1a2632; --fog:#edf1ef; --silver:#bac4c8; --quiet:#84919a; --signal:#d8ff62; --line:rgba(237,241,239,.12); --display:"Arial Narrow","Aptos Display","Segoe UI Variable Display",sans-serif; --body:"Aptos","Segoe UI Variable Text","Helvetica Neue",sans-serif; }
*{box-sizing:border-box} body{margin:0;min-width:320px;background:var(--night);color:var(--fog);font-family:var(--body);-webkit-font-smoothing:antialiased} a{color:inherit} button,input{font:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,46%) 1fr}.login-story{position:relative;overflow:hidden;min-height:100vh;padding:36px 7vw;background:var(--studio);border-right:1px solid var(--line)}
.login-brand{display:flex;align-items:center;gap:12px;width:max-content;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.16em}.login-brand svg{width:30px;height:30px;fill:var(--fog)}.login-brand .signal{fill:var(--signal)}
.story-copy{position:relative;z-index:2;margin-top:25vh}.story-copy p,.eyebrow{margin:0 0 12px;color:var(--signal);font-size:11px;font-weight:800;letter-spacing:.16em}.story-copy h1{max-width:560px;margin:0;font-family:var(--display);font-size:clamp(58px,7vw,112px);line-height:1.12;letter-spacing:-.055em;white-space:pre-line}.story-copy>span{display:block;max-width:460px;margin-top:32px;color:var(--silver);font-size:15px;line-height:1.6}
html:lang(zh-CN) .story-copy h1{max-width:6.8em;font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",var(--display);font-size:clamp(62px,5.7vw,96px);font-weight:800;line-height:1.3;letter-spacing:-.055em;word-break:keep-all}
.story-signal{position:absolute;right:-18vw;bottom:-25vw;width:52vw;aspect-ratio:1}.story-signal i{position:absolute;inset:0;border:1px solid rgba(216,255,98,.2);border-radius:50%}.story-signal i:nth-child(2){inset:18%;border-color:rgba(216,255,98,.35)}.story-signal i:nth-child(3){inset:36%;border-color:var(--signal)}
.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(100%,420px)}.login-card h2{margin:0;font-family:var(--display);font-size:40px;letter-spacing:-.04em}.intro{margin:12px 0 28px;color:var(--quiet);font-size:14px}.login-card form{display:grid}.login-card label{margin:15px 0 7px;color:var(--silver);font-size:12px;font-weight:700}.login-card input{height:48px;border:1px solid var(--line);border-radius:6px;padding:0 13px;outline:0;background:#101720;color:var(--fog)}.login-card input:focus{border-color:var(--signal)}.login-card button{height:48px;margin-top:24px;border:0;border-radius:6px;background:var(--signal);color:#11170a;cursor:pointer;font-weight:800}.login-card button:hover{background:#e3ff8c}.login-card button:disabled{cursor:wait;opacity:.7}.form-status{min-height:20px;margin:10px 0 0;color:#ff8f8d;font-size:12px}
.registration-note{display:grid;grid-template-columns:24px 1fr;gap:12px;margin-top:24px;padding:15px;border:1px solid var(--line);border-radius:8px;background:#101720}.registration-note svg{width:22px;height:22px;fill:none;stroke:var(--signal);stroke-width:1.8}.registration-note p{display:grid;gap:5px;margin:0}.registration-note strong{font-size:12px}.registration-note span{color:var(--quiet);font-size:11px;line-height:1.45}.back-link{display:inline-block;margin-top:24px;color:var(--quiet);font-size:12px;text-decoration:none}.back-link:hover{color:var(--signal)}
@media(max-width:780px){.login-shell{display:block}.login-story{min-height:340px;padding:24px}.story-copy{margin-top:64px}.story-copy h1{font-size:60px;line-height:1.12}.story-copy>span{display:none}.story-signal{right:-30vw;bottom:-65vw;width:100vw}.login-panel{padding:38px 22px 60px}html:lang(zh-CN) .story-copy h1{max-width:8em;font-size:clamp(42px,12vw,58px);line-height:1.3;letter-spacing:-.045em}}
.invite-registration[hidden]{display:none}.invite-registration{margin-top:24px;padding-top:4px}.invite-registration h2{margin:18px 0 8px;font-family:var(--display);font-size:28px}.registration-divider{display:flex;align-items:center;gap:10px;color:var(--quiet);font-size:10px;letter-spacing:.12em}.registration-divider::before,.registration-divider::after{content:"";height:1px;flex:1;background:var(--line)}#registerForm{display:grid}#registerForm label{margin:13px 0 7px;color:var(--silver);font-size:11px;font-weight:700}#registerForm input{width:100%;height:45px;border:1px solid var(--line2);border-radius:6px;padding:0 12px;outline:0;background:var(--night);color:var(--fog)}#registerForm input:focus{border-color:var(--signal)}#registerButton{height:46px;margin-top:18px;border:0;border-radius:6px;background:var(--signal);color:#11170a;cursor:pointer;font-weight:900}#registerButton:disabled{opacity:.55;cursor:wait}