*{box-sizing:border-box}body{margin:0;background:#07111e;color:#f2f5f8;font:16px system-ui,Arial;display:grid;min-height:100vh;place-items:center;padding:16px}.card{width:min(420px,100%);border:1px solid #28445d;border-radius:20px;background:#0d1c2c;padding:30px;box-shadow:0 14px 60px #0009}h1{font-size:30px;letter-spacing:3px;margin:8px 0}p{color:#adbac9;line-height:1.5}label{display:block;margin:20px 0 5px}input{width:100%;padding:13px;border:1px solid #60798e;border-radius:10px;background:#07111e;color:#fff;font-size:16px}button{width:100%;padding:14px;margin-top:22px;border:0;border-radius:10px;background:#d8b773;color:#07111e;font-size:16px;font-weight:700}a{color:#e4c88d}.m{font-size:12px;letter-spacing:2px;color:#d8b773}.alert{color:#ffd1a5}