body{min-height:100vh}.auth-shell{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-brand{border-right:1px solid var(--line);background:#f1ede0;flex-direction:column;justify-content:space-between;padding:48px 56px;display:flex}.auth-brand .brand{align-items:center;gap:10px;font-size:16px;display:inline-flex}.auth-brand .brand .brand-mark{width:28px;height:28px}.auth-brand .body{max-width:440px}.auth-brand h2{letter-spacing:-.022em;text-wrap:balance;margin:0 0 18px;font-size:38px;font-weight:450;line-height:1.1}.auth-brand h2 em{font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.auth-brand p{color:var(--ink-3);max-width:380px;margin:0 0 28px;font-size:15.5px;line-height:1.55}.auth-brand .signal{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:20px;display:flex}.auth-brand .signal .row{color:var(--ink-3);justify-content:space-between;font-family:Geist Mono,monospace;font-size:12px;display:flex}.auth-brand .signal .row b{color:var(--ink);font-weight:500}.auth-brand .foot{color:var(--ink-4);gap:18px;font-family:Geist Mono,monospace;font-size:11.5px;display:flex}.auth-brand .foot a:hover{color:var(--ink-2)}.auth-form{background:var(--bg);flex-direction:column;justify-content:space-between;padding:48px 56px;display:flex}.auth-form .topbar{color:var(--ink-3);justify-content:flex-end;gap:8px;font-size:13.5px;display:flex}.auth-form .topbar a{color:var(--ink);border-bottom:1px solid var(--line-2);padding-bottom:1px}.auth-form .topbar a:hover{border-bottom-color:var(--ink)}.auth-card{width:100%;max-width:380px;margin:0 auto}.auth-card h1{letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:450;line-height:1.15}.auth-card .sub{color:var(--ink-3);margin:0 0 28px;font-size:14.5px}.form-grid{flex-direction:column;gap:14px;display:flex}.form-grid label.field{flex-direction:column;gap:6px;display:flex}.form-grid label.field>.l{color:var(--ink-3);justify-content:space-between;font-family:Geist Mono,monospace;font-size:11px;display:flex}.form-grid label.field>.l a{color:var(--ink-2)}.form-grid label.field>.l a:hover{color:var(--ink)}.form-grid .input{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);font:inherit;color:var(--ink);outline:none;padding:10px 12px;font-size:14px;transition:border-color .12s,box-shadow .12s}.form-grid .input:focus{border-color:var(--emerald);box-shadow:0 0 0 3px #0e5a441a}.form-grid .submit{background:var(--ink);color:#fbfaf6;border-radius:var(--r-md);height:40px;font:inherit;cursor:pointer;border:0;margin-top:6px;padding:0 16px;font-size:14px;font-weight:450}.form-grid .submit:hover{background:#000}.terms{color:var(--ink-4);margin-top:22px;font-size:11.5px;line-height:1.5}.terms a{color:var(--ink-2);border-bottom:1px solid var(--line)}.oauth-row{gap:8px;margin-bottom:16px;display:flex}.oauth-btn{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);height:38px;font:inherit;color:var(--ink-2);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;transition:border-color .12s,background .12s;display:inline-flex}.oauth-btn:hover{border-color:var(--ink-3);background:var(--bg)}.divider{color:var(--ink-4);align-items:center;gap:10px;margin-bottom:20px;font-family:Geist Mono,monospace;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.form-error{color:#c0392b;border-radius:var(--r-md);background:#fff0ee;border:1px solid #fcd3cc;margin:0;padding:8px 12px;font-size:13px}.segment{background:var(--surface);border:1px solid var(--line);border-radius:999px;width:fit-content;margin-bottom:24px;padding:2px;display:flex}.segment button{height:28px;font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:12.5px;transition:background .2s,color .2s}.segment button.cur{background:var(--ink);color:#fbfaf6}@keyframes mode-exit-anim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes mode-enter-anim{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-card.mode-exit .mode-content,.auth-card.mode-exit .form-grid,.auth-card.mode-exit .terms-wrap{animation:.16s forwards mode-exit-anim}.auth-card.mode-enter .mode-content,.auth-card.mode-enter .form-grid,.auth-card.mode-enter .terms-wrap{animation:.22s forwards mode-enter-anim}.name-field-wrap{opacity:0;grid-template-rows:0fr;margin-bottom:0;transition:grid-template-rows .24s cubic-bezier(.4,0,.2,1),opacity .2s,margin-bottom .24s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.name-field-wrap>*{min-height:0;overflow:hidden}.name-field-wrap.name-field-visible{opacity:1;grid-template-rows:1fr;margin-bottom:0}.terms-wrap{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.4,0,.2,1),opacity .2s 40ms;display:grid;overflow:hidden}.terms-wrap>*{min-height:0;overflow:hidden}.terms-wrap.terms-visible{opacity:1;grid-template-rows:1fr}.terms-wrap .terms{margin-top:22px}.panel-preview{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);margin-top:32px;overflow:hidden}.panel-preview .head{border-bottom:1px solid var(--line);color:var(--ink-3);justify-content:space-between;align-items:center;padding:10px 16px;font-family:Geist Mono,monospace;font-size:11.5px;display:flex}.panel-preview .head .pulse{align-items:center;gap:6px;display:inline-flex}.panel-preview .head .pulse .d{background:var(--emerald);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #0e5a441f}.panel-preview pre{color:var(--ink-2);margin:0;padding:14px 16px;font-family:Geist Mono,monospace;font-size:11.5px;line-height:1.6}@media (max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-form{min-height:100vh;padding:32px 24px}}