:root{font-family:system-ui,sans-serif;color:#f8fafc;background:#0b1220}body{margin:0}main{max-width:900px;margin:auto;padding:28px 18px}header{padding:12px 0 30px}h1{margin:0}p,small{color:#aab8ce}section,article{background:#172235;border:1px solid #334155;border-radius:16px;padding:22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}article{display:flex;flex-direction:column;gap:18px;font-weight:600}small{font-weight:400}form{display:grid;gap:18px;max-width:420px}label{display:grid;gap:8px}input,button{font:inherit;border-radius:8px;padding:12px;border:1px solid #64748b}input{background:#0b1220;color:#f8fafc;min-width:0}button{background:#e2e8f0;color:#0b1220;cursor:pointer}button:disabled{opacity:.65;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}.logout{margin-top:24px}[role=alert]{color:#fecaca}