:root{color-scheme:light;--ink:#17233c;--accent:#2755c7;--surface:#f5f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--surface);color:var(--ink);font:1rem/1.6 system-ui,sans-serif}main{width:min(42rem,calc(100% - 2rem));padding:clamp(2rem,7vw,5rem);background:#fff;border-radius:1rem;box-shadow:0 1rem 3rem #17233c1a}.eyebrow{font-weight:700;color:var(--accent)}h1{font-size:clamp(2rem,8vw,3.5rem);line-height:1.1}nav{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}a{color:var(--accent);font-weight:650;text-underline-offset:.2em}a:focus-visible{outline:.2rem solid var(--accent);outline-offset:.25rem}@media(prefers-reduced-motion:no-preference){a{transition:text-underline-offset .15s}a:hover{text-underline-offset:.35em}}