:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; color: #eae8f4; background: #0d0c12; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; padding: 48px 20px; background: radial-gradient(ellipse at top, #251b3b, transparent 65%); }
main { max-width: 580px; margin: auto; padding: clamp(24px, 5vw, 48px); border: 1px solid #ffffff14; border-radius: 24px; background: #15121ded; box-shadow: 0 24px 80px #0005; }
.brand { color: #f5f0ff; font-size: 20px; font-weight: 800; letter-spacing: .12em; text-decoration: none; }
.eyebrow { margin-top: 40px; color: #b697ed; font-size: 12px; letter-spacing: .14em; }
h1 { font-size: clamp(27px, 6vw, 36px); line-height: 1.15; }
p { line-height: 1.65; color: #b7b1c4; }
button { display: block; width: 100%; min-height: 48px; margin: 20px 0; padding: 12px 20px; border: 1px solid #a57adb; border-radius: 12px; background: #7950ac; color: white; font: inherit; font-weight: 600; cursor: pointer; }
button:hover { background: #8b60bf; }
button:disabled { opacity: .55; cursor: wait; }
:focus-visible { outline: 3px solid #c4a1ff; outline-offset: 4px; }
[hidden] { display: none !important; }
code { display: block; padding: 18px; border: 1px solid #ffffff20; border-radius: 12px; background: #08060d; overflow-wrap: anywhere; user-select: all; font-size: 17px; }
.note { font-size: 13px; }
.back { display: inline-block; margin-top: 24px; color: #c4a1ff; }
#status { color: #ddd0f5; }