:root{--ink:#171126;--muted:#665d73;--violet:#6941c6;--violet2:#9b6cff;--gold:#d6a84b;--paper:#fffdfb;--wash:#f5f0ff;--line:#e8e0ef}
*{box-sizing:border-box}body{margin:0;font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}
a{color:var(--violet);text-decoration-thickness:1px;text-underline-offset:3px}.wrap{max-width:1120px;margin:auto;padding:0 24px}
header{position:sticky;top:0;z-index:10;background:#fffdfbee;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
nav{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:20px}.brand{font:700 21px Georgia,serif;color:var(--ink);text-decoration:none}.brand b{color:var(--violet)}
.navlinks{display:flex;gap:20px;flex-wrap:wrap}.navlinks a{color:var(--ink);text-decoration:none;font-size:14px}
.hero{padding:84px 0 68px;background:radial-gradient(circle at 80% 20%,#dfd0ff 0,transparent 28%),linear-gradient(135deg,#f8f3ff,#fffaf0)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--violet)}
h1,h2,h3{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(42px,6vw,72px);margin:.15em 0}h2{font-size:34px;margin-top:1.8em}h3{font-size:23px}
.lead{font-size:20px;color:var(--muted);max-width:720px}.btn{display:inline-block;background:var(--violet);color:white;text-decoration:none;padding:13px 20px;border-radius:999px;font-weight:750;margin:8px 8px 8px 0}.btn.alt{background:white;color:var(--violet);border:1px solid var(--line)}
.glow{min-height:330px;border-radius:50%;background:radial-gradient(circle,#fff 0 4%,#d7b8ff 5% 18%,#8654d9 19% 34%,#38205f 35% 50%,transparent 51%);filter:drop-shadow(0 0 28px #9b6cff55)}
main.article{max-width:820px;margin:54px auto;padding:0 24px}.crumb{font-size:13px;color:var(--muted)}.note,.cta{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--wash);margin:28px 0}.cta{background:linear-gradient(135deg,#24133d,#4d277e);color:white}.cta a{color:white}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.card{padding:24px;border:1px solid var(--line);border-radius:18px;background:white}.card h3{margin-top:0}.section{padding:58px 0}
footer{margin-top:70px;padding:42px 0;background:#1b1229;color:#ded5e8}footer a{color:#fff}.small{font-size:13px;color:var(--muted)}
.quiz button{display:block;width:100%;text-align:left;margin:8px 0;padding:12px;border:1px solid var(--line);background:white;border-radius:10px;cursor:pointer}
@media(max-width:760px){.hero-grid,.cards{grid-template-columns:1fr}.navlinks{display:none}.hero{padding-top:55px}.glow{min-height:240px}h2{font-size:30px}}