@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/montserrat-400.ttf") format("truetype"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/montserrat-600.ttf") format("truetype"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/montserrat-700.ttf") format("truetype"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/fonts/montserrat-800.ttf") format("truetype"); }

:root { color-scheme: light; --pink: #ee9fbd; --ink: #171116; --muted: #62535a; }
* { box-sizing: border-box; }
body { margin: 0; background: #fce8ef; color: var(--ink); font: 16px/1.65 Montserrat, Arial, sans-serif; }
main { width: min(100% - 32px, 760px); margin: 0 auto; padding: 44px 0 56px; }
a { color: #8a3158; text-underline-offset: 3px; }
h1, h2 { line-height: 1.2; }
h1 { margin: 0 0 12px; font-size: clamp(30px, 6vw, 42px); }
h2 { margin-top: 32px; font-size: 22px; }
p, li { max-width: 70ch; }
.meta { color: var(--muted); margin-top: 0; }
.card { padding: 28px; border-radius: 22px; background: #fff; box-shadow: 0 10px 30px rgba(103, 42, 67, .10); }
.back { display: inline-block; margin-bottom: 22px; font-weight: 700; }
button { padding: 10px 14px; border: 1px solid var(--ink); border-radius: 10px; background: var(--ink); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }