.floating-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.floating-shape{position:absolute;left:var(--shape-x);top:var(--shape-y);width:var(--shape-size);height:var(--shape-size);opacity:.12;animation:float-shape var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.shape-circle{border-radius:50%;background:var(--shape-color)}.shape-star{background:var(--shape-color);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.shape-triangle{background:var(--shape-color);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.shape-square{background:var(--shape-color);border-radius:4px;transform:rotate(15deg)}@keyframes float-shape{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-20px) rotate(5deg) scale(1.05)}50%{transform:translateY(-10px) rotate(-3deg) scale(.95)}75%{transform:translateY(-25px) rotate(3deg) scale(1.02)}}.floating-shapes-hero .floating-shape{opacity:.15}.floating-shapes-subtle .floating-shape{opacity:.08}@media(max-width:768px){.floating-shape{opacity:.08}.floating-shape:nth-child(n+7){display:none}}@media(prefers-reduced-motion:reduce){.floating-shape{animation:none}}.home{overflow-x:hidden}.hero{position:relative;padding:5rem 0 8rem;background:var(--color-bg-hero);overflow:hidden}.hero-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:2rem}.hero-text{flex:1;max-width:580px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--color-text)}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-success) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite}.hero-subtitle{font-size:1.25rem;color:var(--color-text-light);margin-bottom:2rem;line-height:1.7}.hero-subtitle strong{color:var(--color-success)}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-buttons .btn{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;padding:1rem 1.75rem}.hero-mascot{flex-shrink:0;z-index:2}.hero-wave{position:absolute;bottom:0;left:0;right:0;height:120px;z-index:1}.hero-wave svg{width:100%;height:100%}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.section-header-center{flex-direction:column;text-align:center}.section-mascot{flex-shrink:0}.section-title{font-size:2.25rem;margin-bottom:.25rem;color:var(--color-text)}.section-subtitle{font-size:1.1rem;color:var(--color-text-light);margin:0}.quick-access{padding:4rem 0;background:var(--color-card)}.quick-access-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.quick-access-group{text-align:center}.quick-access-label{display:inline-flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;color:var(--color-text);padding:.5rem 1rem;background:var(--color-bg);border-radius:var(--radius-full)}.label-icon{font-size:1.1rem}.level-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.level-button{display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.25rem;border-radius:var(--radius-xl);font-weight:700;font-size:.95rem;text-decoration:none;transition:all var(--transition-bounce);min-width:85px;border:3px solid transparent;position:relative;overflow:hidden}.level-icon{font-size:1.5rem;transition:transform var(--transition-bounce)}.level-name{font-weight:800}.level-button-primary{background:linear-gradient(135deg,#eff6ff,#f0fdf4);color:var(--color-primary)}.level-button-primary:hover{background:var(--color-primary);color:#fff;transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px #3b82f64d;border-color:var(--color-primary-light)}.level-button-primary:hover .level-icon{transform:scale(1.2) rotate(10deg)}.level-button-secondary{background:linear-gradient(135deg,#fff7ed,#faf5ff);color:var(--color-secondary)}.level-button-secondary:hover{background:var(--color-secondary);color:#fff;transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px #f973164d;border-color:var(--color-secondary-light)}.level-button-secondary:hover .level-icon{transform:scale(1.2) rotate(-10deg)}.features{padding:5rem 0;background:var(--color-bg)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:var(--color-card);border-radius:var(--radius-2xl);padding:2rem;text-align:center;border:3px solid var(--color-border-light);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--feature-color);transform:scaleX(0);transition:transform var(--transition-normal)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:var(--feature-color)}.feature-icon-wrapper{width:70px;height:70px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:var(--radius-xl);transition:all var(--transition-bounce)}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg);background:var(--color-bg-secondary)}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.feature-description{font-size:.95rem;color:var(--color-text-light);margin:0;line-height:1.6}.subjects-preview{padding:5rem 0;background:var(--color-card)}.subjects-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.subject-preview-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:var(--color-bg);border-radius:var(--radius-xl);border:3px solid var(--color-border-light);transition:all var(--transition-bounce);cursor:default;position:relative}.subject-preview-card:hover{border-color:var(--subject-color);background:var(--color-card);transform:translateY(-8px) rotate(2deg);box-shadow:0 15px 40px #0000001a}.subject-mascot{position:absolute;top:-15px;right:-10px;opacity:0;transform:scale(.8);transition:all var(--transition-bounce)}.subject-preview-card:hover .subject-mascot{opacity:1;transform:scale(1)}.subject-emoji{font-size:2.5rem;transition:transform var(--transition-bounce)}.subject-preview-card:hover .subject-emoji{transform:scale(1.2)}.subject-name{font-weight:700;color:var(--color-text);font-size:.95rem}.parents-cta{padding:5rem 0;background:linear-gradient(135deg,var(--color-bg) 0%,#F0FDF4 100%)}.parents-cta-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--color-card);border-radius:var(--radius-2xl);padding:3rem;box-shadow:var(--shadow-lg);border:2px solid var(--color-border-light)}.parents-cta-text{flex:1}.parents-cta-text h2{font-size:2rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.parents-cta-text p{font-size:1.1rem;color:var(--color-text-light);margin-bottom:1.5rem;line-height:1.7}.parents-cta-mascot{flex-shrink:0}.mission{padding:5rem 0;background:linear-gradient(135deg,#eff6ff,#f0fdf4);position:relative;overflow:hidden}.mission-content{display:flex;align-items:center;gap:2rem;max-width:900px;margin:0 auto;text-align:center;flex-direction:column;position:relative;z-index:1}.mission-text h3{font-size:1.75rem;margin-bottom:1rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center;gap:.5rem}.mission-text p{font-size:1.15rem;color:var(--color-text-light);line-height:1.7;margin-bottom:1rem}.mission-text strong{color:var(--color-success)}.mission-link{font-weight:700;color:var(--color-primary);font-size:1.1rem;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.25rem}.mission-link:hover{color:var(--color-primary-dark);gap:.5rem}@media(max-width:1024px){.hero-title{font-size:2.75rem}.hero-content{flex-direction:column;text-align:center}.hero-text{max-width:100%}.hero-buttons{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}.subjects-grid{grid-template-columns:repeat(3,1fr)}.parents-cta-content{flex-direction:column;text-align:center}}@media(max-width:768px){.hero{padding:3rem 0 6rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%;justify-content:center}.section-header{flex-direction:column;text-align:center}.quick-access-grid{grid-template-columns:1fr;gap:2.5rem}.level-button{min-width:75px;padding:.875rem 1rem}.features-grid{grid-template-columns:1fr}.subjects-grid{grid-template-columns:repeat(2,1fr)}.parents-cta-content{padding:2rem}.section-title{font-size:1.75rem}.mission-content{padding:0 1rem}}@media(max-width:480px){.hero-title{font-size:1.875rem}.level-buttons{gap:.5rem}.level-button{min-width:65px;padding:.75rem .875rem}.level-icon{font-size:1.25rem}.level-name{font-size:.85rem}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}