:root { color-scheme: dark; font-family: Arial,sans-serif; background:#20243a; color:#f7f8fb }
* { box-sizing:border-box }
body { margin:0 }
main { min-height:100dvh; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 50% 15%,#343b5e 0,#20243a 45%) }
form { width:min(100%,390px); padding:34px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:#292e47; box-shadow:0 30px 80px rgba(5,8,22,.32) }
h1 { margin:0; letter-spacing:.16em; font-size:24px }
p { margin:8px 0 26px; color:#aeb4c5; line-height:1.45 }
label { display:grid; gap:8px; margin:0 0 16px; color:#aeb4c5; font-size:13px }
input { width:100%; min-height:46px; padding:11px 13px; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:#1d2135; color:#f7f8fb; font:inherit; outline:none }
input:focus { border-color:#85b9ff; box-shadow:0 0 0 3px rgba(133,185,255,.16) }
button { min-height:46px; padding:0 18px; border:0; border-radius:10px; background:#fff; color:#20243a; font:700 14px Arial,sans-serif; cursor:pointer }
button:disabled { opacity:.55; cursor:wait }
#error { min-height:21px; margin:8px 0 12px; color:#ff9a9a; font-size:13px }