:root { color-scheme: dark; font-family: system-ui, sans-serif; color: #e5edf7; background: #05070b; }
body { margin: 0; background: #05070b; }
main { max-width: 760px; margin: 3rem auto; padding: 2rem; background: #0d121b; border: 1px solid #263446; border-radius: 14px; box-shadow: 0 12px 30px #00000080; }
.eyebrow { color: #67d8ff; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
h1, h2 { color: #b8e8ff; } .lede { font-size: 1.1rem; line-height: 1.6; color: #d6dfeb; }
section { border-top: 1px solid #263446; margin-top: 1.5rem; padding-top: 1rem; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: .6rem 1rem; } dt { font-weight: 700; color: #b8e8ff; } dd { margin: 0; overflow-wrap: anywhere; }
button { padding: .7rem 1rem; border: 1px solid #49c3ee; border-radius: 6px; background: #075985; color: #fff; font-weight: 700; } button:disabled { background: #334155; border-color: #475569; color: #cbd5e1; }
.hint { color: #a9b8ca; font-size: .9rem; } .warning { border-left: 4px solid #f59e0b; padding-left: 1rem; background: #1a1509; }