:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #08111f;
  color: #edf4ff;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top, #17325c, #08111f 45%); }
.shell { width: min(760px, 100%); margin: 0 auto; padding: 40px 18px 64px; }
.panel { background: #101d31; border: 1px solid #2b466d; border-radius: 20px; padding: clamp(22px, 5vw, 42px); box-shadow: 0 20px 70px #0008; }
.eyebrow { margin: 0 0 8px; color: #90b7ef; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 0 0 14px; font-size: clamp(30px, 6vw, 46px); line-height: 1.05; }
h2 { margin: 30px 0 10px; font-size: 20px; }
p, li { color: #c8d7ec; line-height: 1.6; }
.lead { font-size: 17px; }
.notice { margin: 24px 0; padding: 16px; border: 1px solid #9a6d29; border-radius: 12px; background: #2c2213; color: #f6deb4; line-height: 1.55; }
a { color: #9cc7ff; }
ul { padding-left: 22px; }
li + li { margin-top: 8px; }
form { display: grid; gap: 10px; margin-top: 16px; }
label { color: #eaf2ff; font-weight: 750; }
input { width: 100%; min-height: 48px; border: 1px solid #4c678c; border-radius: 10px; background: #091426; color: #fff; padding: 10px 12px; font: inherit; }
input:focus { outline: 3px solid #5a91e855; border-color: #78adff; }
button { min-height: 48px; border: 0; border-radius: 10px; background: #2d6dd7; color: white; padding: 11px 16px; font: inherit; font-weight: 800; cursor: pointer; }
button:disabled { opacity: .58; cursor: wait; }
button.danger { background: #b3304f; }
.warning { color: #ffd0db; font-weight: 700; }
.status { min-height: 25px; font-weight: 700; }
.status.error { color: #ffb9c8; }
.status.success { color: #aef0cf; }
.fine-print { margin-top: 36px; padding-top: 20px; border-top: 1px solid #29415f; font-size: 13px; color: #9fb2ce; }