*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-body);color:var(--text-primary);line-height:1.6;background:var(--bg-primary);overflow-x:hidden;padding-top:0;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:600;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-family-body);font-size:1rem;font-weight:500;text-decoration:none;border-radius:.5rem;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background:var(--brand-primary);color:var(--text-on-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--brand-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--bg-elevated);color:var(--brand-primary);border:2px solid var(--brand-primary)}.btn-secondary:hover{background:var(--brand-primary);color:var(--text-on-primary);transform:translateY(-2px)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.hero{padding:6rem 0 4rem;background:var(--brand-gradient);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}.hero-content{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero-title{font-size:3.5rem;margin-bottom:1.5rem;animation:fadeInUp .8s ease-out}.hero-highlight{display:block;color:var(--kid-yellow);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero-description{font-size:1.25rem;margin-bottom:2rem;opacity:.95;animation:fadeInUp .8s ease-out .2s both}.hero-cta{display:flex;gap:1rem;margin-bottom:2rem;animation:fadeInUp .8s ease-out .4s both;flex-wrap:wrap}.hero-stats{display:flex;gap:2rem;animation:fadeInUp .8s ease-out .6s both;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:500}.stat i{font-size:1.5rem;color:var(--kid-yellow)}.hero-illustration{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;padding:2rem;animation:fadeIn 1s ease-out .8s both}.hero-icon{font-size:6rem;opacity:.9;animation:float 3s ease-in-out infinite}.hero-icon:nth-child(1){animation-delay:0s;color:var(--kid-yellow)}.hero-icon:nth-child(2){animation-delay:.5s;color:var(--kid-blue)}.hero-icon:nth-child(3){animation-delay:1s;color:var(--kid-pink)}.hero-icon:nth-child(4){animation-delay:1.5s;color:var(--kid-green)}.section{padding:5rem 0}.section-title{font-size:2.5rem;text-align:center;margin-bottom:1rem;color:var(--text-primary)}.section-subtitle{font-size:1.25rem;text-align:center;color:var(--text-secondary);margin-bottom:3rem}.features-section{background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.feature-card{background:var(--bg-elevated);padding:2rem;border-radius:1rem;box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid var(--border-primary)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.feature-icon{width:4rem;height:4rem;background:var(--brand-gradient);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon i{font-size:2rem;color:var(--text-on-primary)}.feature-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.feature-description{color:var(--text-secondary);line-height:1.7}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.step{text-align:center;padding:2rem}.step-number{width:4rem;height:4rem;background:var(--brand-gradient);color:var(--text-on-primary);font-size:2rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:var(--shadow-lg)}.step-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.step-description{color:var(--text-secondary);line-height:1.7}.two-column{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.two-column.reverse{direction:rtl}.two-column.reverse>*{direction:ltr}.lead-text{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.benefits-list{list-style:none;margin-bottom:2rem}.benefit-item{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.benefit-item i{font-size:1.5rem;color:var(--color-success);flex-shrink:0;margin-top:.25rem}.benefit-item strong{color:var(--text-primary)}.mockup-container{background:var(--brand-gradient);border-radius:1rem;padding:3rem;text-align:center;box-shadow:var(--shadow-xl)}.mockup-icon{font-size:8rem;color:#fff;opacity:.9;margin-bottom:1rem}.mockup-text{color:#fff;font-size:1.25rem;font-weight:500}.for-parents-section,.topics-section{background:var(--bg-secondary)}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.topic-card{background:var(--bg-elevated);padding:2rem;border-radius:1rem;text-align:center;box-shadow:var(--shadow-md);transition:all .3s ease;border:2px solid transparent}.topic-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.topic-card.active{border-color:var(--brand-primary)}.topic-icon{font-size:3rem;margin-bottom:1rem;color:var(--brand-primary)}.topic-title{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.topic-badge{display:inline-block;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500}.topic-badge.available{background:var(--color-success);color:var(--text-on-success)}.topic-badge.coming-soon{background:var(--text-secondary);color:var(--bg-primary)}.cta-section{background:var(--brand-gradient);color:#fff;text-align:center}.cta-title{font-size:2.5rem;margin-bottom:1rem;color:#fff}.cta-description{font-size:1.25rem;margin-bottom:2rem;opacity:.95}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 968px){.container{padding:0 1.25rem}.hero-content{grid-template-columns:1fr;gap:2rem;padding:0 1.25rem}.hero-title{font-size:2.5rem}.hero-image{text-align:center}.hero-illustration{justify-content:center;margin:0 auto}.two-column{grid-template-columns:1fr;gap:2rem}.section-title{font-size:2rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 640px){.container{padding:0 1rem}.hero{padding:4rem 0 2rem}.hero-content{padding:0 1rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%;justify-content:center}.section{padding:3rem 0}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.features-grid,.steps-grid,.topics-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%;justify-content:center}}html{scroll-behavior:smooth}.btn:focus,a:focus{outline:2px solid var(--brand-primary);outline-offset:2px}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section.visible{opacity:1;transform:translateY(0)}