:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #07111f; color: #e5eef8; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at 100% 0%, #16324e 0, #07111f 48%); }
main { max-width: 900px; margin: 0 auto; padding: 28px 22px 64px; }
nav { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; align-items: center; }
a { color: #7dd3fc; overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid #38bdf8; outline-offset: 5px; }
.brand { color: #e5eef8; font-weight: 800; text-decoration: none; }
header { padding-top: 48px; }
.eyebrow { color: #38bdf8; font-size: .875rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 750; }
h1 { font-size: clamp(2rem, 7vw, 3.6rem); line-height: 1.12; letter-spacing: -.035em; overflow-wrap: anywhere; }
h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; }
p { font-size: 1rem; line-height: 1.75; color: #b7c6d8; }
section { padding: 26px 0; border-bottom: 1px solid #23405b; }
.notice { border: 1px solid #a98243; border-radius: 14px; padding: 18px; background: #302718; color: #f5dfb7; }
.pending { border-left: 3px solid #a98243; padding-left: 16px; color: #e9d4b0; }
footer { padding-top: 24px; font-size: .875rem; }