:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at top, #352039 0, #171119 42%, #0d0a0f 100%); color: #fff7ef; }
.card { width: min(520px, 100%); padding: 32px; border: 1px solid rgba(255,255,255,.13); border-radius: 28px; background: rgba(19,14,22,.88); box-shadow: 0 24px 80px rgba(0,0,0,.35); backdrop-filter: blur(18px); }
.mark { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 18px; background: #f3d9e7; color: #291321; font-weight: 900; letter-spacing: -.04em; }
.eyebrow { margin: 24px 0 6px; font-size: 12px; font-weight: 800; letter-spacing: .16em; opacity: .7; }
h1 { margin: 0 0 14px; font-size: clamp(30px, 8vw, 44px); letter-spacing: -.04em; }
p { line-height: 1.55; color: #e7dce4; }
.quiet { color: #bdaeba; font-size: 14px; }
button { width: 100%; border: 0; border-radius: 16px; padding: 15px 18px; margin: 12px 0 6px; font: inherit; font-weight: 800; background: #f3d9e7; color: #291321; cursor: pointer; }
button:disabled { opacity: .45; cursor: not-allowed; }
.status { min-height: 1.5em; font-size: 13px; color: #cdbdca; }