:root{font-family:system-ui;color:#e3eaf5;background:#0a111e}body{margin:0;min-height:100dvh;display:grid;place-items:center}main{box-sizing:border-box;width:min(420px,calc(100% - 32px));padding:36px 28px;border:1px solid #d9b46a55;border-radius:18px;background:#111e30}.brand{color:#d9b46a;font-size:13px;letter-spacing:2px}h1{font-size:26px}p,label{color:#b3c4db;line-height:1.6}form{display:grid;gap:12px;margin-top:24px}input,button{font:inherit;padding:13px;border-radius:8px;border:1px solid #788caa;background:#0a1422;color:inherit;min-width:0}button{background:#d9b46a;color:#102039;cursor:pointer;font-weight:600}[role=alert]{color:#ffbcc0}