:root{color-scheme:dark;--bg:#050607;--surface:#0b0d0f;--surface2:#121518;--ink:#f1f3f5;--muted:#9299a2;--line:#24282e;--accent:#ff9800;--bad:#ff304f;--good:#68ff9c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#18202a 0,var(--bg) 45%);color:var(--ink);font:14px/1.5 Inter,system-ui,sans-serif;min-height:100vh}.auth-wrap{width:min(440px,calc(100% - 32px));margin:0 auto;min-height:100vh;display:grid;place-items:center;padding:32px 0}.auth-card{width:100%;display:grid;gap:16px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 80px #0009}.auth-brand{display:flex;gap:13px;align-items:center;margin-bottom:4px}.auth-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--accent);color:#17100a;font-weight:800}.auth-brand h1{margin:0;font-size:21px}.auth-brand p{margin:2px 0 0;color:var(--muted);font-size:12px}label{display:grid;gap:6px;color:var(--muted);font-size:12px}input{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--ink);padding:11px;outline:0}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff980020}button{border:0;border-radius:9px;background:var(--accent);color:#17100a;padding:12px;font-weight:800;cursor:pointer}small{color:var(--muted);text-align:center}a{color:var(--accent);text-decoration:none;text-align:center}.auth-error,.auth-success{padding:10px 12px;border-radius:8px}.auth-error{color:var(--bad);background:#ff304f12;border:1px solid #ff304f44}.auth-success{color:var(--good);background:#68ff9c12;border:1px solid #68ff9c44}