:root { --ink:#18212b; --muted:#677484; --line:#e5e9ee; --canvas:#f6f8fa; --surface:#fff; --accent:#2563eb; --accent-soft:#eaf1ff; --danger:#c43d47; --success:#16835b; --radius:10px; --shadow:0 12px 30px rgba(24,33,43,.10); font-family:"DM Sans",system-ui,sans-serif; color:var(--ink); background:var(--canvas); }
* { box-sizing:border-box; } body { margin:0; min-width:320px; min-height:100vh; font:14px/1.45 inherit; } button,input,select,textarea { font:inherit; } button { cursor:pointer; } button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible { outline:3px solid rgba(37,99,235,.35); outline-offset:2px; } a { color:inherit; text-decoration:none; } h1,h2,h3,p { margin:0; } ul { list-style:none; margin:0; padding:0; } .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.brand { display:inline-flex; align-items:center; gap:9px; color:#fff; font-size:18px; font-weight:700; letter-spacing:-.035em; }.brand-mark { display:grid; place-items:center; width:24px; height:24px; border-radius:7px; background:var(--accent); color:#fff; font-size:14px; }
.login-page { min-height:100vh; display:grid; place-items:center; padding:24px; background:linear-gradient(135deg,#17212c,#243340); }.login-card { width:min(100%,410px); padding:38px; background:#fff; border-radius:16px; box-shadow:0 24px 80px rgba(0,0,0,.24); }.login-card .brand { color:var(--ink); margin-bottom:34px; }.login-card h1 { font-size:28px; letter-spacing:-.045em; line-height:1.1; }.login-card > p { margin-top:10px; color:var(--muted); }.auth-form { display:grid; gap:14px; margin-top:26px; }.auth-form label { display:grid; gap:6px; color:var(--ink); font-size:12px; font-weight:600; }.auth-form input { height:43px; padding:0 12px; border:1px solid var(--line); border-radius:8px; }.divider { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; margin:22px 0; color:var(--muted); font-size:12px; }.divider::before,.divider::after { content:""; height:1px; background:var(--line); }.form-message { min-height:20px; margin-top:14px!important; color:var(--danger)!important; font-size:12px; }.form-message.success { color:var(--success)!important; }