:root{--bg:#fff8fb;--fg:#4a3b5c;--accent:#ff6fae;--on-accent:#fff;--card:rgba(255,255,255,.9);--head:'Fredoka',system-ui,sans-serif;--cover-bg:linear-gradient(#ff7eb655,#9b6bff66 55%,#4a2c7acc)}
body{font-family:'Fredoka',system-ui,sans-serif;background:radial-gradient(#ff7eb633 3px,transparent 4px) 0 0/60px 60px,radial-gradient(#7ed6ff55 3px,transparent 4px) 30px 30px/60px 60px,radial-gradient(#ffd96655 3px,transparent 4px) 30px 0/60px 60px,var(--bg)}
.cover h1{font-size:clamp(2.4rem,12vw,4.4rem);font-weight:700;text-shadow:0 4px 0 #0003}
.sec h2{font-size:2rem;font-weight:700}
.sec h2::after{content:"";display:block;width:80px;height:8px;margin:10px auto 0;border-radius:8px;background:repeating-linear-gradient(90deg,#ff6fae 0 16px,#7ed6ff 16px 32px,#ffd966 32px 48px)}
.card{border-radius:28px;border:3px dashed #ff9ccb;box-shadow:0 8px 0 #ffd0e6}
.btn{border-radius:999px;box-shadow:0 5px 0 #d94b8c;font-weight:700}
.btn.alt{box-shadow:none}
.countdown div{border-radius:20px;border:3px solid #ffb3d6}
.pf{border-radius:50%;aspect-ratio:1;border-width:5px}
.cover{background-color:#5b3a8c}