*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ff6b6b;--secondary: #4ecdc4;--accent: #ffe66d;--purple: #9b59b6;--dark: #1d3557;--light: #f1faee}body{font-family:Poppins,sans-serif;overflow-x:hidden;background:var(--light)}h1,h2,h3{font-family:Fredoka,sans-serif}.top-bar{background:var(--dark);color:#fff;padding:.7rem 0;font-size:.9rem}.top-bar-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:flex-end;gap:2rem}.top-bar-item{display:flex;align-items:center;gap:.5rem}.top-bar-item i{color:var(--accent)}nav{position:sticky;width:100%;top:0;z-index:1000;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:1rem 0}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:1rem}.logo-img{width:50px;height:50px;background:url(/static/images/logo2.jpg) center/cover;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.logo-img.has-image{color:transparent}.logo-text{font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:700;color:var(--primary)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--dark);text-decoration:none;font-weight:500;transition:color .3s;position:relative}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background:var(--primary);transition:width .3s}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--primary)}.cta-btn{background:var(--primary);color:#fff;padding:.8rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:transform .3s,box-shadow .3s}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff6b6b4d}.hero{min-height:85vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;display:flex;align-items:center}.hero:before{content:"";position:absolute;width:500px;height:500px;background:#ffffff1a;border-radius:50%;top:-200px;right:-200px;animation:float 6s ease-in-out infinite}.hero:after{content:"";position:absolute;width:300px;height:300px;background:#ffffff1a;border-radius:50%;bottom:-100px;left:-100px;animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-content{max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-text h1{font-size:3.5rem;color:#fff;margin-bottom:1rem;line-height:1.2}.hero-text p{font-size:1.2rem;color:#ffffffe6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.btn-primary{background:#fff;color:var(--primary);padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;transition:transform .3s,box-shadow .3s;display:inline-block}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.btn-secondary{background:#fff3;color:#fff;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid white;transition:all .3s}.btn-secondary:hover{background:#fff;color:var(--primary)}.hero-image-placeholder{width:100%;height:450px;background:url(/static/images/hero.png) center/cover;background-color:#ffffff26;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1rem}.hero-image-placeholder.has-image{border:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent}.hero-image-placeholder.has-image i,.hero-image-placeholder.has-image p{display:none}.courses{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.8rem;color:var(--dark);margin-bottom:.5rem}.section-subtitle{text-align:center;font-size:1.1rem;color:#666;margin-bottom:3rem}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.course-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:transform .3s,box-shadow .3s;cursor:pointer}.course-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0003}.course-image{width:100%;height:180px;background-color:#ddd;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.9rem;color:#666}.course-image.has-image i,.course-image.has-image p{display:none}.course-image i{font-size:3rem;margin-bottom:.5rem;color:#999}.course-content{padding:1.5rem}.course-content h3{font-size:1.5rem;color:var(--dark);margin-bottom:.8rem}.course-content p{color:#666;line-height:1.6;margin-bottom:1rem}.age-badge{display:inline-block;background:var(--secondary);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.testimonials{background:#ffa07a;padding:5rem 2rem;overflow:hidden}.testimonials-container{max-width:1200px;margin:0 auto}.testimonials-slider{display:flex;gap:2rem;animation:slide 25s linear infinite}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonials-slider:hover{animation-play-state:paused}.testimonial-card{min-width:380px;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;position:relative}.quote-icon{font-size:2.5rem;color:var(--primary);opacity:.2;position:absolute;top:1rem;right:1.5rem}.testimonial-text{font-style:italic;color:#555;line-height:1.7;margin-bottom:1.2rem;font-size:.95rem}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-image{width:50px;height:50px;border-radius:50%;background-color:var(--secondary);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:1.3rem;overflow:hidden}.author-image.has-image{font-size:0}.author-info h4{color:var(--dark);font-size:1rem;margin-bottom:.2rem}.author-info p{color:#888;font-size:.85rem}.about{padding:5rem 2rem;max-width:1200px;margin:0 auto}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{font-size:2.5rem;color:var(--dark);margin-bottom:1rem}.about-text p{font-size:1rem;color:#666;line-height:1.8;margin-bottom:1rem}.about-image-placeholder{width:100%;height:350px;background:url(/static/images/about.jpeg) center/cover;background-color:#ddd;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.about-image-placeholder.has-image i,.about-image-placeholder.has-image p{display:none}.about-image-placeholder i{font-size:4rem;margin-bottom:1rem;color:#999}.activities{background:#87ceeb;padding:5rem 2rem}.activities-container{max-width:1200px;margin:0 auto}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.activity-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:transform .3s}.activity-card:hover{transform:translateY(-10px)}.activity-image{width:100%;height:160px;background-color:#ddd;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;font-size:.85rem}.activity-image.has-image i,.activity-image.has-image p{display:none}.activity-image i{font-size:2.5rem;margin-bottom:.5rem;color:#999}.activity-content{padding:1.5rem}.activity-date{color:var(--primary);font-weight:600;font-size:.85rem;margin-bottom:.5rem}.activity-content h3{color:var(--dark);margin-bottom:.6rem;font-size:1.3rem}.activity-content p{color:#666;line-height:1.6;font-size:.9rem}.contact{padding:5rem 2rem;max-width:1000px;margin:0 auto}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a}.contact-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.8rem}.contact-icon{font-size:1.5rem;color:var(--primary);width:40px}.contact-details h4{color:var(--dark);margin-bottom:.3rem;font-size:1rem}.contact-details p{color:#666;font-size:.9rem;line-height:1.5}.contact-form{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a}.careers{background:#98d8c8;padding:5rem 2rem}.careers-container{max-width:800px;margin:0 auto;text-align:center}.careers-content{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-top:2rem}.careers-content h3{color:var(--dark);font-size:1.8rem;margin-bottom:1rem}.careers-content p{color:#666;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.email-link{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1rem;transition:transform .3s,box-shadow .3s}.email-link:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff6b6b66}.enrollment{background:#e056fd;padding:5rem 2rem}.enrollment-container{max-width:700px;margin:0 auto;background:#fff;border-radius:30px;padding:2.5rem;box-shadow:0 20px 60px #0000004d}.enrollment-container h2{text-align:center;font-size:2.2rem;color:var(--dark);margin-bottom:1.5rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-weight:600;color:var(--dark);margin-bottom:.4rem;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.9rem;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;font-family:Poppins,sans-serif;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.submit-btn{width:100%;background:var(--primary);color:#fff;padding:1rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff6b6b66}.donations{padding:5rem 2rem;background:var(--light)}.donations-container{max-width:800px;margin:0 auto}.donation-options{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.donation-type{background:#fff;padding:1.5rem;border-radius:20px;border:3px solid transparent;cursor:pointer;transition:all .3s;text-align:center}.donation-type:hover,.donation-type.active{border-color:var(--primary);box-shadow:0 10px 30px #ff6b6b33}.donation-type h3{font-size:1.5rem;margin-bottom:.5rem}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.amount-btn{padding:1.2rem;border:2px solid #e0e0e0;border-radius:15px;background:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;transition:all .3s}.amount-btn:hover,.amount-btn.active{border-color:var(--secondary);background:var(--secondary);color:#fff}.success-message{display:none;background:#4caf50;color:#fff;padding:1rem;border-radius:10px;text-align:center;margin-top:1rem}.success-message.show{display:block}footer{background:var(--dark);color:#fff;padding:3rem 2rem 1.5rem}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.footer-about h3{font-size:1.8rem;margin-bottom:.8rem;color:var(--primary)}.footer-about p{color:#ffffffb3;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.footer-section h4{font-size:1.1rem;margin-bottom:1rem;color:var(--accent)}.footer-links{list-style:none}.footer-links li{margin-bottom:.6rem}.footer-links a{color:#ffffffb3;text-decoration:none;transition:color .3s;font-size:.9rem}.footer-links a:hover{color:#fff}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-icon{width:38px;height:38px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.1rem;transition:all .3s;color:#fff}.social-icon:hover{background:var(--primary);transform:translateY(-3px)}.footer-bottom{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#ffffff80;font-size:.9rem}@media(max-width:768px){.top-bar-container{flex-direction:column;gap:.5rem;align-items:center}.hero-content{grid-template-columns:1fr}.hero-text h1{font-size:2.5rem}.nav-links{display:none}.donation-options,.footer-content,.about-content,.contact-content{grid-template-columns:1fr}}