@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--warning-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--fun-gradient: linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%);--shadow-sm: 0 2px 8px rgba(102, 126, 234, .1);--shadow-md: 0 8px 20px rgba(102, 126, 234, .15);--shadow-lg: 0 15px 40px rgba(102, 126, 234, .2);--shadow-xl: 0 20px 60px rgba(102, 126, 234, .25)}body{font-family:Poppins,sans-serif;line-height:1.6;color:#333;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);overflow-x:hidden}.App{min-height:100vh;animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{background:var(--primary-gradient);padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{font-size:1.8rem;font-weight:800;color:#fff;text-decoration:none;font-family:Space Grotesk,sans-serif;letter-spacing:-.5px;position:relative;transition:all .3s ease;padding-right:2.5rem;display:inline-block}.logo:hover{transform:scale(1.05) rotate(-2deg);text-shadow:0 5px 15px rgba(0,0,0,.2)}.logo:after{content:"💻";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.3rem;animation:bounce 2s infinite}.logo-img{height:32px;width:auto;vertical-align:middle;margin-right:12px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.12))}.logo-text{display:inline-block;vertical-align:middle;font-size:1.25rem;font-weight:700;color:#fff}.logo:after{display:none}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.nav-menu{display:flex;list-style:none;gap:1rem;align-items:center}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:transform .25s ease,color .25s ease;padding:.6rem .95rem;border-radius:24px;position:relative;overflow:hidden;white-space:nowrap;font-size:.95rem;display:inline-block}.powder-animation{animation:powder-explode 1.1s cubic-bezier(.68,-.55,.27,1.55);position:relative;z-index:999}.nav-link:before{content:"";position:absolute;inset:0;transform:translate(-110%);width:100%;height:100%;background:#ffffff24;transition:transform .32s cubic-bezier(.22,1,.36,1);z-index:-1;border-radius:inherit}.nav-link:hover:before,.nav-link.active:before{transform:translate(0)}.nav-link:hover,.nav-link.active{transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;cursor:pointer;transition:transform .3s ease}.hamburger:hover{transform:scale(1.1)}.bar{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s;border-radius:3px}.hero{background:var(--primary-gradient);color:#fff;padding:0;text-align:center;margin-top:80px;position:relative;overflow:hidden;min-height:600px;height:80vh}.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;display:flex;align-items:center;justify-content:center}.hero-slide.active{opacity:1;z-index:1}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:2;padding:0 2rem;animation:fadeInUp .8s ease-out}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffff4d;border:none;border-radius:50%;width:50px;height:50px;font-size:2rem;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.slider-arrow:hover{background:#ffffff80;transform:translateY(-50%) scale(1.1)}.slider-arrow-left{left:2rem}.slider-arrow-right{right:2rem}.slider-dots{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:.8rem}.slider-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.slider-dot:hover{background:#ffffff80;transform:scale(1.2)}.slider-dot.active{background:#fff;transform:scale(1.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:3.5rem;margin-bottom:1rem;font-weight:800;text-shadow:0 5px 15px rgba(0,0,0,.2);font-family:Space Grotesk,sans-serif;line-height:1.2}.hero p{font-size:1.2rem;margin-bottom:2rem;opacity:.95;line-height:1.8;text-shadow:0 2px 8px rgba(0,0,0,.1)}.cta-button{background:var(--secondary-gradient);color:#fff;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 10px 30px #ff6b6b66;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-button:hover:before{width:300px;height:300px}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #ff6b6b80}.cta-button:active{transform:translateY(-1px) scale(.98)}.courses{padding:5rem 2rem;background:linear-gradient(to bottom,#fff,#f8f9fa);position:relative}.section-title{text-align:center;font-size:3rem;margin-bottom:1rem;color:#333;font-weight:800;font-family:Space Grotesk,sans-serif;position:relative;display:inline-block;left:50%;transform:translate(-50%);animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--primary-gradient);border-radius:2px;animation:expandWidth .8s ease-out .3s backwards}@keyframes expandWidth{0%{width:0}to{width:80px}}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1200px;margin:3rem auto 0}.course-card{background:#fff;border-radius:20px;padding:2rem;text-align:center;box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:fadeInScale .5s ease-out backwards;animation-delay:calc(var(--card-index, 0) * .1s)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.course-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--fun-gradient);opacity:0;transition:opacity .3s ease;z-index:0}.course-header{position:relative;margin-bottom:1rem;z-index:1}.course-student-image{position:absolute;top:-10px;right:-10px;width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid #667eea;background:#fff;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.course-card:hover:before{opacity:.05}.course-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:var(--shadow-xl);border-color:#667eea}.course-card:hover .course-student-image{transform:scale(1.2) rotate(5deg);box-shadow:0 8px 20px #667eea66}.course-card:hover .course-icon{transform:scale(1.2) rotate(10deg)}.course-card>*:not(.course-header){margin-bottom:1rem;position:relative;z-index:1}.course-card>*:last-child{margin-bottom:0;margin-top:auto}.course-icon{font-size:3.5rem;margin-bottom:1rem;display:inline-block;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.course-title{font-size:1.5rem;margin-bottom:1rem;color:#333;font-weight:700;font-family:Space Grotesk,sans-serif}.course-age{color:#667eea;font-weight:700;margin-bottom:1rem;display:inline-block;padding:.3rem 1rem;background:#667eea1a;border-radius:20px;font-size:.9rem}.course-description{color:#666;margin-bottom:1.5rem;line-height:1.7}.course-button{background:var(--primary-gradient);color:#fff;padding:.9rem 1.8rem;border:none;border-radius:30px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;position:relative;overflow:hidden}.course-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .5s,height .5s}.course-button:hover:before{width:300px;height:300px}.course-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.features{padding:5rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative;overflow:hidden}.features:before{content:"✨";position:absolute;top:10%;right:5%;font-size:5rem;opacity:.1;animation:rotate 20s linear infinite}.features:after{content:"🚀";position:absolute;bottom:10%;left:5%;font-size:5rem;opacity:.1;animation:rotate 15s linear infinite reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;max-width:1200px;margin:3rem auto 0}.feature-card{background:#fff;padding:2.5rem;border-radius:20px;text-align:center;box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;animation:fadeInScale .6s ease-out backwards;animation-delay:calc(var(--card-index, 0) * .1s)}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#fff,#f8f9ff)}.feature-card:hover .feature-icon{transform:scale(1.2) rotateY(360deg)}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:inline-block;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.feature-title{font-size:1.4rem;margin-bottom:1rem;color:#333;font-weight:700;font-family:Space Grotesk,sans-serif}.feature-description{color:#666;line-height:1.7}.testimonials{padding:5rem 2rem;background:linear-gradient(to bottom,#fff,#f8f9fa);position:relative}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;max-width:1200px;margin:3rem auto 0}.testimonial-card{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:var(--shadow-md);position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent;animation:fadeInScale .6s ease-out backwards;animation-delay:calc(var(--card-index, 0) * .1s)}.testimonial-card:before{content:'"';position:absolute;top:-20px;left:20px;font-size:6rem;color:#667eea;opacity:.1;font-family:Georgia,serif;line-height:1}.testimonial-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-xl);border-color:#667eea;background:linear-gradient(135deg,#fff,#f8f9ff)}.testimonial-images{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.student-image,.parent-image{width:70px;height:70px;border-radius:50%;object-fit:cover;border:4px solid #667eea;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease}.testimonial-card:hover .student-image,.testimonial-card:hover .parent-image{transform:scale(1.1);border-color:#764ba2}.testimonial-card:hover .student-image{animation:wiggle .5s ease}@keyframes wiggle{0%,to{transform:rotate(0) scale(1.1)}25%{transform:rotate(-5deg) scale(1.1)}75%{transform:rotate(5deg) scale(1.1)}}.placeholder-avatar{width:70px;height:70px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:1.8rem;background:#e0e0e0;border:4px solid #667eea}.student-placeholder{background:var(--primary-gradient);color:#fff}.parent-placeholder{background:var(--secondary-gradient);color:#fff}.testimonial-text{font-style:italic;margin-bottom:1.5rem;color:#555;font-size:1.05rem;line-height:1.8;position:relative}.testimonial-author{font-weight:700;color:#333;font-size:1.1rem;margin-bottom:.3rem}.testimonial-role{color:#667eea;font-size:.95rem;font-weight:600}.contact{padding:5rem 2rem;background:var(--primary-gradient);color:#fff;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 15s ease-in-out infinite}.contact-container{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1;animation:fadeInUp .8s ease-out}.contact h2{font-size:3rem;margin-bottom:1rem;font-weight:800;font-family:Space Grotesk,sans-serif;text-shadow:0 4px 12px rgba(0,0,0,.2)}.contact p{font-size:1.1rem;margin-bottom:2rem;opacity:.95}.contact-form{display:grid;gap:1.2rem;max-width:500px;margin:0 auto}.form-input{padding:1.2rem;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;background:#fffffff2}.form-input:focus{outline:none;transform:translateY(-2px);box-shadow:0 8px 20px #00000026;background:#fff}.form-textarea{min-height:140px;resize:vertical;font-family:Poppins,sans-serif}.submit-button{background:var(--secondary-gradient);color:#fff;padding:1.2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #f5576c66;position:relative;overflow:hidden}.submit-button:before{content:"✨";position:absolute;top:50%;left:-30px;transform:translateY(-50%);font-size:1.2rem;transition:left .3s ease}.submit-button:hover:before{left:20px}.submit-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #f5576c80}.submit-button:active{transform:translateY(-1px) scale(.98)}.footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;text-align:left}.footer-section h3{margin-bottom:1rem;color:#667eea;font-weight:700;font-family:Space Grotesk,sans-serif;font-size:1.2rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.7rem;display:flex;align-items:center;line-height:1.4}.footer-section:last-child .footer-links li{align-items:center}.footer-section:last-child .footer-links li span:first-child{display:inline-flex;align-items:center;justify-content:center;min-width:1.5em;margin-right:.5rem;font-size:1.1em;line-height:1;vertical-align:middle}.footer-links a{color:#ccc;text-decoration:none;transition:all .3s ease;display:inline-block;position:relative}.footer-links a:before{content:"→";position:absolute;left:-20px;opacity:0;transition:all .3s ease}.footer-links a:hover:before{left:-15px;opacity:1}.footer-links a:hover{color:#fff;transform:translate(5px)}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-icon{font-size:1.8rem;color:#ccc;transition:all .3s ease;display:inline-block}.social-icon:hover{color:#667eea;transform:translateY(-5px) scale(1.2)}.copyright{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#aaa;font-size:.9rem}.student-image-placeholder:before{content:"👨‍🎓";font-size:2rem}.hero-placeholder,.course-placeholder-avatar,.placeholder-avatar{display:flex;align-items:center;justify-content:center;font-size:1.8rem}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:fadeInUp .6s ease-out}@media(max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:var(--primary-gradient);width:100%;text-align:center;transition:.4s cubic-bezier(.68,-.55,.265,1.55);padding:2rem 0;gap:.5rem;box-shadow:0 10px 30px #0000004d}.nav-menu.active{left:0}.hamburger{display:flex}.hero{padding:0;min-height:500px;height:70vh}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.slider-arrow{width:40px;height:40px;font-size:1.5rem}.slider-arrow-left{left:1rem}.slider-arrow-right{right:1rem}.slider-dots{bottom:1.5rem;gap:.6rem}.slider-dot{width:10px;height:10px}.section-title{font-size:2.2rem}.courses-grid,.features-grid,.testimonials-grid{grid-template-columns:1fr;gap:2rem}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links a:before{display:none}.social-links{justify-content:center}}@media(max-width:480px){.hero{padding:0;min-height:400px;height:60vh}.hero h1{font-size:1.8rem}.hero p{font-size:.9rem}.hero-content{padding:0 1rem}.slider-arrow{width:35px;height:35px;font-size:1.3rem}.slider-arrow-left{left:.5rem}.slider-arrow-right{right:.5rem}.slider-dots{bottom:1rem;gap:.5rem}.slider-dot{width:8px;height:8px}.section-title{font-size:1.8rem}.course-card,.feature-card,.testimonial-card{padding:1.5rem}.logo:after{right:-25px;font-size:1rem}.contact h2{font-size:2.2rem}}html{scroll-behavior:smooth}::selection{background:#667eea;color:#fff}::-moz-selection{background:#667eea;color:#fff}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.course-icon:hover,.feature-icon:hover{animation:wobble .5s ease}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.scroll-top-btn{background:var(--primary-gradient)!important;border:none!important;color:#fff!important;cursor:pointer;margin-top:1rem;font-size:1.1rem!important;padding:.7rem 1.5rem;border-radius:25px;transition:all .3s ease;font-weight:600}.scroll-top-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea66}