body { margin: 0; background: #ECEEEB; color: #15171A; font-family: system-ui, sans-serif; }
main { max-width: 420px; margin: 0 auto; padding: 64px 20px; display: flex; flex-direction: column; gap: 16px; }
h1 { margin: 0; font-size: 48px; font-weight: 800; text-transform: uppercase; }
p { margin: 0; line-height: 1.5; color: #5B6068; }
.caps { font-family: ui-monospace, monospace; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #15171A; }
a { display: flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 999px; border: 1px solid #D5D9D4; background: #FFFFFF; color: #15171A; text-decoration: none; font-weight: 600; }
a.dark { background: #15171A; color: #FFFFFF; border-color: #15171A; }
a:focus-visible { outline: 2px solid #3050D6; outline-offset: 2px; }