:root { font: 16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color-scheme: dark }
* { box-sizing: border-box }
body { background: #0b121d; color:#f1f5f9; margin:0; padding:20px; min-height:100vh; display:grid; place-items:center }
.card { width:100%; max-width:540px; padding:32px; background:#172231; border:1px solid #334155; border-radius:16px; box-shadow:0 12px 40px #0005 }
h1 { margin:4px 0 16px; font-size:30px } h2 { font-size:20px; margin:26px 0 10px }
p { color:#c6d3e5 } .eyebrow {font-size:12px; color:#93c5fd; font-weight:700; letter-spacing:.12em }
#status {min-height:28px; color:#f8fafc; font-weight:500}
label { display:block; margin:14px 0; color:#d1dbe9; font-size:14px }
input { width:100%; padding:12px; margin-top:5px; border:1px solid #64748b; background:#0b121d; color:white; border-radius:8px; font:inherit }
button { border:0; padding:12px 17px; border-radius:9px; background:#93c5fd; color:#0f172a; font-weight:700; cursor:pointer; margin:4px 8px 4px 0 }
button.secondary { background:#334155; color:#e2e8f0 }button:disabled { opacity:.5;cursor:wait }
.note,.footer { color:#93a7bf; font-size:13px; margin-top:22px }
section[hidden] {display:none}
dl { background:#0c1521; border-radius:9px; padding:14px 18px }dt {color:#a2b5d1;font-size:13px}dd {margin:3px 0 16px;overflow-wrap:anywhere}