@import url("fonts.css");
:root{--ink:#1d1a1f;--soft:#5b5360;--teal:#2AA6A1;--gold:#E8B84A;--vino:#8a2b4a;--wm:'Bricolage Grotesque','Arial Black',Arial,sans-serif;--sans:'Instrument Sans',Helvetica,Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;--hand:'Gochi Hand','Comic Sans MS',cursive}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);color:var(--ink);background:linear-gradient(160deg,#ffe1ec 0%,#fff3d6 35%,#e2f5ef 65%,#ece4ff 100%) fixed;min-height:100vh}
a{color:inherit}
.top{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#fff0f6}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--wm);font-weight:800;font-size:22px;letter-spacing:-.03em;text-decoration:none}
.brand img{height:46px;width:auto;border-radius:7px;box-shadow:0 2px 6px rgba(40,10,40,.18)}.brand b{color:var(--gold)}
.top nav a{font-size:15px;margin-left:18px;text-decoration:none}.top nav a:hover{text-decoration:underline}
.picado{display:block;width:100%;height:auto;background:#fff0f6}
main{max-width:760px;margin:30px auto 40px;padding:0 20px}
.card{background:#fffaf6;border:2.5px solid var(--ink);border-radius:26px;padding:34px 36px;box-shadow:6px 7px 0 #f6c9dc}
.kicker{font-family:var(--hand);font-size:21px;color:#c9507e;margin:0 0 6px}
h1{font-family:var(--wm);font-weight:800;font-size:clamp(38px,7vw,58px);line-height:1;letter-spacing:-.04em;margin:0 0 14px}
h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--teal);letter-spacing:-.01em}
h2{font-family:var(--wm);font-size:21px;margin:28px 0 6px;letter-spacing:-.01em}
p,li{font-size:16.5px;line-height:1.65;color:#3b3540}
.ph{background:#fff6dc;border:1.5px dashed var(--gold);border-radius:8px;padding:1px 6px;font-weight:600;color:var(--vino)}
.note{font-size:14px;color:var(--soft);border-top:1.5px solid #eadfe6;margin-top:30px;padding-top:14px}
.btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:13px 26px;border-radius:999px;background:var(--teal);color:#fff;font-weight:700;text-decoration:none;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--gold)}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.center{text-align:center}.girl{width:110px;height:auto;display:block;margin:0 auto 10px;filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 10px 12px rgba(60,20,60,.25));transform:rotate(-6deg)}
.cat{width:64px;height:auto;display:block;margin:18px auto 0}
footer{text-align:center;padding:10px 20px 40px;font-size:13.5px;color:var(--soft)}
footer .hand{font-family:var(--hand);font-size:19px;color:var(--ink);margin:0 0 6px}footer a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:600px){.top{padding:12px 16px}.top nav a{margin-left:12px;font-size:14px}.card{padding:26px 22px;border-radius:22px}.brand span{display:none}}