:root{--rose:#E85D75;--plum:#5B3A5E;--teal:#3CCFB4;--cream:#FDF7F2;--ink:#2B2230;--muted:#5d5262;--card:#fff}
@media (prefers-color-scheme:dark){:root{--cream:#1d171f;--ink:#f6eef3;--muted:#cbbfc9;--card:#2a222d}}
*{box-sizing:border-box}html{font-size:20px}body{margin:0;background:var(--cream);color:var(--ink);font:1rem/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 16px 64px}a{color:var(--rose);font-weight:600}
header{display:flex;align-items:center;gap:12px;margin-bottom:24px}header img{width:48px;height:48px;border-radius:12px}header a{color:var(--ink);text-decoration:none;font-size:1.1rem}
h1{font-size:2.2rem;line-height:1.15;margin:.2em 0;color:var(--plum)}@media (prefers-color-scheme:dark){h1{color:#f3c4d0}}
h2{font-size:1.3rem;margin-top:1.6em}.hero{text-align:center}.hero img{width:min(320px,80%);height:auto}
.lede{font-size:1.2rem;color:var(--muted)}.card{background:var(--card);border-radius:20px;padding:20px 22px;margin:16px 0;box-shadow:0 2px 10px rgba(0,0,0,.05)}
ul{padding-left:1.2em}li{margin:.35em 0}footer{margin-top:48px;color:var(--muted);font-size:.85rem;text-align:center}
.button{display:inline-block;background:var(--rose);color:#fff;text-decoration:none;padding:14px 26px;border-radius:999px;font-size:1.05rem}