.hero{background:url(https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=1500&q=80) 50%/cover;height:90vh;position:relative}.overlay{background:#0000008c;justify-content:center;align-items:center;height:100%;display:flex}.hero-content{text-align:center;color:#fff;width:80%}.hero-content h1{margin-bottom:20px;font-size:60px}.hero-content p{margin-bottom:30px;font-size:22px}.hero-buttons button{cursor:pointer;color:#fff;background:#ff9800;border:none;border-radius:6px;margin:10px;padding:15px 35px;font-size:18px}.outline{background:0 0;border:2px solid #fff!important}@media (width<=768px){.hero-content h1{font-size:38px}.hero-content p{font-size:18px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.about-banner{background:url(https://images.unsplash.com/photo-1523050854058-8df90110c9f1?auto=format&fit=crop&w=1600&q=80) 50%/cover;height:450px;position:relative}.overlay{color:#fff;text-align:center;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.overlay h1{margin-bottom:20px;font-size:60px}.overlay p{font-size:22px}.about-section{grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:80px 0;display:grid}.about-image img{border-radius:10px;width:100%}.about-content h2{color:#036;margin-bottom:20px;font-size:40px}.about-content p{color:#555;margin-bottom:20px;font-size:18px;line-height:1.8}.vision-section{background:#eef6ff;padding:80px 0}.vision-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.vision-card{background:#fff;border-radius:10px;padding:35px;box-shadow:0 5px 20px #0000001a}.vision-card h2{color:#036;margin-bottom:20px}.principal-section{grid-template-columns:300px 1fr;align-items:center;gap:50px;padding:80px 0;display:grid}.principal-image img{border:8px solid #07f;border-radius:50%;width:100%}.principal-content p{color:#555;margin-bottom:20px;line-height:1.8}.principal-content h3{color:#07f}.why-section{background:#f8f9fa;padding:80px 0}.section-title{text-align:center;color:#036;margin-bottom:50px;font-size:42px}.why-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.why-card{background:#fff;border-radius:10px;padding:30px;transition:all .3s;box-shadow:0 5px 15px #00000014}.why-card:hover{transform:translateY(-8px)}.why-card h3{color:#07f;margin-bottom:15px}.stats{color:#fff;background:#036;padding:70px 0}.stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;display:grid}.stats h2{margin-bottom:10px;font-size:50px}.stats p{font-size:20px}@media (width<=992px){.about-section,.principal-section{grid-template-columns:1fr}.principal-image{text-align:center}.principal-image img{width:250px}}@media (width<=768px){.overlay h1{font-size:40px}.overlay p{font-size:18px}.about-content h2,.principal-content h2,.section-title{font-size:32px}.stats h2{font-size:36px}}.features{background:#f7f7f7;padding:80px 8%}.features h2{text-align:center;color:#036;margin-bottom:40px;font-size:40px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.card{text-align:center;background:#fff;border-radius:10px;padding:35px;transition:all .3s;box-shadow:0 5px 15px #0000001a}.card:hover{transform:translateY(-8px)}.icon{color:#07f;margin-bottom:20px;font-size:45px}.card h3{margin-bottom:15px}.principal{grid-template-columns:300px 1fr;align-items:center;gap:60px;padding:80px 8%;display:grid}.principal img{border:8px solid #07f;border-radius:50%;width:100%}.principal-content h2{color:#036;margin-bottom:20px;font-size:40px}.principal-content p{color:#555;margin-bottom:20px;font-size:18px;line-height:1.8}.principal-content h3{color:#07f;margin-bottom:5px}@media (width<=768px){.principal{text-align:center;grid-template-columns:1fr}.principal img{width:250px;margin:auto;display:block}}.academics{background:#f7f9fc;padding:80px 0}.section-title h2{color:#0d47a1;margin-bottom:15px;font-size:40px}.section-title p{color:#666;max-width:800px;margin:auto;line-height:1.8}.program-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:70px;display:grid}.program-card{text-align:center;background:#fff;border-radius:15px;padding:35px 25px;transition:all .3s;box-shadow:0 10px 30px #00000014}.program-card:hover{transform:translateY(-10px)}.program-card h3{color:#0d47a1;margin-bottom:10px}.program-card h5{color:#1565c0;margin-bottom:15px}.program-card p{color:#666;line-height:1.7}.curriculum{grid-template-columns:2fr 1fr;align-items:start;gap:40px;display:grid}.curriculum h2{color:#0d47a1;margin-bottom:20px}.curriculum p{color:#555;line-height:1.8}.curriculum-list{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:30px;display:grid}.feature{background:#fff;border-radius:10px;align-items:center;gap:10px;padding:15px;display:flex;box-shadow:0 5px 15px #00000014}.feature svg{color:#1565c0}.info-card{text-align:center;background:#fff;border-radius:15px;margin-bottom:25px;padding:30px;box-shadow:0 10px 25px #00000014}.big-icon{color:#1565c0;margin-bottom:20px;font-size:45px}.academic-cta{color:#fff;text-align:center;background:#1565c0;border-radius:20px;margin-top:70px;padding:60px}.academic-cta h2{margin-bottom:15px;font-size:36px}.academic-cta p{max-width:700px;margin:auto;line-height:1.8}.academic-cta button{color:#1565c0;cursor:pointer;background:#fff;border:none;border-radius:50px;margin-top:30px;padding:15px 35px;font-size:16px;font-weight:700}.academic-cta button:hover{background:#f5f5f5}@media (width<=992px){.curriculum,.curriculum-list{grid-template-columns:1fr}.section-title h2{font-size:32px}.academic-cta{padding:40px 20px}.academic-cta h2{font-size:28px}}.gallery{padding:80px 8%}.gallery h2{text-align:center;color:#036;margin-bottom:40px;font-size:40px}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.gallery img{object-fit:cover;cursor:pointer;border-radius:10px;width:100%;height:250px;transition:all .4s}.gallery img:hover{transform:scale(1.05)}.news-section{background:#f5f8fc;padding:70px 0}.container{width:90%;margin:auto}.news-grid{grid-template-columns:1fr 400px;gap:30px;display:grid}.announcement-box h2,.news-header h2{color:#0d47a1;margin-bottom:20px}.announcement-card{background:#fff;border-left:5px solid #1976d2;border-radius:12px;margin-bottom:18px;padding:20px;transition:all .3s;box-shadow:0 5px 15px #00000014}.announcement-card:hover{transform:translateY(-4px)}.announcement-card h3{color:#1e3a8a;margin-bottom:10px}.announcement-card p{color:#555;margin-bottom:10px}.announcement-card span{color:#888;font-size:14px}.news-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.live-badge{color:#fff;background:#ff1744;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:700;animation:1s infinite blink}@keyframes blink{50%{opacity:.5}}.scroll-box{background:#fff;border-radius:15px;height:520px;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000014}.scroll-content{flex-direction:column;animation:35s linear infinite scrollNews;display:flex}@keyframes scrollNews{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.scroll-item{background:#fff;border-bottom:1px solid #eee;align-items:center;gap:12px;padding:18px;transition:all .3s;display:flex}.new-tag{color:#fff;background:#43a047;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.news-text{color:#333;flex:1;font-size:15px;font-weight:500}.news-date{color:#888;white-space:nowrap;font-size:13px}@media (width<=991px){.news-grid{grid-template-columns:1fr}.scroll-box{height:400px}}.events{background:#f5f8fc;padding:80px 5%}.events-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0d47a1,#1976d2);border-radius:20px;margin-bottom:60px;padding:80px 30px}.events-hero h1{margin-bottom:20px;font-size:48px;font-weight:700}.events-hero p{opacity:.95;max-width:750px;margin:auto;font-size:18px;line-height:1.8}.featured-event{background:#fff;border-radius:18px;margin-bottom:70px;padding:40px;box-shadow:0 12px 30px #00000014}.featured-badge{color:#fff;background:#ff9800;border-radius:30px;margin-bottom:20px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-block}.featured-content h2{color:#0d47a1;margin-bottom:15px;font-size:34px}.featured-content p{color:#555;margin-bottom:25px;line-height:1.8}.featured-info{flex-wrap:wrap;gap:25px;margin-bottom:30px;display:flex}.featured-info span{color:#444;align-items:center;gap:8px;font-weight:500;display:flex}.featured-content button{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:40px;padding:14px 30px;font-size:16px;transition:all .3s}.featured-content button:hover{background:#0d47a1}.event-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:30px;display:grid}.event-card{background:#fff;border-radius:18px;padding:30px;transition:all .35s;box-shadow:0 10px 25px #00000014}.event-card:hover{transform:translateY(-10px)}.event-icon{color:#fff;background:#1565c0;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;margin-bottom:20px;font-size:30px;display:flex}.category{color:#1565c0;background:#e3f2fd;border-radius:30px;margin-bottom:15px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.event-card h3{color:#0d47a1;margin-bottom:18px}.event-details p{color:#666;align-items:center;gap:8px;margin-bottom:10px;font-size:15px;display:flex}.desc{color:#555;margin:20px 0;line-height:1.7}.event-card button{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:8px;width:100%;padding:13px;font-weight:600;transition:all .3s}.event-card button:hover{background:#0d47a1}.event-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px;margin-top:80px;display:grid}.event-stats div{text-align:center;background:#fff;border-radius:15px;padding:35px;box-shadow:0 10px 20px #00000014}.event-stats h2{color:#1565c0;margin-bottom:10px;font-size:42px}.event-stats p{color:#666}.events-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#1565c0,#0d47a1);border-radius:20px;margin-top:80px;padding:70px 30px}.events-cta h2{margin-bottom:20px;font-size:38px}.events-cta p{max-width:700px;margin:auto;line-height:1.8}.events-cta button{color:#1565c0;cursor:pointer;background:#fff;border:none;border-radius:40px;margin-top:30px;padding:15px 35px;font-size:16px;font-weight:600;transition:all .3s}.events-cta button:hover{background:#f1f1f1}@media (width<=992px){.events-hero h1{font-size:36px}.featured-content h2{font-size:28px}.featured-info{flex-direction:column;gap:15px}.section-title h2,.events-cta h2{font-size:30px}}@media (width<=768px){.events{padding:60px 20px}.events-hero{padding:50px 20px}.events-hero h1{font-size:30px}.featured-event{padding:25px}.events-cta{padding:50px 20px}}.teachers{padding:80px 8%}.teachers h2{text-align:center;color:#036;margin-bottom:40px;font-size:40px}.teacher-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.teacher-card{text-align:center;background:#fff;border-radius:10px;padding:25px;transition:all .3s;box-shadow:0 5px 15px #0000001a}.teacher-card:hover{transform:translateY(-8px)}.teacher-card img{object-fit:cover;border:5px solid #07f;border-radius:50%;width:150px;height:150px;margin-bottom:20px}.teacher-card h3{color:#036;margin-bottom:10px}.teacher-card p{color:#666}.testimonials{background:#f8f9fa;padding:80px 8%}.testimonials h2{text-align:center;color:#036;margin-bottom:40px;font-size:40px}.testimonial-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;display:grid}.testimonial-card{background:#fff;border-left:6px solid #07f;border-radius:10px;padding:30px;box-shadow:0 5px 15px #0000001a}.testimonial-card p{color:#555;margin-bottom:20px;font-style:italic}.testimonial-card h4{color:#036}.contact-page{background:#f8f9fc;padding:80px 8%}.contact-header{text-align:center;margin-bottom:60px}.contact-header h1{color:#036;margin-bottom:15px;font-size:42px}.contact-header p{color:#666;font-size:18px}.contact-container{grid-template-columns:1fr 1fr;gap:50px;display:grid}.contact-info{background:#fff;border-radius:15px;padding:40px;box-shadow:0 10px 30px #00000014}.contact-info h2{color:#036;margin-bottom:30px}.contact-info p{color:#555;margin-bottom:20px;line-height:1.8}.contact-form{background:#fff;border-radius:15px;flex-direction:column;gap:20px;padding:40px;display:flex;box-shadow:0 10px 30px #00000014}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:8px;outline:none;padding:15px;font-size:16px}.contact-form button{color:#fff;cursor:pointer;background:#036;border:none;border-radius:8px;padding:15px;font-size:17px;transition:all .3s}.contact-form button:hover{background:#05a}@media (width<=768px){.contact-container{grid-template-columns:1fr}.contact-header h1{font-size:32px}}.faq-section{background:#f7f9fc;grid-template-columns:40% 60%;align-items:start;gap:50px;padding:80px 8%;display:grid}.faq-subtitle{color:#0b5ed7;background:#e8f0ff;border-radius:30px;margin-bottom:20px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-block}.faq-left h2{color:#0d2b5c;margin-bottom:20px;font-size:42px}.faq-left p{color:#666;margin-bottom:30px;line-height:1.8}.search-box{background:#fff;border-radius:12px;align-items:center;padding:14px 18px;display:flex;box-shadow:0 10px 25px #00000014}.search-icon{color:#0b5ed7;margin-right:12px}.search-box input{border:none;outline:none;width:100%;font-size:16px}.faq-card{background:#fff;border-radius:12px;margin-bottom:18px;transition:all .3s;overflow:hidden;box-shadow:0 8px 20px #00000014}.faq-card.active{box-shadow:0 15px 35px #00000026}.faq-question{cursor:pointer;color:#0d2b5c;text-align:left;background:#fff;border:none;justify-content:space-between;align-items:center;width:100%;padding:22px;font-size:17px;font-weight:600;display:flex}.arrow{transition:all .4s}.rotate{color:#0b5ed7;transform:rotate(180deg)}.faq-answer{background:#f8fbff;max-height:0;transition:all .4s;overflow:hidden}.faq-answer.show{max-height:250px}.faq-answer p{color:#555;padding:0 22px 22px;line-height:1.8}@media (width<=992px){.faq-section{grid-template-columns:1fr}}@media (width<=768px){.faq-section{padding:60px 20px}.faq-left h2{font-size:32px}.faq-question{padding:18px;font-size:16px}}.admissions{background:#f7f9fc;padding:80px 0}.container{width:90%;max-width:1300px;margin:auto}.admission-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0d47a1,#1976d2);border-radius:20px;margin-bottom:70px;padding:70px}.admission-hero h1{margin-bottom:20px;font-size:42px}.admission-hero p{max-width:750px;margin:auto;line-height:1.8}.admission-hero button{color:#1565c0;cursor:pointer;background:#fff;border:none;border-radius:40px;margin-top:30px;padding:15px 35px;font-size:16px;font-weight:700}.section-title{text-align:center;margin-bottom:40px}.section-title h2{color:#0d47a1;font-size:36px}.process-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:70px;display:grid}.process-card{text-align:center;background:#fff;border-radius:15px;padding:30px;transition:all .3s;box-shadow:0 10px 25px #00000014}.process-card:hover{transform:translateY(-8px)}.icon{color:#fff;background:#1565c0;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;margin:auto auto 20px;font-size:28px;display:flex}.admission-info{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:70px;display:grid}.info-card{background:#fff;border-radius:15px;padding:35px;box-shadow:0 10px 25px #00000014}.info-card h2{color:#0d47a1;margin-bottom:20px}.info-card ul{padding-left:20px}.info-card li{margin-bottom:12px}.dates-section{background:#fff;border-radius:15px;margin-bottom:70px;padding:35px;box-shadow:0 10px 25px #00000014}.dates-section h2{color:#0d47a1;margin-bottom:20px}table{border-collapse:collapse;width:100%}th{color:#fff;background:#1565c0}th,td{text-align:left;border:1px solid #ddd;padding:15px}.contact-box{color:#fff;text-align:center;background:#1565c0;border-radius:20px;padding:45px}.contact-grid{flex-wrap:wrap;justify-content:center;gap:50px;margin-top:25px;display:flex}.contact-grid div{align-items:center;gap:10px;font-size:18px;display:flex}@media (width<=768px){.admission-hero{padding:40px 20px}.admission-hero h1{font-size:30px}.admission-info{grid-template-columns:1fr}.contact-grid{flex-direction:column;gap:20px}}*{box-sizing:border-box;margin:0;padding:0}.login-page{background:linear-gradient(135deg,#0f4c81,#2193b0,#6dd5ed);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.login-container{background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;width:100%;max-width:1100px;min-height:650px;display:grid;overflow:hidden;box-shadow:0 20px 60px #00000040}.login-left{color:#fff;background:linear-gradient(#003366d9,#003366d9),url(https://images.unsplash.com/photo-1509062522246-3755977927d7?w=1200) 50%/cover;flex-direction:column;justify-content:center;padding:60px;display:flex}.login-left h1{margin-bottom:20px;font-size:42px}.login-left p{margin-bottom:40px;font-size:18px;line-height:1.8}.login-left img{border-radius:12px;width:100%;display:none}.login-right{flex-direction:column;justify-content:center;padding:60px;display:flex}.login-right h2{text-align:center;color:#036;margin-bottom:35px;font-size:34px}.login-right form{flex-direction:column;display:flex}.login-right label{color:#333;margin-top:15px;margin-bottom:8px;font-weight:600}.login-right input,.login-right select{border:1px solid #ccc;border-radius:8px;outline:none;width:100%;padding:14px 16px;font-size:16px;transition:all .3s}.login-right input:focus,.login-right select:focus{border-color:#06c;box-shadow:0 0 8px #06c3}.password-box{border:1px solid #ccc;border-radius:8px;align-items:center;display:flex;overflow:hidden}.password-box input{border:none;border-radius:0;flex:1}.password-box input:focus{box-shadow:none}.show-btn{color:#fff;cursor:pointer;background:#036;border:none;padding:14px 18px;transition:all .3s}.show-btn:hover{background:#0056b3}.error{color:red;margin-top:6px;font-size:14px}.login-btn{color:#fff;cursor:pointer;background:#036;border:none;border-radius:8px;margin-top:30px;padding:15px;font-size:18px;font-weight:700;transition:all .3s}.login-btn:hover{background:#05a;transform:translateY(-2px)}.login-links{justify-content:space-between;margin-top:25px;display:flex}.login-links a{color:#06c;font-weight:600;text-decoration:none;transition:all .3s}.login-links a:hover{color:#ff9800}@media (width<=992px){.login-container{grid-template-columns:1fr}.login-left{display:none}.login-right{padding:40px}}@media (width<=768px){.login-page{padding:20px}.login-right{padding:30px 20px}.login-right h2{font-size:28px}.login-links{text-align:center;flex-direction:column;gap:15px}}@media (width<=480px){.login-container{border-radius:12px}.login-right h2{font-size:24px}.login-right input,.login-right select{padding:12px;font-size:15px}.login-btn{padding:13px;font-size:16px}}.top-header{color:#fff;background:#036;padding:8px 0;font-size:14px}.header-container{justify-content:space-between;align-items:center;width:90%;margin:auto;display:flex}.right{gap:15px;display:flex}.right a{color:#fff;text-decoration:none}.right a:hover{color:gold}@media (width<=768px){.header-container{text-align:center;flex-direction:column;gap:8px}}.navbar{z-index:1000;background:#fff;justify-content:space-between;align-items:center;padding:15px 6%;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.logo{color:#036;font-size:28px;font-weight:700}.nav-links{gap:30px;list-style:none;display:flex}.nav-links a{color:#333;font-weight:600;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#07f}@media (width<=768px){.navbar{flex-direction:column}.nav-links{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:15px}}.footer{color:#fff;background:#002147;padding:70px 8% 25px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:50px;margin-bottom:45px;display:grid}.footer h2{color:#fff;margin-bottom:20px;font-size:30px}.footer h3{color:#fff;margin-bottom:20px;font-size:22px}.footer p{color:#d7d7d7;margin-bottom:10px;font-size:16px;line-height:1.8}.footer ul{margin:0;padding:0;list-style:none}.footer li{margin-bottom:12px}.footer li a{color:#ddd;font-size:16px;text-decoration:none;transition:all .3s;display:inline-block}.footer li a:hover{color:#ffc107;transform:translate(8px)}.footer div:last-child p{cursor:default}.copyright{text-align:center;color:#ccc;border-top:1px solid #ffffff40;padding-top:20px;font-size:14px}@media (width<=1100px){.footer{padding:60px 5% 25px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:40px}}@media (width<=768px){.footer{padding:50px 30px 20px}.footer-grid{text-align:center;grid-template-columns:1fr;gap:35px}.footer h2{font-size:26px}.footer h3{font-size:20px}.footer p{font-size:15px}.footer li a:hover{transform:none}}@media (width<=480px){.footer{padding:40px 20px 20px}.footer h2{font-size:23px}.footer h3{font-size:18px}.footer p{font-size:14px}.footer li a{font-size:15px}.copyright{font-size:12px;line-height:1.6}}.scroll-top{color:#fff;cursor:pointer;z-index:999;background:#ff9800;border:none;border-radius:50%;width:50px;height:50px;font-size:22px;transition:all .3s;position:fixed;bottom:30px;right:30px;box-shadow:0 5px 20px #0000004d}.scroll-top:hover{transform:scale(1.1)}