:root{--primary-color: #003366;--secondary-color: #FFD700;--text-color: #333;--light-text-color: #fff;--bg-color: #f9f9f9;--white: #fff;--gray: #e0e0e0;--font-family: "Poppins", sans-serif;--header-height: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{font-family:var(--font-family);line-height:1.6;color:var(--text-color);background-color:var(--white)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:var(--white);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000;height:var(--header-height)}.header .container{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:flex;align-items:center}.logo img{height:50px;margin-right:15px}.logo h1{font-size:1.2rem;font-weight:600;color:var(--primary-color)}nav ul{list-style:none;display:flex;align-items:center}nav ul li{margin-left:30px}nav ul li a{text-decoration:none;color:var(--text-color);font-weight:600;transition:color .3s ease}nav ul li a:hover{color:var(--primary-color)}.contact-btn{background-color:var(--primary-color);color:var(--light-text-color)!important;padding:10px 20px;border-radius:5px;transition:background-color .3s ease}.contact-btn:hover{background-color:#024}.dropdown{position:relative}.dropdown-icon{font-size:.7rem;margin-left:5px;display:inline-block;transition:transform .3s ease}.dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:var(--white);box-shadow:0 8px 16px #0000001a;border-radius:5px;list-style:none;padding:10px 0;margin-top:10px;min-width:160px;z-index:1001}.dropdown:hover .dropdown-menu{display:block}.dropdown:hover .dropdown-icon{transform:rotate(180deg)}.dropdown-menu li{margin:0}.dropdown-menu li a{color:var(--text-color);padding:12px 20px;text-decoration:none;display:block;font-weight:500;white-space:nowrap}.dropdown-menu li a:hover{background-color:var(--bg-color);color:var(--primary-color)}.hero{background:linear-gradient(#003366b3,#003366b3),url(https://via.placeholder.com/1920x1080/CCCCCC/FFFFFF?text=School+Campus+Background) no-repeat center center/cover;height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;text-align:center;color:var(--light-text-color)}.hero-content{max-width:800px}.hero-content h2{font-size:3rem;font-weight:700;margin-bottom:20px}.hero-content p{font-size:1.2rem;margin-bottom:30px}.cta-button{background-color:var(--secondary-color);color:var(--primary-color);padding:15px 30px;text-decoration:none;font-weight:700;border-radius:5px;transition:transform .3s ease,box-shadow .3s ease;display:inline-block}.cta-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}section{padding:80px 0}section:nth-child(2n){background-color:var(--bg-color)}h2{text-align:center;font-size:2.5rem;margin-bottom:60px;color:var(--primary-color);position:relative}h2:after{content:"";display:block;width:60px;height:4px;background:var(--secondary-color);margin:10px auto 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-content img{width:100%;border-radius:10px;box-shadow:0 10px 30px #0000001a}.about-text h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:10px}.about-text h2{text-align:left;margin-bottom:20px}.about-text h2:after{margin:10px 0 0}.about-text p{margin-bottom:15px}.programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.program-card{background-color:var(--white);padding:30px;border-radius:10px;box-shadow:0 5px 20px #0000000d;text-align:center;border-top:5px solid var(--primary-color);transition:transform .3s ease,box-shadow .3s ease}.program-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.program-card h4{font-size:1.5rem;color:var(--primary-color);margin-bottom:15px}.faculty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;justify-content:center}.faculty-card{background:var(--white);border-radius:10px;box-shadow:0 5px 20px #0000000d;text-align:center;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.faculty-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.faculty-card img{width:100%;height:auto;object-fit:cover;aspect-ratio:1 / 1}.faculty-info{padding:20px}.faculty-info h4{font-size:1.2rem;color:var(--primary-color);margin-bottom:5px}.faculty-info p{color:#666;font-size:.9rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.news-article{background-color:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.news-article:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.news-content{padding:25px}.news-date{display:inline-block;background-color:var(--secondary-color);color:var(--primary-color);padding:5px 10px;border-radius:5px;font-size:.8rem;font-weight:700;margin-bottom:15px}.news-content h4{font-size:1.3rem;margin-bottom:10px;color:var(--primary-color)}.read-more{text-decoration:none;color:var(--primary-color);font-weight:700;margin-top:15px;display:inline-block}.footer{background-color:var(--primary-color);color:var(--light-text-color);padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:2fr 1fr;gap:50px;margin-bottom:40px}.footer h4{font-size:1.2rem;margin-bottom:20px;color:var(--secondary-color)}.footer-links ul{list-style:none}.footer-links ul li a{text-decoration:none;color:var(--gray);display:block;margin-bottom:10px;transition:color .3s ease}.footer-links ul li a:hover{color:var(--white)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}@media(max-width:992px){nav{display:none}.about-content{grid-template-columns:1fr}.about-content img{margin-bottom:30px}.about-text h2{text-align:center}.about-text h2:after{margin:10px auto 0}}@media(max-width:768px){h2{font-size:2rem}.hero-content h2{font-size:2.5rem}.footer-content{grid-template-columns:1fr}.logo h1{font-size:1rem}}@media(max-width:480px){.hero-content h2{font-size:2rem}.hero-content p{font-size:1rem}}