:root { color-scheme: dark; font-family: Arial, sans-serif; background: #091218; color: #edf2f4; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at top right, #173139, transparent 38%), #091218; }
.shell { width: min(100%, 620px); background: #101d24; border: 1px solid #2d424a; border-radius: 16px; padding: 32px; box-shadow: 0 20px 60px #0008; }
.eyebrow { color: #f0b535; font-weight: 700; letter-spacing: .06em; font-size: .78rem; }
.eyebrow span { color: #aeb8bc; font-weight: 400; }
h1 { margin: 8px 0 16px; font-size: clamp(2rem, 6vw, 3rem); }
p { color: #cad5d8; line-height: 1.55; }
form { display: grid; gap: 14px; margin-top: 24px; }
label { display: grid; gap: 6px; color: #d9e2e5; font-size: .92rem; }
input { width: 100%; padding: 12px; border-radius: 8px; border: 1px solid #3d555d; background: #091218; color: #fff; font: inherit; }
button { margin-top: 8px; padding: 13px 16px; border: 0; border-radius: 8px; background: #e8ae31; color: #15110a; font: 700 1rem Arial, sans-serif; cursor: pointer; }
.status { border-radius: 8px; padding: 12px; }
.success { color: #b6efb0; background: #12321d; border: 1px solid #367443; }
.error { color: #ffd0cb; background: #3a1719; border: 1px solid #824049; }