@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{--yellow: #FFD93D;--blue: #6EC6FF;--pink: #FF6B9D;--green: #6BCB77;--purple: #C084FC;--orange: #FF9F43;--bg: #FFFDF7;--text: #2D3436;--card-bg: #FFFFFF}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Nunito,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:"Baloo 2",cursive}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffdf7eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:3px solid var(--yellow);padding:.6rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-logo{font-family:"Baloo 2",cursive;font-size:1.4rem;font-weight:800;color:var(--pink);text-decoration:none;white-space:nowrap}.nav-links{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.nav-links a{text-decoration:none;color:var(--text);font-weight:700;font-size:.85rem;padding:.35rem .75rem;border-radius:999px;transition:all .2s}.nav-links a:hover{background:var(--yellow);color:var(--text)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 1.5rem 3rem;background:linear-gradient(170deg,#fff9e3,#e8f8ff,#fff0f5);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 25%,rgba(255,217,61,.25) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(110,198,255,.2) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(255,107,157,.15) 0%,transparent 40%);pointer-events:none}.hero-emoji{font-size:5rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite;position:relative}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.hero h1{font-size:clamp(2.2rem,6vw,3.8rem);font-weight:800;line-height:1.15;margin-bottom:.75rem;position:relative}.hero h1 .highlight{background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:clamp(1rem,2.5vw,1.25rem);color:#555;max-width:36rem;margin-bottom:2rem;position:relative}.hero-btn{display:inline-block;text-decoration:none;font-family:"Baloo 2",cursive;font-weight:700;font-size:1.1rem;padding:.85rem 2.2rem;border-radius:999px;background:linear-gradient(135deg,var(--yellow),var(--orange));color:var(--text);box-shadow:0 4px 20px #ff9f4359;transition:transform .2s,box-shadow .2s;position:relative}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ff9f4373}.floating-shape{position:absolute;border-radius:50%;opacity:.12;pointer-events:none}.section{padding:4rem 1.5rem;max-width:64rem;margin:0 auto}.section-title{text-align:center;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin-bottom:.5rem}.section-subtitle{text-align:center;color:#777;font-size:1.05rem;margin-bottom:2.5rem;max-width:32rem;margin-left:auto;margin-right:auto}.why-section{background:linear-gradient(180deg,#fffdf7,#fff9e3)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem}.why-card{background:var(--card-bg);border-radius:1.25rem;padding:1.75rem;text-align:center;border:2px solid transparent;transition:transform .2s,border-color .2s;box-shadow:0 2px 16px #0000000a}.why-card:hover{transform:translateY(-5px)}.why-card:nth-child(1){border-color:var(--yellow)}.why-card:nth-child(2){border-color:var(--blue)}.why-card:nth-child(3){border-color:var(--pink)}.why-card .icon{font-size:2.5rem;margin-bottom:.75rem}.why-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.why-card p{font-size:.95rem;color:#666}.supplies-section{background:linear-gradient(180deg,#fff9e3,#e8f8ff)}.supplies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.25rem}.supply-card{background:var(--card-bg);border-radius:1rem;padding:1.25rem 1rem;text-align:center;box-shadow:0 2px 12px #0000000a;transition:transform .2s;border:2px solid #f0f0f0}.supply-card:hover{transform:scale(1.04)}.supply-card .icon{font-size:2.2rem;margin-bottom:.5rem}.supply-card h4{font-size:1rem;font-weight:700;margin-bottom:.3rem}.supply-card p{font-size:.85rem;color:#888}.steps-section{background:linear-gradient(180deg,#e8f8ff,#fff0f5)}.steps-list{display:flex;flex-direction:column;gap:2rem;max-width:48rem;margin:0 auto}.step-card{display:flex;align-items:flex-start;gap:1.25rem;background:var(--card-bg);border-radius:1.25rem;padding:1.5rem;box-shadow:0 3px 20px #0000000d;border-left:5px solid;transition:transform .2s}.step-card:hover{transform:translate(6px)}.step-card:nth-child(1){border-color:var(--yellow)}.step-card:nth-child(2){border-color:var(--blue)}.step-card:nth-child(3){border-color:var(--green)}.step-card:nth-child(4){border-color:var(--pink)}.step-card:nth-child(5){border-color:var(--purple)}.step-card:nth-child(6){border-color:var(--orange)}.step-card:nth-child(7){border-color:var(--green)}.step-num{flex-shrink:0;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",cursive;font-weight:800;font-size:1.3rem;color:#fff}.step-card:nth-child(1) .step-num{background:var(--yellow);color:var(--text)}.step-card:nth-child(2) .step-num{background:var(--blue)}.step-card:nth-child(3) .step-num{background:var(--green)}.step-card:nth-child(4) .step-num{background:var(--pink)}.step-card:nth-child(5) .step-num{background:var(--purple)}.step-card:nth-child(6) .step-num{background:var(--orange)}.step-card:nth-child(7) .step-num{background:var(--green)}.step-content h3{font-size:1.15rem;font-weight:700;margin-bottom:.3rem}.step-content p{font-size:.95rem;color:#555}.step-content .tip{display:inline-block;margin-top:.5rem;background:#fff9e3;border:1px dashed var(--yellow);padding:.3rem .7rem;border-radius:.5rem;font-size:.82rem;font-weight:600;color:#860}.safety-section{background:linear-gradient(180deg,#fff0f5,#fff9e3)}.safety-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem}.safety-card{background:var(--card-bg);border-radius:1rem;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;border:2px solid #ffe0e0;box-shadow:0 2px 12px #ff6b9d14}.safety-card .icon{font-size:2rem;flex-shrink:0}.safety-card h4{font-size:1rem;margin-bottom:.25rem;color:var(--pink)}.safety-card p{font-size:.9rem;color:#666}.quiz-section{background:linear-gradient(180deg,#fff9e3,#e8ffe8)}.quiz-container{max-width:36rem;margin:0 auto;background:var(--card-bg);border-radius:1.5rem;padding:2rem;box-shadow:0 4px 24px #0000000f;border:2px solid var(--green)}.quiz-question{font-family:"Baloo 2",cursive;font-size:1.2rem;font-weight:700;margin-bottom:1rem;text-align:center}.quiz-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.quiz-option{padding:.85rem 1.25rem;border:2px solid #e0e0e0;border-radius:.85rem;background:#fafafa;font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.quiz-option:hover:not(:disabled){border-color:var(--blue);background:#e8f8ff}.quiz-option.correct{border-color:var(--green);background:#e8ffe8}.quiz-option.wrong{border-color:var(--pink);background:#fff0f5}.quiz-option:disabled{cursor:default}.quiz-feedback{text-align:center;font-weight:700;font-size:1.1rem;margin-bottom:1rem}.quiz-nav{display:flex;justify-content:center;gap:1rem}.quiz-btn{font-family:"Baloo 2",cursive;font-weight:700;font-size:1rem;padding:.6rem 1.5rem;border:none;border-radius:999px;cursor:pointer;transition:transform .15s}.quiz-btn:hover{transform:scale(1.05)}.quiz-btn.primary{background:var(--green);color:#fff}.quiz-btn.secondary{background:#eee;color:var(--text)}.quiz-score{text-align:center;font-family:"Baloo 2",cursive}.quiz-score .big{font-size:3rem;font-weight:800}.quiz-score p{font-size:1.1rem;color:#555}.footer{text-align:center;padding:2.5rem 1.5rem;background:var(--text);color:#ffffffb3;font-size:.9rem}.footer strong{color:var(--yellow)}.bubbles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bubble{position:absolute;bottom:-5rem;border-radius:50%;opacity:.08;animation:rise linear infinite}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:.08}50%{opacity:.12}to{transform:translateY(-110vh) scale(.4);opacity:0}}@media(max-width:640px){.nav{flex-direction:column;gap:.5rem}.nav-links{justify-content:center}.step-card{flex-direction:column;align-items:center;text-align:center}.step-card:hover{transform:none}}