:root{--color-primary: #6c5ce7;--color-primary-light: #a29bfe;--color-secondary: #00cec9;--color-accent: #fdcb6e;--color-pink: #fd79a8;--color-green: #00b894;--color-orange: #e17055;--color-red: #d63031;--color-blue: #0984e3;--color-bg: #f8f9ff;--color-card: #ffffff;--color-text: #2d3436;--color-text-light: #636e72;--radius: 1.25rem;--shadow: 0 4px 20px rgba(108, 92, 231, .12);--shadow-hover: 0 8px 30px rgba(108, 92, 231, .2)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Nunito,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:"Baloo 2",cursive;line-height:1.2}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--color-primary-light);padding:.75rem 2rem;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(--color-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;gap:.25rem;list-style:none;flex-wrap:wrap;justify-content:flex-end}.nav-links a{text-decoration:none;color:var(--color-text);font-weight:600;font-size:.85rem;padding:.4rem .75rem;border-radius:2rem;transition:all .2s}.nav-links a:hover{background:var(--color-primary);color:#fff}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem 4rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe,#00cec9 60%,#55efc4);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(253,203,110,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(253,121,168,.25) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:48rem}.hero-emoji{font-size:5rem;margin-bottom:1rem;display:block;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero h1{font-size:clamp(2.2rem,6vw,3.8rem);color:#fff;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.15)}.hero p{font-size:clamp(1rem,2.5vw,1.3rem);color:#ffffffe6;max-width:36rem;margin:0 auto 2rem}.hero-btn{display:inline-block;background:#fff;color:var(--color-primary);font-family:"Baloo 2",cursive;font-size:1.15rem;font-weight:700;padding:.85rem 2.5rem;border-radius:3rem;text-decoration:none;box-shadow:0 4px 15px #00000026;transition:transform .2s,box-shadow .2s}.hero-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0003}.floating-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.floating-shapes span{position:absolute;font-size:2.5rem;opacity:.2;animation:floatAround 20s linear infinite}.floating-shapes span:nth-child(1){left:5%;top:15%;animation-delay:0s;animation-duration:18s}.floating-shapes span:nth-child(2){left:15%;top:60%;animation-delay:-3s;animation-duration:22s}.floating-shapes span:nth-child(3){left:80%;top:20%;animation-delay:-7s;animation-duration:20s}.floating-shapes span:nth-child(4){left:70%;top:75%;animation-delay:-10s;animation-duration:25s}.floating-shapes span:nth-child(5){left:40%;top:85%;animation-delay:-5s;animation-duration:19s}.floating-shapes span:nth-child(6){left:90%;top:45%;animation-delay:-12s;animation-duration:23s}@keyframes floatAround{0%{transform:translate(0) rotate(0)}25%{transform:translate(30px,-40px) rotate(90deg)}50%{transform:translate(-20px,-80px) rotate(180deg)}75%{transform:translate(40px,-30px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}.section{padding:5rem 2rem;max-width:72rem;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:clamp(1.8rem,4vw,2.5rem);color:var(--color-primary);margin-bottom:.5rem}.section-header p{color:var(--color-text-light);font-size:1.05rem;max-width:32rem;margin:0 auto}.section-emoji{font-size:2.5rem;display:block;margin-bottom:.5rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem}.tip-card{background:var(--color-card);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;border-top:4px solid var(--color-primary);position:relative;overflow:hidden}.tip-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.tip-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:0 0 0 80px;opacity:.06}.tip-card:nth-child(1){border-top-color:var(--color-primary)}.tip-card:nth-child(1):after{background:var(--color-primary)}.tip-card:nth-child(2){border-top-color:var(--color-secondary)}.tip-card:nth-child(2):after{background:var(--color-secondary)}.tip-card:nth-child(3){border-top-color:var(--color-pink)}.tip-card:nth-child(3):after{background:var(--color-pink)}.tip-card:nth-child(4){border-top-color:var(--color-accent)}.tip-card:nth-child(4):after{background:var(--color-accent)}.tip-card:nth-child(5){border-top-color:var(--color-green)}.tip-card:nth-child(5):after{background:var(--color-green)}.tip-card:nth-child(6){border-top-color:var(--color-orange)}.tip-card:nth-child(6):after{background:var(--color-orange)}.tip-icon{font-size:2.8rem;margin-bottom:.75rem;display:block}.tip-card h3{font-size:1.2rem;color:var(--color-text);margin-bottom:.5rem}.tip-card p{color:var(--color-text-light);font-size:.95rem;line-height:1.6}.dodont-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem}.dodont-column h3{font-size:1.5rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.dodont-column.do h3{color:var(--color-green)}.dodont-column.dont h3{color:var(--color-red)}.dodont-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.dodont-list li{background:var(--color-card);border-radius:.75rem;padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:.75rem;box-shadow:0 2px 10px #0000000f;font-size:.95rem;transition:transform .2s}.dodont-list li:hover{transform:translate(4px)}.dodont-list .icon{font-size:1.3rem;flex-shrink:0;margin-top:.1rem}.quiz-container{max-width:40rem;margin:0 auto;background:var(--color-card);border-radius:var(--radius);padding:2.5rem;box-shadow:var(--shadow)}.quiz-progress{display:flex;gap:.4rem;margin-bottom:1.5rem}.quiz-dot{height:6px;flex:1;border-radius:3px;background:#e0e0e0;transition:background .3s}.quiz-dot.active{background:var(--color-primary)}.quiz-dot.correct{background:var(--color-green)}.quiz-dot.wrong{background:var(--color-red)}.quiz-question{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;font-family:"Baloo 2",cursive}.quiz-options{display:flex;flex-direction:column;gap:.75rem}.quiz-option{background:#f1f0ff;border:2px solid transparent;border-radius:.75rem;padding:1rem 1.25rem;font-size:1rem;font-family:Nunito,sans-serif;font-weight:600;cursor:pointer;text-align:left;transition:all .2s;color:var(--color-text)}.quiz-option:hover:not(:disabled){border-color:var(--color-primary);background:#e8e6ff}.quiz-option.selected{border-color:var(--color-primary);background:#ddd8ff}.quiz-option.correct-answer{border-color:var(--color-green);background:#d4fce8}.quiz-option.wrong-answer{border-color:var(--color-red);background:#fde8e8}.quiz-feedback{margin-top:1.25rem;padding:1rem 1.25rem;border-radius:.75rem;font-weight:600;font-size:1rem;display:flex;align-items:center;gap:.5rem}.quiz-feedback.correct{background:#d4fce8;color:#007a4d}.quiz-feedback.wrong{background:#fde8e8;color:#c0392b}.quiz-next-btn{margin-top:1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:2rem;padding:.75rem 2rem;font-size:1rem;font-weight:700;font-family:"Baloo 2",cursive;cursor:pointer;transition:background .2s}.quiz-next-btn:hover{background:#5a4bd1}.quiz-results{text-align:center}.quiz-results .score-emoji{font-size:4rem;margin-bottom:1rem;display:block}.quiz-results h3{font-size:1.8rem;color:var(--color-primary);margin-bottom:.5rem}.quiz-results p{color:var(--color-text-light);margin-bottom:1.5rem;font-size:1.05rem}.quiz-restart{background:var(--color-secondary);color:#fff;border:none;border-radius:2rem;padding:.75rem 2rem;font-size:1rem;font-weight:700;font-family:"Baloo 2",cursive;cursor:pointer;transition:background .2s}.quiz-restart:hover{background:#00b5b0}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem}.fact-card{background:var(--color-card);border-radius:var(--radius);padding:2rem;text-align:center;box-shadow:var(--shadow);transition:transform .25s}.fact-card:hover{transform:translateY(-4px)}.fact-number{font-family:"Baloo 2",cursive;font-size:2.5rem;font-weight:800;color:var(--color-primary);display:block}.fact-label{color:var(--color-text-light);font-size:.95rem;margin-top:.25rem}.fact-card:nth-child(2) .fact-number{color:var(--color-pink)}.fact-card:nth-child(3) .fact-number{color:var(--color-secondary)}.fact-card:nth-child(4) .fact-number{color:var(--color-orange)}.pledge-section{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:var(--radius);padding:3rem;text-align:center;color:#fff;max-width:40rem;margin:0 auto;box-shadow:var(--shadow)}.pledge-section h2{color:#fff;font-size:2rem;margin-bottom:1rem}.pledge-section p{color:#ffffffd9;margin-bottom:1.5rem;font-size:1.05rem}.pledge-items{list-style:none;text-align:left;margin-bottom:2rem;display:flex;flex-direction:column;gap:.6rem}.pledge-items li{font-size:1rem;display:flex;align-items:center;gap:.5rem}.pledge-btn{background:#fff;color:var(--color-primary);border:none;border-radius:3rem;padding:.85rem 2.5rem;font-size:1.15rem;font-weight:700;font-family:"Baloo 2",cursive;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #00000026}.pledge-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0003}.pledge-btn.signed{background:var(--color-green);color:#fff;cursor:default}.pledge-signed-msg{margin-top:1rem;font-size:1.1rem;font-weight:700;color:#fffffff2}.footer{text-align:center;padding:3rem 2rem;color:var(--color-text-light);font-size:.9rem}.footer-hearts{font-size:1.5rem;margin-bottom:.5rem;display:block}@media(max-width:640px){.nav{padding:.5rem 1rem}.nav-links{gap:0}.nav-links a{font-size:.75rem;padding:.35rem .5rem}.section{padding:3rem 1rem}.quiz-container{padding:1.5rem}.pledge-section{padding:2rem 1.5rem}}