:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#fff8fb; color:#3d2430; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at top,#ffe3ef 0,#fff8fb 42%,#fff 100%); }
.page { width:min(760px,calc(100% - 32px)); margin:0 auto; padding:48px 0 72px; }
.hero { text-align:center; padding:54px 20px 38px; }
.heart { display:grid; place-items:center; width:78px; height:78px; margin:0 auto 18px; border-radius:24px; color:white; font-size:44px; background:linear-gradient(145deg,#ff4f87,#bb4cf2); box-shadow:0 16px 38px #c9437938; }
h1 { margin:0 0 12px; font-size:clamp(34px,7vw,54px); letter-spacing:-.035em; }
h2 { margin-top:30px; font-size:21px; }
p,li { font-size:16px; line-height:1.65; }
a { color:#9b2762; }
.cards { display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.card { display:flex; flex-direction:column; gap:8px; padding:22px; border:1px solid #ffffffcc; border-radius:22px; color:inherit; text-decoration:none; background:#ffffffb8; box-shadow:0 14px 34px #79355314; backdrop-filter:blur(14px); }
.card strong { color:#9b2762; font-size:19px; }
.card.static { margin:22px 0; }
.card.static h2 { margin:0; }
.article { background:#ffffffc7; margin-top:28px; margin-bottom:28px; padding:34px clamp(22px,6vw,52px) 56px; border:1px solid white; border-radius:28px; box-shadow:0 18px 48px #79355313; }
.back { display:inline-block; margin-bottom:26px; text-decoration:none; font-weight:600; }
.updated { color:#765764; font-size:14px; }
@media (max-width:520px) { .page { width:min(100% - 20px,760px); padding-top:16px; } .article { border-radius:22px; } }