:root{color-scheme:dark}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0b1220;color:#dbe7f5;font:16px system-ui,sans-serif}
.card{width:min(380px,92vw);background:#121b2e;border:1px solid #23406a;border-radius:10px;padding:24px;box-shadow:0 0 24px rgba(0,160,255,.12)}
h1{margin:0 0 16px;font-size:22px;color:#6fc3ff}
label{display:block;margin:12px 0;font-size:14px;color:#9db4cf}
input{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:10px;border-radius:6px;border:1px solid #2c4a75;background:#0b1220;color:#fff;font-size:16px}
button{width:100%;margin-top:8px;padding:11px;border:0;border-radius:6px;background:#1a8cff;color:#fff;font-size:16px;cursor:pointer}
.err{color:#ff8a8a}.ok{color:#7be0a0}.hint{font-size:13px;color:#8aa0bb}a{color:#6fc3ff}
.steps{padding-left:20px;font-size:14px;color:#9db4cf;line-height:1.5}.steps li{margin:8px 0}