@import"https://fonts.googleapis.com/css2?family=Bubblegum+Sans&family=Nunito:wght@400;600;700;800&display=swap";:root{--pink: #ff6b9d;--blue: #4ecdc4;--yellow: #ffe66d;--purple: #a78bfa;--orange: #f9a826;--green: #6bcb77;--bg: #fef9ef;--text: #2d3436;--card-shadow: 0 8px 30px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:Nunito,sans-serif;line-height:1.6}.hero{text-align:center;padding:3rem 1.5rem 2rem;background:linear-gradient(135deg,#a78bfa,#ff6b9d,#ffe66d);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:40px;background:var(--bg);border-radius:50% 50% 0 0}.hero h1{font-family:Bubblegum Sans,cursive;font-size:clamp(2.2rem,6vw,3.8rem);margin-bottom:.25rem;text-shadow:2px 3px 0 rgba(0,0,0,.1)}.hero .subtitle{font-size:1.15rem;font-weight:600;opacity:.9}.hero .bubbles{font-size:2.4rem;margin-top:.75rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.section-title{font-family:Bubblegum Sans,cursive;font-size:1.8rem;text-align:center;margin:2.5rem 0 1.5rem;position:relative}.section-title .emoji{display:block;font-size:2.4rem;margin-bottom:.25rem}.steps{max-width:900px;margin:0 auto;padding:0 1.5rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.step-card{background:#fff;border-radius:1.25rem;padding:1.75rem 1.25rem;text-align:center;box-shadow:var(--card-shadow);border:3px solid transparent;transition:transform .25s,border-color .25s;position:relative}.step-card:hover{transform:translateY(-4px);border-color:var(--blue)}.step-number{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:32px;height:32px;border-radius:50%;background:var(--pink);color:#fff;font-weight:800;font-size:.95rem;display:grid;place-items:center;box-shadow:0 3px 8px #ff6b9d66}.step-emoji{font-size:3rem;margin:.5rem 0;display:block}.step-card h3{font-family:Bubblegum Sans,cursive;font-size:1.15rem;margin-bottom:.4rem;color:var(--text)}.step-card p{font-size:.92rem;color:#636e72;line-height:1.5}.supplies{max-width:700px;margin:0 auto;padding:0 1.5rem 2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.supply-pill{background:#fff;border-radius:2rem;padding:.65rem 1.25rem;font-weight:700;font-size:.95rem;box-shadow:var(--card-shadow);display:flex;align-items:center;gap:.45rem;border:2px solid var(--yellow)}.tips{max-width:700px;margin:0 auto;padding:0 1.5rem 2rem;display:flex;flex-direction:column;gap:.85rem}.tip{background:#fff;border-radius:1rem;padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:.75rem;box-shadow:var(--card-shadow);border-left:4px solid var(--green);font-size:.95rem;line-height:1.55}.tip .tip-icon{font-size:1.5rem;flex-shrink:0}.fun-facts{max-width:700px;margin:0 auto;padding:0 1.5rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.fact-card{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;border-radius:1rem;padding:1.25rem;text-align:center;box-shadow:var(--card-shadow)}.fact-card .fact-emoji{font-size:2rem;display:block;margin-bottom:.35rem}.fact-card p{font-size:.92rem;font-weight:600}.footer{text-align:center;padding:2rem 1.5rem;font-size:.9rem;color:#b2bec3;background:linear-gradient(to bottom,var(--bg),#f0e6d3)}.footer .trophy{font-size:2rem;display:block;margin-bottom:.35rem}.footer strong{color:var(--text)}@media(max-width:480px){.steps,.fun-facts{grid-template-columns:1fr}}