:root { --ink:#101314; --paper:#f3f2ed; --muted:#858b84; --line:#d9d9d1; --orange:#fb5c36; --green:#83e0ae; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; }
button,input { font:inherit; }
button { cursor:pointer; }
.auth-shell { width:min(100% - 32px, 470px); min-height:100vh; margin:0 auto; padding:36px 0 22px; display:flex; flex-direction:column; }
 .auth-brand { display:flex; align-items:center; gap:11px; font-size:13px; font-weight:800; letter-spacing:.14em; }.auth-brand.public-brand { color:var(--ink); text-decoration:none; }.auth-brand .brand-icon { display:block; width:23px; height:23px; flex:0 0 23px; object-fit:contain; }.auth-brand .public-brand-name { color:#000000; letter-spacing:-.045em; }.auth-brand .brand-name-black, .auth-intro h1 .brand-name-black { color:#000000; }.auth-brand .brand-name-orange, .auth-intro h1 .brand-name-orange { color:#fb5c36; }.auth-brand .brand-name-domain { color:#767c75; font-weight:500; }
.auth-card { margin:auto 0; padding:43px 45px 33px; border:1px solid #deded7; border-radius:16px; background:rgba(255,255,252,.78); box-shadow:0 22px 60px rgba(22,28,26,.09); }.auth-intro { text-align:center; }.auth-eyebrow { display:flex; align-items:center; justify-content:center; gap:9px; color:var(--orange); font-family:"DM Mono",monospace; font-size:8px; letter-spacing:.13em; }.auth-eyebrow span { width:22px; height:1px; background:var(--orange); opacity:.5; }.auth-intro h1 { margin:19px 0 11px; font-size:42px; line-height:1; letter-spacing:-.07em; }.auth-intro h1 strong { color:var(--orange); }.auth-intro p { margin:0 auto; max-width:310px; color:#80867f; font-size:11px; line-height:1.65; }
.auth-tabs { display:grid; grid-template-columns:1fr 1.25fr 1fr; gap:4px; margin:32px 0 22px; padding:4px; border:1px solid #e2e2da; border-radius:5px; background:#f1f1eb; }.auth-tabs button { min-height:31px; color:#9ca19a; border:0; border-radius:3px; background:transparent; font-family:"DM Mono",monospace; font-size:8px; }.auth-tabs button.active { color:var(--ink); background:white; box-shadow:0 2px 6px rgba(0,0,0,.06); }
.auth-message { margin:0 0 16px; padding:11px 12px; border-radius:4px; font-size:10px; line-height:1.5; }.auth-message.success { color:#4e8060; border:1px solid #d5e8da; background:#f3faf4; }.auth-message.error { color:#b84e3b; border:1px solid #efd4cc; background:#fff7f4; }
.auth-form { display:grid; gap:16px; }.auth-form[hidden] { display:none; }.auth-form label { display:grid; gap:7px; color:#6e756e; font-size:10px; font-weight:800; }.auth-form label small { margin-top:-2px; color:#a3a8a0; font-size:9px; font-weight:400; }.auth-form input { width:100%; height:43px; padding:0 12px; color:var(--ink); border:1px solid #d8d9d1; border-radius:5px; outline:none; background:rgba(255,255,255,.6); font-size:12px; font-weight:500; }.auth-form input:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(251,92,54,.1); }.pin-input { text-align:center; letter-spacing:.35em; font-family:"DM Mono",monospace!important; font-size:16px!important; }.auth-submit { min-height:45px; margin-top:4px; color:#fff; border:0; border-radius:4px; background:var(--orange); box-shadow:0 7px 15px rgba(251,92,54,.18); font-size:11px; font-weight:800; }.auth-submit span { margin-left:9px; font-size:16px; font-weight:400; }.resend-button { color:var(--orange); border:0; background:transparent; font-family:"DM Mono",monospace; font-size:9px; }.verify-copy { margin:0 0 1px; color:#838a82; font-size:11px; line-height:1.6; }.verify-copy strong { color:var(--ink); }.auth-footnote { display:flex; align-items:center; justify-content:center; gap:7px; margin-top:28px; color:#a1a69f; font-family:"DM Mono",monospace; font-size:8px; }.status-dot { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 0 3px rgba(131,224,174,.18); }
footer { display:flex; justify-content:space-between; color:#a7aba3; font-family:"DM Mono",monospace; font-size:8px; letter-spacing:.1em; } footer span { color:#b1b5ae; }
@media (max-width:500px) { .auth-shell { width:min(100% - 24px,470px); padding-top:22px; }.auth-card { padding:34px 22px 28px; }.auth-intro h1 { font-size:38px; } footer { font-size:7px; } }