:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{margin:0;padding:0}.home{width:100%;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:80px 20px}.hero-content h1{margin-bottom:20px;font-size:48px;animation:.8s fadeInDown}.hero-content p{margin-bottom:30px;font-size:20px;animation:.8s fadeInUp}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:5px;padding:12px 30px;font-size:16px;font-weight:700;transition:all .3s}.primary-btn{color:#fff;background-color:#e74c3c}.primary-btn:hover{background-color:#c0392b;transform:translateY(-2px)}.secondary-btn{color:#fff;background-color:#0000;border:2px solid #fff}.secondary-btn:hover{color:#667eea;background-color:#fff;transform:translateY(-2px)}.about-school{background-color:#f8f9fa;padding:60px 0}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.about-text h2{color:#2c3e50;margin-bottom:20px;font-size:32px}.about-text p{color:#666;margin-bottom:15px;font-size:16px;line-height:1.8}.stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px;display:grid}.stat{text-align:center;background:#fff;border-radius:10px;padding:15px;box-shadow:0 2px 10px #0000001a}.stat h3{color:#3498db;margin-bottom:5px;font-size:28px}.stat p{color:#666;margin:0;font-size:12px}.about-image .image-placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:350px;display:flex}.features-section{background-color:#fff;padding:60px 0}.section-title{text-align:center;color:#2c3e50;margin-bottom:50px;font-size:36px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.feature-card{text-align:center;cursor:pointer;background:#f8f9fa;border-radius:10px;padding:30px;transition:all .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a}.feature-icon{margin-bottom:20px;font-size:50px}.feature-card h3{color:#2c3e50;margin-bottom:10px;font-size:20px}.feature-card p{color:#666;line-height:1.6}.info-section{background-color:#f8f9fa;padding:60px 0}.info-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.notice-board,.events{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 10px #0000001a}.notice-board h2,.events h2{color:#2c3e50;border-bottom:2px solid #3498db;margin-bottom:20px;padding-bottom:10px;font-size:24px}.notice-list{margin-bottom:20px}.notice-item{border-bottom:1px solid #e0e0e0;padding:15px;transition:all .3s}.notice-item:hover{background-color:#f8f9fa;transform:translate(5px)}.notice-date{color:#e74c3c;margin-bottom:5px;font-size:12px;display:block}.notice-item h4{color:#2c3e50;margin-bottom:5px;font-size:16px}.notice-item p{color:#666;font-size:14px}.events-list{margin-bottom:20px}.event-item{border-bottom:1px solid #e0e0e0;gap:15px;padding:15px;transition:all .3s;display:flex}.event-item:hover{background-color:#f8f9fa;transform:translate(5px)}.event-date{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:5px;min-width:60px;padding:10px}.event-day{font-size:24px;font-weight:700;display:block}.event-month{font-size:12px;display:block}.event-details h4{color:#2c3e50;margin-bottom:5px;font-size:16px}.event-details p{color:#666;font-size:12px}.view-all-btn{color:#3498db;cursor:pointer;background:0 0;border:none;margin-top:10px;font-size:14px;transition:all .3s}.view-all-btn:hover{color:#2980b9;transform:translate(5px)}.principal-section{background-color:#fff;padding:60px 0}.principal-content{grid-template-columns:1fr 2fr;align-items:center;gap:50px;display:grid}.principal-image .image-placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:300px;display:flex}.principal-message h2{color:#2c3e50;margin-bottom:20px;font-size:32px}.principal-message p{color:#666;margin-bottom:20px;font-size:16px;line-height:1.8}.principal-message h4{color:#2c3e50;margin-bottom:5px;font-size:18px}.designation{color:#3498db;margin:0;font-size:14px}.cta-section{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:60px 20px}.cta-section h2{margin-bottom:15px;font-size:36px}.cta-section p{margin-bottom:30px;font-size:18px}.cta-button{color:#fff;cursor:pointer;background-color:#e74c3c;border:none;border-radius:50px;padding:15px 40px;font-size:18px;font-weight:700;transition:all .3s}.cta-button:hover{background-color:#c0392b;transform:translateY(-2px);box-shadow:0 5px 20px #0003}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=968px){.about-content,.info-grid,.principal-content{grid-template-columns:1fr;gap:30px}.hero-content h1{font-size:36px}.section-title{font-size:28px}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero-section{padding:60px 20px}.hero-content h1{font-size:28px}.hero-content p{font-size:16px}.primary-btn,.secondary-btn{padding:10px 20px;font-size:14px}.about-text h2,.principal-message h2{font-size:24px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.cta-section h2{font-size:24px}.cta-section p{font-size:16px}.cta-button{padding:12px 30px;font-size:16px}}@media (width<=480px){.stats{grid-template-columns:1fr}.hero-buttons{flex-direction:column}.feature-card{padding:20px}}.about{max-width:1200px;margin:0 auto;padding:0 20px}.about-header{text-align:center;margin-bottom:3rem}.about-header h1{color:#667eea;margin-bottom:1rem;font-size:2.5rem}.about-content{grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.about-text h2{color:#667eea;margin-top:1.5rem;margin-bottom:1rem}.about-text p{margin-bottom:1rem;line-height:1.8}.about-text ul{padding:0;list-style:none}.about-text li{padding:.5rem 0;font-size:1.1rem}.image-placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:300px;display:flex}.placeholder-icon{margin-bottom:1rem;font-size:5rem}.achievements{margin-top:3rem}.achievements h2{text-align:center;color:#667eea;margin-bottom:2rem}.achievement-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.achievement-card{text-align:center;background:#fff;border-radius:10px;padding:2rem;transition:transform .3s;box-shadow:0 2px 10px #0000001a}.achievement-card:hover{transform:translateY(-5px)}.achievement-icon{margin-bottom:1rem;font-size:3rem;display:block}@media (width<=768px){.about-content{grid-template-columns:1fr}.about-header h1{font-size:2rem}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f5f5;font-family:Arial,sans-serif;line-height:1.6}.App{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.page-container{text-align:center;max-width:1200px;margin:50px auto;padding:0 20px}.page-container h1{color:#2c3e50;margin-bottom:20px;font-size:2.5rem}.page-container p{color:#666;font-size:1.2rem}