:root{color-scheme:light dark;--paper:#f6f6fb;--body:#19172a;--muted:#53526a;--surface:#fff;--line:#d7d6e5;--purple:#4f34bc;--tint:#eae6ff;--lime:#d2fa60}
@media(prefers-color-scheme:dark){:root{--paper:#141320;--body:#f7f6ff;--muted:#c5c3d6;--surface:#222234;--line:#565367;--purple:#c2b2ff;--tint:#322749}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--body);font:1.03rem/1.62 system-ui,-apple-system,sans-serif}
header,main,footer{width:min(100% - 2rem,48rem);margin:auto}
header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.2rem 0}
.brand{display:inline-flex;gap:.55rem;align-items:center;font-weight:750;color:var(--body);text-decoration:none}.brand img{width:2.25rem;height:2rem}
nav{display:flex;gap:1rem;flex-wrap:wrap}a{color:var(--purple);text-underline-offset:.2em}a:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
nav [aria-current=page]{font-weight:750;text-decoration:none}
main{padding:1rem 0 2.5rem}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}
h1{font-size:clamp(2.4rem,7vw,4.3rem);margin:.4rem 0 .9rem}h2{font-size:clamp(1.4rem,4vw,1.9rem);margin:1.9rem 0 .4rem}p{margin:.4rem 0 .85rem}
.hero{padding:clamp(1.4rem,4vw,2.4rem);border-radius:1.65rem;background:#4b32b3;color:white;margin-bottom:1.7rem}
.hero p{max-width:48ch;color:#f0edff}.button{display:inline-block;background:var(--lime);color:#201935;font-weight:750;padding:.7rem 1rem;text-decoration:none;border-radius:1rem;margin:.5rem 0 .1rem}
.box{padding:1rem 1.3rem;background:var(--surface);border-radius:1.1rem;margin:1rem 0}.box h2{margin:.2rem 0 .5rem}
details{padding:.85rem 0;border-bottom:1px solid var(--line)}summary{font-weight:700;cursor:pointer}details p{margin:.6rem 0 0}
footer{padding:1.3rem 0;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}footer a{margin-right:1rem}
address{font-style:normal}.date{font-size:.9rem;color:var(--muted)}
@media(max-width:360px){header,main,footer{width:calc(100% - 1.25rem)}nav{gap:.65rem}}