:root { color-scheme: dark; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at top, #273568, #101321 55%); color: #f7f8ff; }
.card { width: min(440px, 100%); padding: 42px; border: 1px solid #46558e; border-radius: 20px; background: rgba(20, 25, 48, .9); box-shadow: 0 24px 70px rgba(0, 0, 0, .35); }
.eyebrow { margin: 0 0 12px; color: #aebcff; font-size: .78rem; font-weight: 800; letter-spacing: .13em; }
h1 { margin: 0; font-size: clamp(1.55rem, 5vw, 2rem); line-height: 1.35; }
.description { color: #c3c9dc; line-height: 1.6; }
form { display: grid; gap: 9px; margin-top: 26px; }
label { font-size: .9rem; font-weight: 700; }
input, button { min-height: 48px; border-radius: 10px; font: inherit; }
input { padding: 0 14px; border: 1px solid #536092; background: #0c1021; color: inherit; }
input:focus { outline: 2px solid #8094ff; outline-offset: 2px; }
button { margin-top: 8px; border: 0; background: #5865f2; color: white; font-weight: 800; cursor: pointer; }
button:hover { background: #6975f8; }
button:disabled { cursor: wait; opacity: .65; }
#status { min-height: 1.5em; margin: 18px 0 0; color: #bfc8ff; }