*,body{margin:0}*{box-sizing:border-box;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.fade-in{animation:fadeIn .5s ease-in}.loading{align-items:center;display:flex;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background:linear-gradient(90deg,#1e3c72,#2a5298);box-shadow:0 2px 4px #0000001a;font-size:1.2rem;height:80px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:999}.nav-container,.navbar{align-items:center;display:flex}.nav-container{justify-content:space-between;max-width:1200px;padding:0 20px;width:100%}.nav-logo{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-menu{display:flex;gap:2rem;list-style:none;text-align:center}.nav-link{align-items:center;border-radius:4px;color:#fff;display:flex;height:100%;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background-color:#ffffff1a;transform:translateY(-2px)}.nav-toggle{display:none}@media screen and (max-width:768px){.nav-menu{background:linear-gradient(90deg,#1e3c72,#2a5298);display:flex;flex-direction:column;gap:0;left:-100%;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{left:0;z-index:1}.nav-link{border-bottom:1px solid #ffffff1a;display:flex;justify-content:center;padding:1.5rem;width:100%}.nav-toggle{cursor:pointer;display:block}.bar{background-color:#fff;display:block;height:3px;margin:5px 0;transition:.3s;width:25px}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}.footer{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;margin-top:auto;padding:60px 0 20px}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.footer-section h3{color:#fff;font-size:1.8rem;margin-bottom:15px}.footer-section h4{border-bottom:2px solid #ffffff4d;color:#fff;font-size:1.2rem;margin-bottom:15px;padding-bottom:10px}.footer-section p{color:#ffffffe6;line-height:1.6;margin-bottom:10px}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#ffffffe6;display:inline-block;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#fff;transform:translateX(5px)}.footer-bottom{border-top:1px solid #fff3;padding-top:30px;text-align:center}.footer-bottom p{color:#fffc;margin:5px 0}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-links,.footer-section h4{text-align:left}}.hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:500px;overflow:hidden;position:relative;text-align:center}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fff' fill-opacity='.1' d='m0 192 48 5.3c48 5.7 144 15.7 240 32 96 15.7 192 37.7 288 21.4 96-15.7 192-69.7 288-69.4 96-.3 192 53.7 288 53.4 96 .3 192-53.7 240-80l48-26.7v192H0Z'/%3E%3C/svg%3E");background-size:cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{max-width:800px;padding:0 20px;position:relative;z-index:1}.hero-title{animation:fadeInUp 1s ease;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{animation:fadeInUp 1s ease .2s;animation-fill-mode:both;font-size:1.8rem;margin-bottom:1rem}.hero-description{animation:fadeInUp 1s ease .4s;animation-fill-mode:both;font-size:1.2rem;margin-bottom:2rem}.hero-button{animation:fadeInUp 1s ease .6s;animation-fill-mode:both;background:#fff;border:none;border-radius:50px;color:#667eea;cursor:pointer;font-size:1.1rem;padding:12px 30px;transition:all .3s ease}.hero-button:hover{box-shadow:0 10px 20px #0003;transform:translateY(-3px)}.info-section{background:#f8f9fa;padding:80px 0}.section-title{margin-bottom:2rem}.section-description{color:#666;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px;text-align:center}.features{background:#fff;padding:80px 0}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:50px}.feature-card{background:#fff;border-radius:10px;box-shadow:0 5px 15px #00000014;padding:40px 20px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{color:#333;font-size:1.5rem;margin-bottom:15px}.feature-card p{color:#666;line-height:1.6}.quick-info{background:#f8f9fa;padding:80px 0}.info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.info-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;justify-content:space-between;padding:20px}.info-label{color:#555;font-weight:700}.info-value{color:#667eea;font-weight:500}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0;text-align:center}.cta-section h2{font-size:2.5rem;margin-bottom:1rem}.cta-section p{font-size:1.2rem;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-button{border-radius:50px;display:inline-block;font-size:1.1rem;padding:15px 40px;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:#fff;color:#667eea}.cta-button.secondary{background:#0000;border:2px solid #fff;color:#fff}.cta-button:hover{box-shadow:0 10px 20px #0003;transform:translateY(-3px)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:1rem}.section-title{font-size:2rem}.features-grid,.info-grid{grid-template-columns:1fr}}.about-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0 60px;text-align:center}.about-header h1{animation:fadeInUp .8s ease;font-size:3rem;margin-bottom:1rem}.about-header p{animation:fadeInUp .8s ease .2s;animation-fill-mode:both;font-size:1.2rem}.school-profile{background:#f8f9fa;padding:80px 0}.profile-content{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:2fr 1fr}.profile-text h2{color:#333;font-size:2rem;margin-bottom:1.5rem}.profile-text p{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;text-align:justify}.profile-info-box{background:#fff;border-radius:10px;box-shadow:0 5px 15px #00000014;padding:30px}.profile-info-box h3{color:#667eea;font-size:1.5rem;margin-bottom:1.5rem}.profile-info-list{list-style:none;padding:0}.profile-info-list li{border-bottom:1px solid #eee;color:#666;font-size:1rem;padding:10px 0}.profile-info-list li:last-child{border-bottom:none}.profile-info-list strong{color:#333}.vision-mission{background:#fff;padding:80px 0}.vm-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:40px}.vm-card{background:linear-gradient(135deg,#f5f5f5,#fff);border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:40px;transition:transform .3s ease}.vm-card:hover{transform:translateY(-5px)}.vm-icon{font-size:3rem;margin-bottom:20px}.vm-card h2{color:#667eea;font-size:1.8rem;margin-bottom:1.5rem}.vm-card p{color:#666;font-size:1.1rem;font-style:italic;line-height:1.8}.vm-card ul{list-style:none;padding:0}.vm-card ul li{color:#666;line-height:1.6;padding:10px 0 10px 25px;position:relative}.vm-card ul li:before{color:#667eea;content:"✓";font-weight:700;left:0;position:absolute}.school-values{background:#f8f9fa;padding:80px 0}.section-title{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.values-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-item{background:#fff;border-radius:10px;padding:30px;text-align:center;transition:all .3s ease}.value-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.value-icon{font-size:3rem;margin-bottom:15px}.value-item h3{color:#333;font-size:1.3rem;margin-bottom:10px}.value-item p{color:#666;line-height:1.6}.school-history{background:#fff;padding:80px 0}.history-content{margin:0 auto;max-width:900px}.history-content p{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;text-align:justify}.facilities{background:#f8f9fa;padding:80px 0}.facilities-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:50px}.facility-card{background:#fff;border-radius:10px;box-shadow:0 5px 15px #00000014;padding:30px;text-align:center;transition:all .3s ease}.facility-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.facility-icon{display:block;font-size:3rem;margin-bottom:15px}.facility-card h3{color:#333;font-size:1.3rem;margin-bottom:10px}.facility-card p{color:#666;line-height:1.6}@media (max-width:768px){.about-header h1{font-size:2rem}.facilities-grid,.profile-content,.values-grid,.vm-grid{grid-template-columns:1fr}.section-title{font-size:2rem}}.gallery-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0 60px;text-align:center}.gallery-header h1{animation:fadeInUp .8s ease;font-size:3rem;margin-bottom:1rem}.gallery-header p{animation:fadeInUp .8s ease .2s;animation-fill-mode:both;font-size:1.2rem}.gallery-categories{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:40px 0}.category-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.category-btn{background:#fff;border:2px solid #667eea;border-radius:50px;color:#667eea;cursor:pointer;font-size:1rem;padding:10px 25px;transition:all .3s ease}.category-btn.active,.category-btn:hover{background:#667eea;box-shadow:0 5px 15px #667eea66;color:#fff;transform:translateY(-2px)}.gallery-grid-section{background:#fff;padding:80px 0}.gallery-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.gallery-item{border-radius:10px;box-shadow:0 5px 15px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.gallery-item:hover{box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.gallery-image-wrapper{height:250px;overflow:hidden;position:relative;width:100%}.gallery-image-wrapper img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-item:hover .gallery-image-wrapper img{transform:scale(1.1)}.gallery-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 0,#000000b3);bottom:0;display:flex;left:0;opacity:0;padding:20px;position:absolute;right:0;top:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.overlay-content h3{color:#fff;font-size:1.2rem;margin-bottom:5px}.overlay-content p{color:#fffc;font-size:.9rem}.modal{align-items:center;animation:fadeIn .3s ease;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:zoomIn .3s ease;max-height:90%;max-width:90%;position:relative}.modal-content img{border-radius:10px;display:block;height:auto;width:100%}.modal-caption{color:#fff;padding:20px;text-align:center}.modal-caption h3{font-size:1.5rem;margin:0}.close{color:#fff;cursor:pointer;font-size:40px;font-weight:700;position:absolute;right:0;top:-40px;transition:all .3s ease}.close:hover{color:#667eea;transform:scale(1.2)}.gallery-info{background:#f8f9fa;padding:80px 0}.info-content{margin:0 auto;max-width:800px;text-align:center}.info-content h2{color:#333;font-size:2.5rem;margin-bottom:2rem}.info-content p{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:3rem}.gallery-stats{display:flex;flex-wrap:wrap;gap:60px;justify-content:center}.stat-item{text-align:center}.stat-number{color:#667eea;display:block;font-size:3rem;font-weight:700;margin-bottom:10px}.stat-label{color:#666;display:block;font-size:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.gallery-header h1{font-size:2rem}.gallery-grid{grid-template-columns:1fr}.category-list{align-items:center;flex-direction:column}.category-btn{width:200px}.gallery-stats{flex-direction:column;gap:30px}.modal-content{max-height:80%;max-width:95%}.close{right:20px;top:10px}}.container{margin:0 auto;max-width:1200px;padding:0 20px}.contact-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0 60px;text-align:center}.contact-header h1{animation:fadeInUp .8s ease;font-size:3rem;margin-bottom:1rem}.contact-header p{animation:fadeInUp .8s ease .2s;animation-fill-mode:both;font-size:1.2rem}.contact-info{background:#fff;padding:80px 0}.contact-grid{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr}.contact-details h2,.contact-form-container h2{color:#333;font-size:2rem;margin-bottom:2rem}.info-list{display:flex;flex-direction:column;gap:30px}.info-item{align-items:flex-start;display:flex;gap:20px}.info-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.info-text h3{color:#333;font-size:1.2rem;margin-bottom:10px}.info-text p{color:#666;line-height:1.6;margin:5px 0}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group textarea{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.submit-btn{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;padding:15px 40px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.map-section{background:#f8f9fa;padding:80px 0}.map-section h2{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.map-container{border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px;overflow:hidden}.map-container iframe{border:none;height:450px;width:100%}.map-info{margin-top:30px;text-align:center}.map-info p{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:800px}.map-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;color:#fff;display:inline-block;font-size:1.1rem;padding:12px 30px;text-decoration:none;transition:all .3s ease}.map-link:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.additional-info{background:#fff;padding:80px 0}.info-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:15px;box-shadow:0 5px 15px #00000014;padding:40px;text-align:center;transition:all .3s ease}.card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.card h3{color:#667eea;font-size:1.5rem;margin-bottom:15px}.card p{color:#666;line-height:1.6;margin:5px 0}.card p:first-of-type{color:#333;font-size:1.1rem;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contact-header h1{font-size:2rem}.contact-grid{gap:40px}.contact-grid,.info-cards{grid-template-columns:1fr}.map-container iframe{height:300px}.submit-btn{align-self:stretch;text-align:center;width:100%}.map-link{display:block;margin:0 auto;width:-webkit-fit-content;width:fit-content}}
/*# sourceMappingURL=main.bcf749b9.css.map*/