*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#111218;color:#f6f5fb;font-family:Inter,"Segoe UI",Arial,sans-serif;padding:24px}main{width:100%;max-width:430px;padding:36px;background:#1d1b26;border:1px solid #494155;border-radius:20px}.brand{font-size:11px;letter-spacing:.12em;color:#bda5ef}h1{font-size:30px;letter-spacing:-.04em;margin:29px 0 10px}p{color:#a9a0b8;font-size:13px;margin-bottom:28px}label{display:grid;gap:9px;margin-top:18px;font-size:12px;color:#c7bdd4}input{width:100%;padding:13px;border-radius:10px;border:1px solid #4e425e;background:#15131d;color:white;font:inherit;font-size:15px}input:focus{outline:2px solid #bda5ef;outline-offset:2px}button{width:100%;border:0;border-radius:10px;background:#c3a7ff;color:#1e1431;padding:14px;font:inherit;font-weight:700;font-size:13px;margin-top:25px;cursor:pointer}small{display:block;margin-top:27px;color:#82758f;font-size:10px}div[role=alert]{color:#f0b0c1;font-size:12px;line-height:1.6;margin-top:15px}