:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#101114;color:#f5f5f5}
*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,420px);padding:36px;border:1px solid #36383e;border-radius:18px;background:#191b20}
.login-kicker{font-size:12px;letter-spacing:.2em;color:#afb4c0;margin:30px 0 8px}h1{font-size:32px;margin:0 0 28px}
form{display:grid;gap:10px}label{font-size:14px;font-weight:600;margin-top:8px}
input{width:100%;padding:13px;border:1px solid #555b67;border-radius:8px;background:#101114;color:#fff;font:inherit}
input:focus-visible,button:focus-visible{outline:2px solid #b8d5ff;outline-offset:2px}
button{margin-top:18px;padding:14px;border:0;border-radius:8px;background:#f5f5f5;color:#101114;font:inherit;font-weight:700;cursor:pointer}
.login-error{color:#ffada9}.login-notice{color:#b9e9cf}
.login-card>a{color:#dce7ff;text-decoration:none}.login-card>a:hover{text-decoration:underline}
.login-card p:not(.login-kicker):not(.login-error):not(.login-notice){font-size:14px;line-height:1.5;color:#bfc3ce}