:root{--text:#333;--background:#fff;color:var(--text);background-color:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;font-weight:400;line-height:1.5}html,body{scroll-behavior:smooth;width:100%;min-height:100%;overflow-x:hidden}body{color:#333;background:#fff;margin:0;font-family:Poppins,sans-serif}#root{width:100%;min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}ul,ol{list-style:none}section{width:100%}body{font-family:Poppins,sans-serif}.header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fef6ff,#eef9ff,#fff8e7,#f0fff4);justify-content:space-between;align-items:center;width:100%;padding:12px 5%;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a}.logo-section{align-items:center;gap:12px;display:flex}.logo{object-fit:contain;image-rendering:auto;border:3px solid #fff;border-radius:50%;width:60px;height:60px;transition:transform .4s;box-shadow:0 4px 15px #00000026}.logo:hover{transform:scale(1.08)}.header h2{color:#0000;-webkit-text-fill-color:transparent;white-space:nowrap;background:linear-gradient(90deg,#1e40af,#7c3aed);-webkit-background-clip:text;background-clip:text;font-family:Comic Sans MS,"Baloo 2",Poppins;font-size:26px;font-weight:800;transition:all .3s}.header h2:hover{transform:scale(1.03)}nav{align-items:center;gap:14px;display:flex}nav a{color:#222;background:#fffc;border-radius:40px;padding:10px 18px;font-family:Comic Sans MS,"Baloo 2",Poppins;font-size:15px;font-weight:700;text-decoration:none;transition:all .35s;box-shadow:0 3px 10px #0000000f}nav a:hover{color:#fff;background:linear-gradient(135deg,#6a11cb,#2575fc);transform:translateY(-3px);box-shadow:0 8px 20px #2575fc4d}@media (width<=992px){.header{flex-direction:column;gap:12px;padding:12px 20px}.logo-section{text-align:center;justify-content:center}.header h2{text-align:center;white-space:normal;font-size:24px;line-height:1.2}nav{flex-wrap:wrap;justify-content:center;gap:10px;width:100%}nav a{padding:9px 16px;font-size:14px}}@media (width<=600px){.header{gap:10px;padding:10px 12px}.logo-section{flex-direction:row;justify-content:center;align-items:center;gap:10px}.logo{width:45px;height:45px}.header h2{text-align:center;white-space:normal;font-size:18px;line-height:1.2}nav{flex-wrap:wrap;justify-content:center;gap:8px;width:100%}nav a{flex:unset;border-radius:12px;padding:8px 14px;font-size:13px}}@media (width<=400px){.header{padding:8px 10px}.logo{width:40px;height:40px}.header h2{font-size:16px}nav{gap:6px}nav a{padding:7px 10px;font-size:12px}}body{background:#fff;font-family:Poppins,sans-serif;overflow-x:hidden}.hero-section{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;align-items:center;width:100%;min-height:100vh;padding:0 8%;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:1;position:absolute;inset:0}.hero-content{z-index:2;max-width:650px;padding:40px 20px;position:relative}.top-text{letter-spacing:6px;color:#000;text-transform:uppercase;margin-bottom:20px;font-size:14px;font-weight:700}.hero-content h1{color:#111;margin-bottom:28px;font-size:82px;font-weight:900;line-height:1.05}.hero-content h1 span{color:red}.description{color:#000;max-width:560px;font-size:22px;font-weight:500;line-height:1.8;font-style:bold;border-radius:16px;margin-bottom:35px;padding:14px 18px}.hero-content button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff914d,#ff5e62);border:none;border-radius:50px;padding:16px 38px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 10px 20px #ff6b6b40}.hero-content button:hover{transform:translateY(-3px);box-shadow:0 14px 28px #ff6b6b59}.cards-section{text-align:center;background:linear-gradient(135deg,#fff1f2,#fef3c7,#dbeafe,#dcfce7,#ede9fe);padding:90px 8%}.section-title{color:#333;margin-bottom:50px;font-size:38px;font-weight:700}.cards-container{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.card{background:#fff;border-radius:24px;width:320px;transition:all .35s;overflow:hidden;box-shadow:0 10px 30px #00000014}.card:hover{transform:translateY(-8px);box-shadow:0 16px 35px #0000001f}.card img{object-fit:cover;object-position:center;width:100%;height:220px;display:block}.card-text{padding:24px}.card-text h3{color:#222;margin-bottom:12px;font-size:22px}.card-text p{color:#666;font-size:15px;line-height:1.8}@media (width<=768px){.hero-section{background-position:50%;align-items:center;min-height:90vh;padding:120px 24px 70px}.hero-content{text-align:center;width:100%;max-width:100%}.top-text{letter-spacing:4px;margin-bottom:14px;font-size:11px}.hero-content h1{margin-bottom:22px;font-size:48px;line-height:1.15}.description{max-width:100%;margin:0 auto 28px;font-size:15px;line-height:1.8}.hero-content button{padding:14px 28px;font-size:14px}.cards-section{padding:70px 20px}.section-title{margin-bottom:35px;font-size:28px}.cards-container{flex-direction:column;align-items:center;gap:22px;display:flex}.card{width:100%;max-width:340px}.card img{object-fit:cover;object-position:center;height:200px}.card-text{padding:18px}.card-text h3{font-size:20px}.card-text p{font-size:14px;line-height:1.7}}@media (width<=480px){.hero-section{background-position:50%;min-height:85vh;padding:100px 18px 50px}.hero-content{text-align:center}.hero-content h1{font-size:38px;line-height:1.2}.description{padding:12px 14px;font-size:13px}.card{width:100%;max-width:100%}.card img{height:170px}}.programs-section{text-align:center;background:linear-gradient(135deg,#fff1f2,#fff,#dbeafe,#dcfce7,#ede9fe);padding:5px 8% 70px}.programs-section .section-title{color:orange;margin-bottom:30px;font-size:38px;font-weight:700}.programs-container{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.program-card{cursor:pointer;border-radius:18px;height:210px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 8px 22px #00000014}.program-card:hover{transform:translateY(-6px)}.program-card img{object-fit:cover;width:100%;height:100%;display:block}.program-overlay{background:linear-gradient(#00000026,#000000b3);justify-content:center;align-items:flex-end;padding-bottom:18px;display:flex;position:absolute;inset:0}.program-overlay h3{color:#fff;font-size:22px;font-weight:700}@media (width<=992px){.programs-container{grid-template-columns:repeat(2,1fr)}.program-card{height:200px}}@media (width<=576px){.programs-section{padding:25px 16px 50px}.programs-section .section-title{margin-bottom:22px;font-size:28px}.programs-container{grid-template-columns:repeat(2,1fr);gap:12px}.program-card{border-radius:14px;height:140px}.program-overlay{padding-bottom:10px}.program-overlay h3{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;overflow-x:hidden}.about-wrapper{background:linear-gradient(135deg,#fff8f0,#fef6ff,#eef9ff,#f0fff4);width:100%;padding:80px 8%;overflow:hidden}.about-hero{text-align:center;width:100%;margin-bottom:60px;padding:20px}.about-hero h1{color:#0000;-webkit-text-fill-color:transparent;word-break:break-word;background:linear-gradient(90deg,#a855f7,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-family:"Baloo 2",Comic Sans MS,cursive;font-size:52px;font-weight:800;line-height:1.2}.about-hero p{color:#5f6470;max-width:760px;margin:auto;font-size:18px;line-height:1.8}.about-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;display:grid}.about-card{text-align:center;color:#fff;border-radius:24px;padding:30px 25px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014}.about-card:before{content:"";background:#ffffff14;width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-60%;transform:rotate(25deg)}.about-card:hover:before{left:100%}.card-icon{z-index:2;margin-bottom:16px;font-size:48px;position:relative}.about-card h2{z-index:2;margin-bottom:12px;font-size:24px;font-weight:700;position:relative}.about-card p{opacity:.96;z-index:2;font-size:15px;line-height:1.7;position:relative}.mission{background:linear-gradient(135deg,#ff7eb3,#ff758c)}.vision{background:linear-gradient(135deg,#6a11cb,#2575fc)}.facility{background:linear-gradient(135deg,#43e97b,#38f9d7)}.teacher{color:#2b2b2b;background:linear-gradient(135deg,#ffb347,#fc3)}.safety{background:linear-gradient(135deg,#36d1dc,#5b86e5)}.about-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 18px 45px #00000026}@media (width<=992px){.about-wrapper{padding:70px 6%}.about-hero h1{font-size:42px}.about-hero p{font-size:17px}}@media (width<=600px){.about-wrapper{padding:60px 5%}.about-hero{margin-bottom:40px;padding:10px}.about-hero h1{margin-bottom:12px;font-size:32px;line-height:1.3}.about-hero p{font-size:15px;line-height:1.7}.about-grid{gap:20px}.about-card{border-radius:20px;padding:24px 20px}.card-icon{font-size:40px}.about-card h2{font-size:20px}.about-card p{font-size:14px}}@media (width<=400px){.about-wrapper{padding:50px 4%}.about-hero h1{font-size:26px}.about-hero p{font-size:14px}.about-card{padding:20px 16px}.about-card h2{font-size:18px}.about-card p{font-size:13px}}.contact-page{background:linear-gradient(135deg,#fff1f2,#fef3c7,#dbeafe,#dcfce7,#ede9fe);width:100%;min-height:100vh;padding:80px 8%;font-family:Poppins,sans-serif}.contact-header{text-align:center;margin-bottom:60px}.contact-tag{color:#ff6b6b;letter-spacing:2px;margin-bottom:12px;font-size:15px;font-weight:700}.contact-header h1{color:#1e3a8a;margin-bottom:18px;font-size:48px;line-height:1.2}.contact-subtext{color:#555;max-width:700px;margin:auto;font-size:17px;line-height:1.7}.contact-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.contact-card{text-align:center;background:#fff;border-radius:24px;padding:35px 25px;transition:all .4s;overflow:hidden;box-shadow:0 10px 25px #00000014}.contact-card:hover{transform:translateY(-8px);box-shadow:0 18px 35px #0000001f}.icon-box{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;margin:auto auto 20px;font-size:28px;display:flex}.whatsapp{background:linear-gradient(135deg,#16a34a,#4ade80)}.insta{background:linear-gradient(135deg,#e1306c,#f77737)}.mail{background:linear-gradient(135deg,#9333ea,#c084fc)}.address{background:linear-gradient(135deg,#f97316,#fb923c)}.contact-card h3{color:#1e3a8a;margin-bottom:12px;font-size:22px}.contact-card p{color:#555;overflow-wrap:break-word;word-break:break-word;font-size:14px;line-height:1.7}.address-card{grid-column:span 2}.map-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:50px;margin-top:20px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.map-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #2563eb40}@media (width<=768px){.contact-page{padding:60px 5%}.contact-header{margin-bottom:40px}.contact-header h1{font-size:34px}.contact-subtext{font-size:15px}.contact-container{grid-template-columns:1fr;gap:22px}.contact-card{padding:28px 20px}.contact-card h3{font-size:20px}.contact-card p{font-size:14px}.icon-box{width:65px;height:65px;font-size:24px}.address-card{grid-column:span 1}.map-btn{width:100%;padding:13px 18px}}@media (width<=480px){.contact-page{padding:50px 16px}.contact-tag{letter-spacing:1px;font-size:13px}.contact-header h1{font-size:28px}.contact-subtext{font-size:14px;line-height:1.6}.contact-container{gap:18px}.contact-card{border-radius:20px;padding:24px 16px}.contact-card h3{font-size:18px}.contact-card p{font-size:13px;line-height:1.6}.icon-box{width:58px;height:58px;margin-bottom:16px;font-size:22px}.map-btn{width:100%;padding:12px;font-size:13px}}.google-form-section{text-align:center;background:#fff;border-radius:24px;margin-top:60px;padding:40px;box-shadow:0 10px 25px #00000014}.google-form-section h2{color:#1e3a8a;margin-bottom:10px}.google-form-section p{color:#666;margin-bottom:25px}.apply-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:50px;padding:14px 30px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.apply-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #2563eb4d}.gallery-section{background:linear-gradient(135deg,#fffaf0,#fef3c7);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:4px 20px;display:flex;overflow:hidden}.gallery-title{text-align:center;color:#0000;-webkit-text-fill-color:transparent;letter-spacing:-.03em;background:#f9c74f;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2rem;font-weight:800;line-height:1.15}.gallery-description{text-align:center;color:#555;max-width:700px;margin-top:10px;margin-bottom:50px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.05rem;line-height:1.8}.gallery-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:50px;align-items:center;gap:10px;margin-top:10px;padding:14px 32px;font-size:.95rem;font-weight:700;transition:all .35s;display:flex;box-shadow:0 10px 25px #2575fc40}.gallery-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 16px 35px #2575fc59}.gallery-container{flex-wrap:nowrap;justify-content:center;align-items:center;gap:22px;width:100%;max-width:1350px;margin-top:50px;display:flex}.gallery-item{background:#fff;border-radius:24px;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000014,0 4px 10px #0000000a}.gallery-item:hover{transform:translateY(-10px)scale(1.04)}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:all .5s}.gallery-item:hover img{transform:scale(1.08)}.gallery-caption{color:#fff;text-align:center;letter-spacing:.5px;opacity:0;background:linear-gradient(#0000000d,#000000c7);width:100%;padding:12px 10px;font-size:.95rem;font-weight:600;transition:all .35s;position:absolute;bottom:0;left:0}.gallery-item:hover .gallery-caption{opacity:1}.gallery-item:first-child,.gallery-item:nth-child(7){width:75px;height:75px}.gallery-item:nth-child(2),.gallery-item:nth-child(6){width:130px;height:130px}.gallery-item:nth-child(3),.gallery-item:nth-child(5){width:180px;height:180px}.gallery-item.center-item{border-radius:30px;width:240px;height:380px;box-shadow:0 25px 50px #00000026,0 10px 20px #00000014}@media (width<=992px){.gallery-title{font-size:2.8rem}.gallery-container{gap:16px}.gallery-item:nth-child(3),.gallery-item:nth-child(5){width:140px;height:140px}.gallery-item.center-item{width:190px;height:300px}}@media (width<=768px){.gallery-section{padding:70px 15px}.gallery-title{font-family:"Baloo 2",Comic Sans MS}.gallery-description{text-align:center;color:#5a5a5a;letter-spacing:.3px;max-width:700px;margin-top:40px;margin-bottom:50px;font-family:Comic Sans MS,"Baloo 2",Poppins;font-size:1.1rem;font-weight:500;line-height:1.9}.gallery-container{flex-wrap:wrap;gap:14px}.gallery-item:first-child,.gallery-item:nth-child(7){width:60px;height:60px}.gallery-item:nth-child(2),.gallery-item:nth-child(6){width:85px;height:85px}.gallery-item:nth-child(3),.gallery-item:nth-child(5){width:110px;height:110px}.gallery-item.center-item{width:170px;height:260px}.gallery-btn{padding:12px 24px;font-size:.9rem}.gallery-caption{opacity:1;padding:8px;font-size:.8rem}}@media (width<=480px){.gallery-title{font-size:1.7rem}.gallery-description{font-size:.9rem}.gallery-container{gap:10px}.gallery-item.center-item{width:150px;height:220px}}.playzone-section{background:url(/playzonebg.png) 50%/cover no-repeat;flex-direction:column;align-items:center;width:100%;padding:70px 5%;display:flex;overflow:hidden}.playzone-title{color:#ff4500;text-align:center;margin-bottom:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2.4rem;font-weight:800}.playzone-container{grid-template-columns:repeat(4,1fr);gap:18px;width:100%;max-width:1100px;display:grid}.playzone-card{cursor:pointer;background:#fff;border-radius:18px;transition:all .35s;overflow:hidden;box-shadow:0 8px 20px #00000014,0 3px 8px #0000000a}.playzone-card:hover{transform:translateY(-6px)}.playzone-card img{object-fit:cover;width:100%;height:130px;transition:all .4s;display:block}.playzone-card:hover img{transform:scale(1.05)}.playzone-content{padding:12px}.playzone-content h3{color:#222;margin-bottom:6px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700}.playzone-content p{color:#666;font-family:Poppins,sans-serif;font-size:.78rem;line-height:1.5}@media (width<=992px){.playzone-container{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.playzone-container{grid-template-columns:1fr}.playzone-card{align-items:center;display:flex}.playzone-card img{width:42%;height:120px}.playzone-content{width:58%}.playzone-title{font-size:1.7rem}}.events-section{background:linear-gradient(135deg,#fffaf0,#fff5dc);width:100%;padding:80px 0;overflow:hidden}.events-heading{text-align:center;margin-bottom:45px;padding:0 20px}.events-tag{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#ff9a44,#ff6b35);border-radius:30px;margin-bottom:12px;padding:7px 18px;font-size:.8rem;font-weight:700;display:inline-block}.events-heading h2{color:#ff4500;margin:10px 0 15px;font-size:2.8rem;font-weight:800;line-height:1.2}.events-heading p{color:#666;max-width:700px;margin:auto;font-size:1rem;line-height:1.8}.events-marquee{width:100%;margin:18px 0;overflow:hidden}.events-track{width:max-content;animation:28s linear infinite scrollLeft;display:flex}.events-marquee.reverse .events-track{animation:28s linear infinite scrollRight}.events-marquee:hover .events-track{animation-play-state:paused}.event-photo{background:#fff;border-radius:20px;flex-shrink:0;width:300px;height:210px;margin:0 12px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000001f}.event-photo:hover{transform:translateY(-8px)}.event-photo img{object-fit:contain;width:100%;height:100%;transition:transform .4s;display:block}.event-photo:hover img{transform:scale(1.08)}.event-caption{text-align:center;color:#fff;background:linear-gradient(#0000,#000000bf);padding:12px;font-size:.9rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (width<=992px){.events-section{padding:70px 0}.events-heading h2{font-size:2.3rem}.events-heading p{font-size:.95rem}.event-photo{width:240px;height:170px}.event-caption{font-size:.8rem}.events-track{animation-duration:24s}}@media (width<=768px){.events-section{padding:55px 0}.events-heading{margin-bottom:25px;padding:0 15px}.events-tag{padding:6px 14px;font-size:.7rem}.events-heading h2{font-size:1.9rem;line-height:1.3}.events-heading p{font-size:.9rem;line-height:1.6}.events-marquee{margin:12px 0}.event-photo{border-radius:16px;width:180px;height:130px;margin:0 6px}.event-caption{padding:7px;font-size:.72rem}.events-track{animation-duration:22s}}@media (width<=480px){.events-section{padding:45px 0}.events-heading h2{font-size:1.6rem}.events-heading p{padding:0 12px;font-size:.82rem}.event-photo{border-radius:14px;width:150px;height:110px;margin:0 5px}.event-caption{padding:5px;font-size:.65rem}.events-track{animation-duration:18s}}
