@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url('fonts/nunito-latin.woff2') format('woff2');}
:root{--ink:#14152F;--mag:#E0368F;--lav:#B79AF0;--blush:#FCF0F7}
*{box-sizing:border-box}body{margin:0;font-family:Nunito,system-ui,sans-serif;background:var(--blush);color:var(--ink);line-height:1.6}
main{max-width:720px;margin:0 auto;padding:32px 20px 64px}
header a.brand{font-weight:900;font-size:28px;color:var(--ink);text-decoration:none}header a.brand span{color:var(--mag)}
nav{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px}nav a{color:var(--mag);font-weight:700;text-decoration:none}
h1{font-weight:900;font-size:clamp(30px,7vw,44px);line-height:1.1;margin:28px 0 6px}
h2{font-weight:900;font-size:22px;margin:32px 0 8px}
.card{background:#fff;border-radius:24px;padding:20px 22px;margin:16px 0;box-shadow:0 2px 0 rgba(20,21,47,.06)}
.muted{color:#4a4b66}a{color:var(--mag)}
.btn{display:inline-block;background:var(--mag);color:#fff;font-weight:900;padding:14px 22px;border-radius:999px;text-decoration:none}
.tag{display:inline-block;background:var(--lav);color:var(--ink);font-weight:700;border-radius:999px;padding:2px 12px;font-size:14px}
details{background:#fff;border-radius:18px;padding:14px 18px;margin:10px 0}summary{font-weight:900;cursor:pointer}
footer{margin-top:48px;font-size:14px;color:#4a4b66}