:root { color-scheme: dark; font-family: system-ui, -apple-system, sans-serif; color: #f0f0f2; background: #101114; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; align-items: center; padding: 48px 24px; }
main { width: min(100%, 720px); margin: auto; }
a { color: inherit; text-underline-offset: 5px; }
.brand { font-weight: 750; font-size: 22px; text-decoration: none; }
.eyebrow { margin: 64px 0 18px; color: #e8c348; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; }
h1 { margin: 0 0 24px; font-size: clamp(32px, 6vw, 52px); line-height: 1.12; letter-spacing: -.035em; }
p { color: #c3c5cd; font-size: 18px; line-height: 1.65; }
.source { display: flex; justify-content: space-between; gap: 20px; margin-top: 32px; padding: 22px; background: #e8c348; color: #181711; border-radius: 12px; font-size: 18px; font-weight: 650; text-decoration: none; }
.source:hover { background: #f2d269; }
.note { font-size: 14px; }
footer { margin-top: 54px; color: #8e929f; font-size: 14px; }
a:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }