:root{--bg:#F6F2EC;--card:#FFFFFF;--ink:#1E1B2E;--sub:#6C6678;--line:#E2DBD0;--accent:#B7811C}
@media (prefers-color-scheme:dark){:root{--bg:#0D0E17;--card:#181A26;--ink:#F2EEE6;--sub:#9C98A8;--line:#2A2C3B;--accent:#F2C55C}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",system-ui,sans-serif}
main{max-width:720px;margin:0 auto;padding:48px 20px 80px}
h1{font-size:34px;line-height:1.15;margin:.2em 0 .3em;font-weight:800}
h2{font-size:20px;margin:2em 0 .4em}
a{color:var(--accent)}
.eyebrow{font-weight:700;margin:0}.eyebrow a{color:var(--sub);text-decoration:none}
.meta{color:var(--sub);font-size:15px}
hr{border:0;border-top:1px solid var(--line);margin:56px 0}
.hero{text-align:center;padding-top:24px}
.hero img{width:128px;height:128px;border-radius:28px;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.card{background:var(--card);border-radius:20px;padding:20px 22px;margin:16px 0}
.card h2{margin-top:0}
ul{padding-left:1.2em}li{margin:.3em 0}