@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Nunito+Sans:wght@400;600;700;800&display=swap");
:root { --ink:#416451; --muted:#66806e; --green:#b9dfb9; --deep:#5f9470; --pink:#f5b8c8; --yellow:#ffe48a; --rule:#dbead8; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:linear-gradient(145deg,#eff9ea,#fffaf0 50%,#fbe3e9); font:16px/1.65 "Nunito Sans",sans-serif; }
a { color:var(--deep); }
.shell { width:min(920px,calc(100% - 28px)); margin:28px auto 56px; }
.top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 18px; border:1px solid var(--rule); border-radius:999px; background:rgba(255,255,255,.9); }
.brand { color:#bc6d82; font:700 1.45rem "Fredoka",sans-serif; text-decoration:none; }
.top nav { display:flex; flex-wrap:wrap; gap:14px; font-size:.9rem; }
main { margin-top:22px; padding:clamp(28px,6vw,64px); border-radius:38px; background:#fff; box-shadow:0 24px 75px rgba(65,100,81,.12); }
h1,h2 { color:var(--deep); font-family:"Fredoka",sans-serif; line-height:1.15; }
h1 { margin:.15em 0 .3em; font-size:clamp(2.3rem,7vw,4.3rem); }
h2 { margin:2em 0 .45em; font-size:1.35rem; }
.eyebrow { margin:0; color:#bc6d82; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.lede { max-width:62ch; color:var(--muted); font-size:1.08rem; }
ul { padding-left:1.2em; }
.callout { margin:24px 0; padding:18px 20px; border-radius:20px; background:#fff5c9; }
.danger { background:#fbe3e9; }
button { padding:12px 20px; border:0; border-radius:999px; color:#fff; background:#bc6d82; font:800 1rem "Nunito Sans",sans-serif; cursor:pointer; }
button:disabled { opacity:.45; cursor:not-allowed; }
.status { margin:18px 0 0; color:var(--muted); }
footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:22px 12px; color:var(--muted); font-size:.85rem; }
footer nav { display:flex; gap:14px; }
@media (max-width:640px) { .top { align-items:flex-start; border-radius:25px; } .top nav { justify-content:flex-end; } main { border-radius:28px; } }