:root{--violet:#8a5cc2;--violet-dark:#673d9c;--orange:#f59a3d;--text:#302936;--muted:#756d7d;--card:#fff;--shadow:0 14px 38px rgba(103,61,156,.11)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(180deg,#fff,#fbf8fd);line-height:1.7}
header{background:#fff;border-bottom:1px solid #eee7f3}
header div{max-width:960px;margin:auto;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}
header strong,h1,h2,h3{font-family:Georgia,serif;color:var(--violet-dark)}
header strong{font-size:20px}
header a{text-decoration:none;font-weight:700;color:var(--violet-dark)}
main{max-width:900px;margin:auto;padding:46px 22px 80px}
.label{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff1dd;color:#a7530b;font-weight:750;font-size:14px}
h1{font-size:clamp(34px,6vw,52px);line-height:1.15;margin:18px 0 14px}
h2{font-size:27px;line-height:1.2;margin-top:0}
h3{font-size:21px}
.intro{font-size:20px;color:var(--muted);margin-bottom:30px}
.card>section,.content-section{margin-top:24px;padding:28px;border:1px solid #eee7f3;border-radius:20px;background:var(--card);box-shadow:var(--shadow)}
.card{background:transparent}
ul{padding-left:24px}
li{margin:8px 0}
a{color:var(--violet-dark)}
section a{font-weight:650;text-decoration-thickness:1px;text-underline-offset:3px}
.btn{display:inline-block;margin-top:34px;padding:12px 20px;border-radius:999px;background:var(--violet);color:#fff;text-decoration:none;font-weight:750}
footer{padding:24px;text-align:center;background:var(--violet-dark);color:#fff}
@media(max-width:620px){header div{align-items:flex-start;flex-direction:column}main{padding-top:32px}.card>section,.content-section{padding:22px}h2{font-size:25px}}