:root{--bg: #fef9ef;--bg-card: #ffffff;--text: #2d1b4e;--text-muted: #6b5a7d;--primary: #f57c00;--primary-light: #fff3e0;--accent: #7c4dff;--accent-light: #ede7f6;--green: #2e7d32;--green-light: #e8f5e9;--pink: #e91e63;--pink-light: #fce4ec;--blue: #1565c0;--blue-light: #e3f2fd;--yellow: #f9a825;--yellow-light: #fffde7;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--radius: 1rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:Nunito,Segoe UI,system-ui,sans-serif;line-height:1.6}.site{max-width:900px;margin:0 auto;padding:0 1.25rem 2rem}.hero{text-align:center;padding:3.5rem 1rem 2.5rem}.hero-badge{display:inline-block;background:var(--accent-light);color:var(--accent);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;margin-bottom:1rem}.hero-title{font-size:clamp(2.5rem,7vw,4rem);font-weight:900;line-height:1.1;margin-bottom:1rem}.highlight{background:linear-gradient(135deg,var(--primary),var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.15rem;color:var(--text-muted);max-width:32rem;margin:0 auto 1.5rem}.hero-emojis{font-size:2.2rem;letter-spacing:.4em}.section{padding:2.5rem 0}.section-title{font-size:1.75rem;font-weight:800;text-align:center;margin-bottom:.5rem}.section-sub{text-align:center;color:var(--text-muted);margin-bottom:1.5rem}.definition-card{background:var(--bg-card);border:2px solid var(--accent-light);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}.definition-word{font-size:1.6rem;font-weight:800;color:var(--accent)}.definition-phonetic{color:var(--text-muted);font-size:.95rem;margin-bottom:.75rem}.definition-text{font-size:1.1rem;margin-bottom:1.25rem;line-height:1.7}.definition-examples{display:flex;flex-wrap:wrap;gap:.5rem}.example-chip{background:var(--yellow-light);border:1px solid #ffe082;padding:.3rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;color:#e65100}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.tip-card{background:var(--bg-card);border:2px solid transparent;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);cursor:pointer;transition:border-color .2s,transform .15s;text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;align-items:flex-start;width:100%}.tip-card:hover{border-color:var(--primary);transform:translateY(-2px)}.tip-card:nth-child(1){border-top:4px solid var(--primary)}.tip-card:nth-child(2){border-top:4px solid var(--green)}.tip-card:nth-child(3){border-top:4px solid var(--accent)}.tip-card:nth-child(4){border-top:4px solid var(--blue)}.tip-card:nth-child(5){border-top:4px solid var(--pink)}.tip-card:nth-child(6){border-top:4px solid var(--yellow)}.tip-icon{font-size:2rem;margin-bottom:.5rem}.tip-title{font-size:1.1rem;font-weight:700}.tip-desc{margin-top:.5rem;color:var(--text-muted);font-size:.95rem;line-height:1.5}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.story-card{background:var(--bg-card);border-radius:var(--radius);padding:1.75rem 1.5rem;box-shadow:var(--shadow);text-align:center;border-bottom:4px solid var(--accent)}.story-card:nth-child(2){border-bottom-color:var(--pink)}.story-card:nth-child(3){border-bottom-color:var(--green)}.story-emoji{font-size:2.5rem;display:block;margin-bottom:.5rem}.story-name{font-size:1.25rem;font-weight:800}.story-age{display:inline-block;background:var(--primary-light);color:var(--primary);font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;margin:.3rem 0 .75rem}.story-text{color:var(--text-muted);font-size:.95rem;line-height:1.6}.challenge-card{background:linear-gradient(135deg,var(--yellow-light),#fff8e1);border:2px solid #ffe082;border-radius:var(--radius);padding:2rem;text-align:center;box-shadow:var(--shadow)}.challenge-text{font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:1.25rem;min-height:2.5rem}.challenge-btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.75rem;border-radius:999px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s,transform .15s}.challenge-btn:hover{background:#e65100;transform:scale(1.05)}.challenge-btn:active{transform:scale(.97)}.pledge-section{padding-bottom:1rem}.pledge-card{background:linear-gradient(135deg,var(--accent-light),#f3e5f5);border:2px solid #ce93d8;border-radius:var(--radius);padding:2.5rem 2rem;text-align:center;box-shadow:var(--shadow)}.pledge-title{font-size:1.5rem;font-weight:900;color:var(--accent);margin-bottom:1rem}.pledge-text{font-size:1.1rem;font-style:italic;line-height:1.8;color:var(--text);max-width:30rem;margin:0 auto 1.5rem;border:none}.pledge-sign{font-size:1rem;font-weight:600;color:var(--text-muted)}.footer{text-align:center;padding:2rem 0 1rem;color:var(--text-muted);font-size:.9rem}@media(max-width:600px){.hero{padding:2.5rem .5rem 2rem}.hero-title{font-size:2.2rem}.definition-card,.challenge-card,.pledge-card{padding:1.5rem 1rem}.tips-grid,.stories-grid{grid-template-columns:1fr}}