*{box-sizing:border-box}:root{--pink:#ff4f87;--deep:#9d174d;--ink:#35152a}html,body{margin:0;min-height:100%;font-family:Poppins,sans-serif;color:var(--ink)}body{min-height:100vh;background:radial-gradient(circle at 20% 10%,#fff 0 12%,transparent 32%),radial-gradient(circle at 90% 80%,#ffd8e7 0 8%,transparent 30%),linear-gradient(135deg,#fff5f8,#ffe2ec 48%,#fff)}.hearts{position:fixed;top:8%;left:0;width:100%;font-size:20px;letter-spacing:28px;opacity:.15;animation:drift 12s ease-in-out infinite;pointer-events:none}@keyframes drift{50%{transform:translateX(18px) translateY(12px)}}.screen{display:none;min-height:100vh;padding:18px;align-items:center;justify-content:center}.screen.active{display:flex}.card{width:min(720px,100%);background:rgba(255,255,255,.94);border-radius:30px;padding:clamp(27px,6vw,58px);box-shadow:0 22px 70px rgba(104,28,61,.18);position:relative}.hero{text-align:center}.label{text-transform:uppercase;letter-spacing:.2em;color:var(--pink);font-size:.78rem;font-weight:700}h1,h2{font-family:Caveat,cursive;color:var(--deep);margin:8px 0}h1{font-size:clamp(4rem,14vw,7rem);line-height:.9}h2{font-size:clamp(2.5rem,8vw,4.2rem);line-height:1}p{line-height:1.8}.tease{color:#d52d69;font-weight:700}.primary,.secondary{border:0;border-radius:999px;padding:14px 23px;cursor:pointer;font-weight:700;margin-top:20px;transition:.2s}.primary{color:#fff;background:linear-gradient(135deg,#ff3f7e,#c2185b);box-shadow:0 10px 25px rgba(194,24,91,.25)}.secondary{background:#fff0f5;color:var(--deep)}button:hover{transform:translateY(-2px)}.quiz{min-height:490px;display:flex;flex-direction:column;justify-content:center}.progress{height:7px;background:#ffe1eb;border-radius:20px;overflow:hidden;margin-bottom:24px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#ff5c91,#a91355);transition:.35s}.count{text-transform:uppercase;letter-spacing:.15em;color:#a14c70;font-size:.75rem;font-weight:700}.question{font-family:Caveat,cursive;color:var(--deep);font-size:clamp(2.3rem,7vw,3.6rem);line-height:1.05;margin:14px 0 28px}.options{display:grid;gap:12px}.option{text-align:left;border:2px solid #ffd4e2;background:#fff;color:var(--ink);padding:15px 17px;border-radius:17px;cursor:pointer;font-weight:600;transition:.18s}.option:hover{border-color:#ff78a5;transform:translateX(3px);background:#fff8fb}.option.correct{border-color:#44b87a;background:#effcf5}.option.wrong{animation:shake .3s}@keyframes shake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}.hint{min-height:26px;margin-top:14px;color:#a13a63;font-size:.9rem;font-weight:600}.sparkle,.heart{font-size:4.5rem;animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.15)}}.story-wrap{width:min(850px,100%)}.story-head{text-align:center;margin-bottom:24px}.story-card{background:rgba(255,255,255,.92);border-radius:25px;padding:27px 28px;margin:18px 0;box-shadow:0 12px 35px rgba(100,20,55,.1);border:1px solid #ffe0ea;opacity:0;transform:translateY(20px);animation:up .65s forwards}.story-card:nth-child(2){animation-delay:.1s}.story-card:nth-child(3){animation-delay:.2s}.story-card:nth-child(4){animation-delay:.3s}.story-card:nth-child(5){animation-delay:.4s}.story-card:nth-child(6){animation-delay:.5s}.story-card:nth-child(7){animation-delay:.6s}@keyframes up{to{opacity:1;transform:none}}.story-card h3{margin:0 0 10px;color:var(--deep)}.story-card p{margin:0}.finalBtn{display:block;margin:30px auto}.countdown-card{text-align:center}.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0}.timer div{background:#fff0f5;border-radius:18px;padding:16px 8px}.timer b{display:block;font-size:2rem;color:var(--deep)}.timer span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#a14c70}.final{text-align:center;overflow:hidden}.final p{max-width:600px;margin:16px auto}.wishes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:25px 0}.wish{padding:10px 16px;border-radius:999px;background:#fff0f5;color:var(--deep);font-weight:700;opacity:0;animation:up .5s forwards}.wish:nth-child(2){animation-delay:.2s}.wish:nth-child(3){animation-delay:.4s}.wish:nth-child(4){animation-delay:.6s}.wish:nth-child(5){animation-delay:.8s}.wish:nth-child(6){animation-delay:1s}.special{font-weight:600;color:#6e294b}.grow{position:relative;margin:28px auto;max-width:620px;border-radius:25px;overflow:hidden;box-shadow:0 12px 35px rgba(100,20,55,.15);background:#2a121e}.grow img{width:100%;height:auto;max-height:none;display:block;object-fit:contain;object-position:center}.growOverlay{position:relative;left:auto;right:auto;bottom:auto;padding:22px 22px 24px;background:linear-gradient(180deg,rgba(42,18,30,.96),rgba(42,18,30,1));color:#fff}.growOverlay h2{color:#fff;margin:0}.growOverlay p{margin:5px auto 0;max-width:520px}.last{font-family:Caveat,cursive;font-size:1.7rem;color:var(--deep)}.confetti{position:fixed;top:-15px;z-index:99;animation:fall 3s linear forwards;pointer-events:none}@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:0}}@media(max-width:600px){.screen{padding:12px}.card{padding:25px 19px;border-radius:24px}.question{font-size:2.35rem}.timer{gap:6px}.timer b{font-size:1.5rem}.timer span{font-size:.58rem}.growOverlay{padding:28px 15px 14px}.growOverlay h2{font-size:2.4rem}}