@font-face{font-family:Bungee;src:url('/fonts/Bungee-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Nunito;src:url('/fonts/Nunito-wght.ttf') format('truetype');font-display:swap;font-weight:200 1000}
:root{color-scheme:dark;--night:#1e1838;--panel:#2b2350;--cream:#fff3dc;--muted:#b9aee6;--gold:#ffb23e}
*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--cream);font:600 1.0625rem/1.65 Nunito,system-ui,sans-serif}
main{max-width:800px;margin:0 auto;padding:48px 20px}article{padding:clamp(20px,5vw,42px);border:1px solid #5b3fa8;border-radius:24px;background:var(--panel)}
h1,h2{line-height:1.3}h1{font-family:Bungee,system-ui,sans-serif;font-size:clamp(1.65rem,5vw,2.4rem);font-weight:400;margin:0 0 20px}h2{font-size:1.3rem;margin-top:30px}p,li{overflow-wrap:anywhere}
a{color:var(--gold);text-underline-offset:4px}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px;border-radius:3px}nav{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}nav a{padding:8px 0}
.hero{text-align:center;border:3px solid var(--gold)}.hero nav{justify-content:center}.icon{display:block;width:160px;height:160px;max-width:100%;margin:0 auto 24px;border-radius:28px}.meta,footer{color:var(--muted)}.meta{font-size:.95rem}footer{text-align:center;margin-top:24px;font-size:.9rem}li+li{margin-top:8px}