*{margin:0;padding:0;box-sizing:border-box}:root{--primary-yellow: #ffd700;--primary-blue: #1e3a8a;--secondary-blue: #3b82f6;--white: #ffffff;--light-gray: #f8fafc;--medium-gray: #64748b;--dark-gray: #334155;--red: #dc2626;--gradient-primary: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);--gradient-secondary: linear-gradient(135deg, var(--primary-yellow) 0%, #f59e0b 100%);--gradient-hero: linear-gradient(rgba(30, 58, 138, .7), rgba(30, 58, 138, .5));--font-primary: "Inter", sans-serif;--font-display: "Playfair Display", serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body.dark-mode{--white: #0f172a;--light-gray: #1e293b;--medium-gray: #94a3b8;--dark-gray: #e2e8f0}body{font-family:var(--font-primary);line-height:1.6;color:var(--dark-gray);background-color:var(--white);transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-blue);color:var(--white);padding:8px;text-decoration:none;z-index:10000;border-radius:4px}.skip-link:focus{top:6px}.sticky-header{position:fixed;top:0;left:0;right:0;background-color:var(--red);color:var(--white);text-align:center;padding:8px 16px;font-size:.875rem;z-index:1000;font-weight:500;box-shadow:var(--shadow-sm)}.navbar{position:fixed;top:40px;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(30,58,138,.1);z-index:999;transition:all var(--transition-normal)}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}.nav-brand{display:flex;align-items:center;gap:12px}.logo{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.school-name{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--primary-blue)}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center}.nav-menu a{text-decoration:none;color:var(--dark-gray);font-weight:500;transition:color var(--transition-fast);position:relative}.nav-menu a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-yellow);transition:width var(--transition-normal)}.nav-menu a:hover:after,.nav-menu a:focus:after{width:100%}.nav-menu a:hover,.nav-menu a:focus{color:var(--primary-blue)}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{width:25px;height:3px;background:var(--primary-blue);margin:3px 0;transition:var(--transition-fast)}.dark-mode-toggle{background:none;border:2px solid var(--primary-blue);border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.2rem;transition:all var(--transition-fast)}.dark-mode-toggle:hover{background:var(--primary-blue);transform:scale(1.1)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0;scroll-margin-top:120px}.section-title{text-align:center;color:var(--primary-blue);margin-bottom:3rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-secondary);border-radius:2px}.hero{position:relative;height:100vh;overflow:hidden;margin-top:80px}.hero-carousel{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}.carousel-slide.active{opacity:1}.carousel-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-hero);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.hero-title{color:var(--white);font-size:3.5rem;font-weight:700;margin-bottom:1rem;max-width:800px;animation:fadeInUp 1s ease-out}.hero-subtitle{color:var(--white);font-size:1.5rem;margin-bottom:2rem;animation:fadeInUp 1s ease-out .3s both}.cta-button{display:inline-block;background:var(--gradient-secondary);color:var(--primary-blue);padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.125rem;transition:all var(--transition-normal);border:none;cursor:pointer;animation:fadeInUp 1s ease-out .6s both}.cta-button:hover,.cta-button:focus{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#f59e0b 0%,var(--primary-yellow) 100%)}.cta-button.large{padding:1.25rem 2.5rem;font-size:1.25rem}.carousel-indicators{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem}.indicator{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:background var(--transition-fast)}.indicator.active{background:var(--white)}.about{background:var(--light-gray)}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.about-text h3{color:var(--primary-blue);margin-bottom:1rem}.mission-vision{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.mission,.vision{background:var(--white);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal)}.mission:hover,.vision:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.mission h4,.vision h4{color:var(--primary-blue);margin-bottom:.5rem}.principal-message{background:var(--white);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md);text-align:center}.principal-img{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:1rem;border:4px solid var(--primary-yellow)}.principal-text h4{color:var(--primary-blue);margin-bottom:1rem}.principal-text cite{font-style:italic;color:var(--medium-gray);font-weight:500}.academics-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}.curriculum-card,.results-highlight{background:var(--white);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md);transition:all var(--transition-normal);border-top:4px solid var(--primary-yellow)}.curriculum-card:hover,.results-highlight:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.curriculum-card h3,.results-highlight h3{color:var(--primary-blue);margin-bottom:1rem}.curriculum-card ul{list-style:none;margin:1rem 0}.curriculum-card li{border-bottom:1px solid var(--light-gray);position:relative;padding:.5rem 0 .5rem 1.5rem}.curriculum-card li:before{content:"✓";position:absolute;left:0;color:var(--primary-yellow);font-weight:700}.download-btn{background:var(--gradient-primary);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all var(--transition-fast);width:100%;margin-top:1rem}.download-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stats{display:flex;justify-content:space-around;text-align:center;margin-top:1rem}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary-blue);font-family:var(--font-display)}.stat-label{font-size:.875rem;color:var(--medium-gray)}.admissions{background:var(--light-gray)}.admissions-content{display:grid;gap:3rem}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.step{text-align:center;background:var(--white);padding:2rem 1rem;border-radius:12px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative}.step:after{content:"→";position:absolute;top:50%;right:-1rem;transform:translateY(-50%);font-size:1.5rem;color:var(--primary-blue);font-weight:700}.step:last-child:after{display:none}.step:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.step-number{width:60px;height:60px;border-radius:50%;background:var(--gradient-secondary);color:var(--primary-blue);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.admission-info{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.key-dates,.fee-structure{background:var(--white);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md)}.key-dates h3,.fee-structure h3{color:var(--primary-blue);margin-bottom:1rem}.key-dates table,.fee-structure table{width:100%;border-collapse:collapse}.key-dates td,.fee-structure td{padding:.75rem;border-bottom:1px solid var(--light-gray)}.key-dates td:first-child,.fee-structure td:first-child{font-weight:500;color:var(--dark-gray)}.key-dates td:last-child,.fee-structure td:last-child{text-align:right;color:var(--primary-blue);font-weight:600}.apply-now-section{text-align:center;background:var(--white);padding:3rem;border-radius:12px;box-shadow:var(--shadow-md);border:2px solid var(--primary-yellow)}.facilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.facility-card{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.facility-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.facility-card img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.facility-card h3{color:var(--primary-blue);padding:1rem 1rem .5rem}.facility-card p{padding:0 1rem;color:var(--medium-gray);margin-bottom:1rem}.learn-more-btn{background:var(--primary-yellow);color:var(--primary-blue);border:none;padding:.75rem 1rem;width:calc(100% - 2rem);margin:0 1rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.learn-more-btn:hover{background:#f59e0b;transform:translateY(-1px)}.co-curricular{background:var(--light-gray)}.activities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.activity-category{background:var(--white);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md);transition:transform var(--transition-normal)}.activity-category:hover{transform:translateY(-5px)}.activity-category h3{color:var(--primary-blue);margin-bottom:1rem;border-bottom:2px solid var(--primary-yellow);padding-bottom:.5rem}.activity-category ul{list-style:none}.activity-category li{position:relative;padding:.5rem 0 .5rem 1.5rem}.activity-category li:before{content:"🌟";position:absolute;left:0}.mun-spotlight{background:var(--white);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md);border-left:5px solid var(--primary-yellow)}.mun-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:center}.mun-content img{width:100%;border-radius:8px}.achievements{list-style:none;margin-top:1rem}.achievements li{padding:.5rem 0;font-weight:500}.news-ticker{background:var(--gradient-primary);color:var(--white);padding:1rem;border-radius:8px;margin-bottom:3rem;overflow:hidden}.ticker-content{white-space:nowrap;animation:scroll 30s linear infinite;font-weight:500}.events-content{display:grid;grid-template-columns:1fr 2fr 1fr;gap:3rem}.upcoming-events{background:var(--white);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md)}.upcoming-events h3{color:var(--primary-blue);margin-bottom:1.5rem}.event-item{display:flex;gap:1rem;padding:1rem;border-radius:8px;margin-bottom:1rem;background:var(--light-gray);transition:transform var(--transition-fast)}.event-item:hover{transform:translate(5px)}.event-date{text-align:center;background:var(--primary-blue);color:var(--white);padding:.5rem;border-radius:8px;min-width:60px}.day{display:block;font-size:1.5rem;font-weight:700}.month{font-size:.875rem}.event-details h4{color:var(--primary-blue);margin-bottom:.25rem}.event-details p{color:var(--medium-gray);font-size:.875rem}.gallery-section{background:var(--white);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md)}.gallery-section h3{color:var(--primary-blue);margin-bottom:1.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-grid img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform var(--transition-fast)}.gallery-grid img:hover{transform:scale(1.05)}.downloads{background:var(--white);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md)}.downloads h3{color:var(--primary-blue);margin-bottom:1.5rem}.download-link{display:block;color:var(--primary-blue);text-decoration:none;padding:.75rem;border-radius:6px;margin-bottom:.5rem;background:var(--light-gray);transition:all var(--transition-fast)}.download-link:hover{background:var(--primary-yellow);transform:translate(5px)}.testimonials{background:var(--light-gray)}.testimonials-slider{position:relative;max-width:800px;margin:0 auto}.testimonial-track{position:relative;height:300px;overflow:hidden}.testimonial-card{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--white);padding:3rem;border-radius:12px;box-shadow:var(--shadow-lg);text-align:center;opacity:0;transform:translate(100px);transition:all var(--transition-slow)}.testimonial-card.active{opacity:1;transform:translate(0)}.testimonial-avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin:0 auto 1.5rem;border:4px solid var(--primary-yellow)}.testimonial-text{font-size:1.125rem;color:var(--dark-gray);font-style:italic;margin-bottom:1.5rem;line-height:1.8}.testimonial-author{color:var(--primary-blue);font-weight:600}.testimonial-controls{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.testimonial-btn{width:50px;height:50px;border-radius:50%;background:var(--primary-blue);color:var(--white);border:none;font-size:1.5rem;cursor:pointer;transition:all var(--transition-fast)}.testimonial-btn:hover{background:var(--secondary-blue);transform:scale(1.1)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.contact-item{margin-bottom:2rem}.contact-item h3{color:var(--primary-blue);margin-bottom:.5rem;font-size:1.25rem}.contact-form-container{background:var(--white);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md)}.contact-form-container h3{color:var(--primary-blue);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--dark-gray);font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid var(--light-gray);border-radius:6px;font-family:inherit;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.submit-btn,.secondary-btn{background:var(--gradient-primary);color:var(--white);border:none;padding:.75rem 2rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:all var(--transition-fast)}.secondary-btn{background:var(--medium-gray)}.submit-btn:hover,.secondary-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.map-container{border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.footer{background:var(--gradient-primary);color:var(--white);padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:var(--primary-yellow)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:var(--white);text-decoration:none;transition:color var(--transition-fast)}.footer-section a:hover{color:var(--primary-yellow)}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.social-links a:hover{background:var(--primary-yellow);transform:scale(1.1)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.copyright{font-size:.875rem}.disclaimer{text-align:right;font-size:.875rem}.disclaimer strong{color:var(--primary-yellow)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:var(--gradient-secondary);color:var(--primary-blue);border:none;font-size:1.5rem;font-weight:700;cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:100}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal.active{opacity:1;visibility:visible}.modal-content{background:var(--white);border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(.8);transition:transform var(--transition-normal)}.modal.active .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--light-gray)}.modal-header h2{color:var(--primary-blue);margin:0}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--medium-gray);transition:color var(--transition-fast)}.modal-close:hover{color:var(--primary-blue)}.modal-body{padding:1.5rem}.application-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.alert-modal .modal-content{max-width:400px}.alert-header{background:var(--red);color:var(--white);border-radius:12px 12px 0 0}.alert-actions{display:flex;gap:1rem;margin-top:1.5rem}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.lightbox.active{opacity:1;visibility:visible}.lightbox-content{position:relative;max-width:90%;max-height:90%}.lightbox-content img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.lightbox-close{position:absolute;top:-50px;right:0;background:none;border:none;color:var(--white);font-size:2rem;cursor:pointer}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;width:100%;justify-content:space-between;pointer-events:none}.lightbox-prev,.lightbox-next{background:#00000080;color:var(--white);border:none;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;pointer-events:auto;transition:background var(--transition-fast)}.lightbox-prev:hover,.lightbox-next:hover{background:#000c}.toast{position:fixed;top:100px;right:2rem;background:#10b981;color:var(--white);padding:1rem 1.5rem;border-radius:8px;box-shadow:var(--shadow-lg);z-index:4000;transform:translate(100%);transition:transform var(--transition-normal)}.toast.show{transform:translate(0)}.toast-content{display:flex;align-items:center;gap:.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(50px);transition:all .8s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.nav-menu{position:fixed;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:2rem;box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-toggle{display:flex}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}h1{font-size:2.5rem}h2{font-size:2rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.container{padding:0 1rem}.section{padding:3rem 0}.about-content,.academics-grid,.process-steps,.admission-info,.facilities-grid,.activities-grid,.events-content,.contact-content,.footer-content,.mission-vision,.mun-content{grid-template-columns:1fr}.step:after{content:"↓";right:50%;top:auto;bottom:-1rem;transform:translate(50%)}.step:last-child:after{display:none}.gallery-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.disclaimer{text-align:center}.testimonial-card{padding:2rem 1rem}.modal-content{width:95%;margin:1rem}.application-form .form-row{grid-template-columns:1fr}.alert-actions{flex-direction:column}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.facilities-grid,.gallery-grid{grid-template-columns:1fr}.stats{flex-direction:column;gap:1rem}.nav-container{padding:1rem}.school-name{font-size:1rem}.back-to-top{bottom:1rem;right:1rem;width:45px;height:45px}}@media print{.sticky-header,.nav-toggle,.dark-mode-toggle,.back-to-top,.modal,.lightbox,.toast{display:none!important}.hero{height:auto;margin-top:0}.section{page-break-inside:avoid;padding:2rem 0}body{background:#fff!important;color:#000!important}}@media (prefers-contrast: high){:root{--primary-blue: #000080;--primary-yellow: #ffff00;--medium-gray: #666666;--light-gray: #f0f0f0}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ticker-content{animation:none}.carousel-slide{transition:none}}*:focus{outline:2px solid var(--primary-blue);outline-offset:2px}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
