:root { color-scheme: light; font-family: system-ui, sans-serif; color: #243b36; background: #f1f6f3; }
body { margin: 0; padding: 24px; }
main { max-width: 560px; margin: 12vh auto; padding: clamp(24px, 5vw, 44px); background: #fff; border: 1px solid #d9e5dd; border-radius: 24px; }
h1 { margin-top: 0; color: #494275; font-size: 2.5rem; }
h2 { font-size: 1.4rem; }
p { line-height: 1.65; }
.note { margin-top: 28px; color: #52665f; }
.button { display: inline-block; padding: 16px 24px; color: #fff; background: #494275; border-radius: 16px; text-decoration: none; font-weight: 650; }
[hidden] { display: none !important; }
.button:focus-visible { outline: 3px solid #d38b36; outline-offset: 4px; }