:root{--pink:#ED3378;--coral:#FC7854;--ink:#14102E;--muted:#6b6880;--bg:#fff8f5}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Rounded","Segoe UI",Inter,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:var(--pink);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:880px;margin:0 auto;padding:0 24px}
header{padding:20px 0}header .wrap{display:flex;align-items:center;gap:12px}header img{width:44px;height:44px;border-radius:11px}
header b{font-size:20px;letter-spacing:1px}header nav{margin-left:auto;display:flex;gap:18px;font-weight:600}
.hero{padding:56px 0 40px;text-align:center}.hero img{width:160px;height:160px;border-radius:38px;box-shadow:0 20px 50px rgba(237,51,120,.25)}
.hero h1{font-size:44px;margin:24px 0 8px;letter-spacing:-.5px}.hero p{font-size:20px;color:var(--muted);margin:0 auto 28px;max-width:560px}
.badge{display:inline-block;background:var(--ink);color:#fff;border-radius:14px;padding:12px 22px;font-weight:700;margin:4px}
.badge.soft{background:#fff;color:var(--ink);border:2px solid #eee}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:40px 0 60px}
.card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 6px 24px rgba(20,16,46,.06)}.card h3{margin:0 0 6px;font-size:18px}.card p{margin:0;color:var(--muted)}
.card .e{font-size:28px;display:block;margin-bottom:8px}
footer{padding:40px 0 60px;color:var(--muted);font-size:14px}footer .wrap{display:flex;flex-wrap:wrap;gap:18px}
article{background:#fff;border-radius:24px;padding:40px;margin:24px 0 60px;box-shadow:0 6px 24px rgba(20,16,46,.06)}article h1{margin-top:0}article h2{margin-top:32px;font-size:20px}article p,article li{color:#33304a}