:root{--bg:#0d0b16;--card:#191528;--tx:#f3efff;--mu:#a59fc0;--ac:#ff2d9b;--ac2:#35e0ff;--ln:#2d2745;color-scheme:dark}
@media(prefers-color-scheme:light){:root{--bg:#f6f3ff;--card:#fff;--tx:#1a1530;--mu:#5a5378;--ln:#ddd6f3;--ac2:#0a6f8a;color-scheme:light}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:18px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:680px;margin:0 auto;padding:20px 20px 40px}
a{color:var(--ac2)}a:focus-visible{outline:3px solid var(--ac);outline-offset:3px}
h1{font-size:2.6rem;line-height:1.1;margin:.6em 0 .2em}
h2{font-size:1.4rem;margin:1.8em 0 .4em}
p,li{max-width:62ch}
.lead{font-size:1.25rem;color:var(--mu);margin-top:0}
.hero{position:relative;margin:8px 0}
.hero img{width:100%;height:auto;display:block;border-radius:18px}
.hero svg{position:absolute;inset:0;width:100%;height:100%}
.tg{font-family:'Permanent Marker','Marker Felt',Impact,'Arial Black',sans-serif}
.note{background:var(--card);border:1px solid var(--ln);border-left:4px solid var(--ac);border-radius:10px;padding:14px 16px;margin:24px 0}
footer{margin-top:48px;padding-top:16px;border-top:1px solid var(--ln);color:var(--mu);font-size:.9rem}
footer a{margin-right:14px}