:root { color-scheme: dark; font-family: Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #03002E; color: #fff; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; }
main { max-width: 624px; min-height: 100svh; margin: 0 auto; padding: 56px 32px 28px; display: flex; flex-direction: column; }
.wordmark { align-self: flex-start; color: #fff; text-decoration: none; font-size: 20px; font-weight: 750; letter-spacing: -.5px; }
.wordmark span { font-weight: 450; color: #d5cde6; }
section { margin: auto 0; padding: 80px 0; }
.accent { width: 32px; height: 4px; background: #9D4EDD; border-radius: 2px; margin-bottom: 28px; }
h1 { margin: 0 0 16px; font-size: clamp(30px, 6vw, 40px); line-height: 1.15; font-weight: 650; letter-spacing: -1.2px; text-wrap: balance; }
p { color: #bbb5cd; font-size: 16px; line-height: 1.7; margin: 0; }
form { margin-top: 36px; }
label { display: block; margin: 24px 0 10px; font-size: 14px; font-weight: 600; }
input { display: block; width: 100%; min-height: 52px; border: 1px solid #716a89; border-radius: 8px; background: #0d093b; color: #fff; font: inherit; padding: 12px 15px; }
button { width: 100%; min-height: 52px; margin-top: 24px; border: 0; border-radius: 8px; background: #9D4EDD; color: #fff; font: inherit; font-weight: 650; cursor: pointer; }
button:hover { background: #8c40cb; }
button:disabled { opacity: .65; cursor: wait; }
:focus-visible { outline: 3px solid #d9a4ff; outline-offset: 4px; }
h1:focus { outline: none; }
#status { margin-top: 24px; font-size: 14px; }
#form-error { margin-top: 16px; color: #ffb9cf; font-size: 14px; }
#form-error:empty { display: none; }
footer { font-size: 12px; color: #a59eb8; }
[hidden] { display: none !important; }
@media (max-width: 480px) { main { padding: 32px 24px 24px; } section { padding: 64px 0; } .wordmark { font-size: 18px; } }