:root{--ink:#080808;--paper:#f3f1ed;--muted:#8b847e;--line:rgba(255,255,255,.15)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:#080808;color:#fff;-webkit-font-smoothing:antialiased}button,input{font:inherit}.auth-shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);overflow:hidden}.auth-visual{position:relative;padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.08),transparent 32%),linear-gradient(150deg,#171717,#060606 62%)}.auth-visual:after{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.12);border-radius:30px;pointer-events:none}.visual-top,.visual-bottom{position:relative;z-index:1}.visual-top{display:flex;align-items:center;gap:13px}.visual-top img{width:68px;height:68px;border-radius:50%;background:#fff}.visual-top div{display:grid;gap:3px}.visual-top span{font-size:9px;letter-spacing:.2em;color:#868686}.visual-top strong{font-size:12px;letter-spacing:.13em;font-weight:500}.visual-copy{position:relative;z-index:1;max-width:760px;padding:80px 34px 60px}.visual-copy p{margin:0 0 18px;font-size:10px;letter-spacing:.24em;color:#8f8f8f}.visual-copy h1{margin:0;font-size:clamp(72px,8vw,132px);line-height:.84;letter-spacing:-.07em;font-weight:500}.visual-copy h1 em{display:block;font-style:normal;font-weight:250;color:#8d8d8d}.visual-bottom{font-size:10px;color:#696969;letter-spacing:.08em}.auth-panel{background:var(--paper);color:var(--ink);display:grid;place-items:center;padding:42px}.auth-card{width:min(520px,100%)}.auth-card .eyebrow{margin:0 0 16px;font-size:9px;letter-spacing:.24em;color:var(--muted)}.auth-card h2{margin:0;font-size:58px;line-height:.92;letter-spacing:-.06em;font-weight:500}.auth-card .lead{margin:22px 0 34px;color:#766f69;line-height:1.65;font-size:14px;max-width:430px}.auth-card form{display:grid;gap:13px}.auth-card label{display:grid;gap:8px}.auth-card label span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#807972}.auth-card input{width:100%;border:1px solid rgba(8,8,8,.12);background:#fff;border-radius:16px;padding:15px 16px;font-size:16px;outline:none}.auth-card input:focus{border-color:#080808;box-shadow:0 0 0 3px rgba(0,0,0,.04)}.auth-card button{margin-top:6px;border:0;background:#080808;color:#fff;border-radius:999px;padding:16px 20px;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.auth-status{min-height:20px;margin:14px 0 0;color:#934747;font-size:12px;line-height:1.5}.setup-note{font-size:11px;line-height:1.6;color:#817a74;margin:4px 0}.switch-link{display:inline-block;margin-top:22px;font-size:11px;color:#746d67;text-decoration:none;border-bottom:1px solid rgba(8,8,8,.2);padding-bottom:2px}.auth-card form[hidden]{display:none!important}
@media(max-width:900px){.auth-shell{display:block}.auth-visual{min-height:38svh;padding:22px}.auth-visual:after{inset:12px;border-radius:24px}.visual-copy{padding:70px 16px 36px}.visual-copy h1{font-size:64px}.visual-bottom{display:none}.auth-panel{padding:36px 22px 56px;min-height:62svh}.auth-card h2{font-size:48px}}
@media(max-width:520px){.visual-top img{width:52px;height:52px}.visual-copy{padding-top:52px}.visual-copy h1{font-size:52px}.auth-panel{padding:34px 18px 48px}.auth-card h2{font-size:43px}.auth-card .lead{font-size:13px}}