:root { color-scheme: dark; font: 16px system-ui, sans-serif; color: #e6edf5; background: #10151d; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(400px, 85vw); padding: 36px; border: 1px solid #34404f; border-radius: 16px; background: #19222d; }
h1 { font-size: 14px; letter-spacing: .15em; color: #9cbbd8; } h2 { font-size: 28px; }
p { line-height: 1.5; } button { border: 0; padding: 14px 20px; border-radius: 8px; background: #b6dcff; color: #102033; font: inherit; cursor: pointer; }
button:disabled { opacity: .6; } .hint { font-size: 13px; color: #a8b3c0; } #message { min-height: 24px; }