:root{--blue: #003366;--blue-dark: #002244;--gold: #c5a017;--white: #ffffff}.hi-header{position:sticky;top:0;z-index:1000;background:#fff;font-family:Arial,sans-serif}.hi-top-wrapper{background:#fff;border-bottom:1px solid #ddd}.hi-top-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;position:relative}.hi-logo{height:70px}.hi-title-box{text-align:center;flex:1}.hi-affiliation{font-size:12px;color:var(--blue);margin-bottom:4px}.hi-college-name{font-size:26px;font-weight:700;color:var(--blue)}.hi-college-name .highlight{color:var(--gold)}.hi-mobile-toggle{display:none;background:none;border:none;color:var(--blue)}.hi-nav-wrapper{background:var(--blue)}.hi-nav-inner{display:flex;justify-content:space-between;align-items:center;padding:0 16px}.hi-nav-menu ul{list-style:none;display:flex;margin:0;padding:0}.hi-nav-menu a{color:#fff;text-decoration:none;padding:14px 16px;display:block}.hi-nav-menu a:hover{background:var(--blue-dark)}.hi-search-form{display:flex}.hi-search-form input{padding:6px;border:none}.hi-search-form button{background:none;border:none;color:#fff}@media(max-width:900px){.hi-logo{height:45px}.hi-affiliation{font-size:10px;padding:0 6px;line-height:1.3}.hi-college-name{font-size:14px}.hi-mobile-toggle{display:block}.hi-nav-inner{position:fixed;top:110px;left:0;width:100%;background:var(--blue);flex-direction:column;transform:translateY(-200%);transition:.3s}.hi-nav-inner.active{transform:translateY(0)}.hi-nav-menu ul{flex-direction:column;width:100%}.hi-nav-menu a{border-bottom:1px solid rgba(255,255,255,.2);text-align:center}.hi-search-form{width:90%;margin:10px auto}.hi-search-form input{width:100%}}@media(max-width:480px){.hi-affiliation{font-size:9px}.hi-college-name{font-size:13px}}:root{--primary-color: #1a365d;--secondary-color: #2d3748;--accent-color: #38b2ac;--white: #ffffff;--text-light: #e2e8f0;--text-lighter: #a0aec0}.footer{background-color:var(--primary-color);color:var(--white);padding-top:3rem;margin-top:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;padding-bottom:3rem}.footer-col{display:flex;flex-direction:column}.footer-col-header{margin-bottom:1.5rem}.footer-col h3{color:var(--accent-color);font-size:1.25rem;margin-bottom:.5rem;font-weight:600}.college-description{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem;opacity:.9}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:flex-start;gap:.75rem;line-height:1.5}.contact-icon{flex-shrink:0;color:var(--accent-color);margin-top:.125rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links li{margin:0}.footer-links a{color:var(--text-light);text-decoration:none;opacity:.9;transition:all .3s ease;display:inline-block;padding:.25rem 0}.footer-links a:hover{opacity:1;color:var(--accent-color);transform:translate(4px)}.footer-bottom{background-color:var(--secondary-color);padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.copyright{color:var(--text-lighter);font-size:.9rem}.developed-by{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.dev-label{color:var(--text-lighter);font-size:.9rem}.kits-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--white);padding:.5rem 1rem;background:#ffffff0d;border-radius:6px;transition:all .3s ease}.kits-link:hover{background:#ffffff1a;transform:translateY(-2px)}.kits-logo{width:24px;height:24px;object-fit:contain}.kits-text{font-size:.9rem;font-weight:500;color:var(--accent-color)}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:4rem}.footer-bottom-content{flex-direction:row;justify-content:space-between;text-align:left}.developed-by{justify-content:flex-start}}@media(max-width:767px){.footer{padding-top:2rem}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-col{text-align:center}.contact-item{justify-content:center;text-align:center}.footer-links a:hover{transform:none}.footer-bottom{padding:1.25rem 0}.footer-bottom-content{gap:1.25rem}.kits-link{padding:.4rem .75rem}}@media(max-width:480px){.footer{padding-top:1.5rem}.footer-grid{gap:2rem}.footer-col h3{font-size:1.1rem}.college-description{font-size:.9rem}.contact-item{flex-direction:column;align-items:center;gap:.5rem}.contact-item span{font-size:.9rem;text-align:center}.footer-links a{font-size:.9rem}.copyright{font-size:.8rem}.developed-by{flex-direction:column;gap:.5rem}}.admission-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-in-out}.admission-popup-content{background:#fff;padding:30px;border-radius:12px;max-width:500px;width:90%;position:relative;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideIn .4s ease-out}.admission-popup-close-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#666;transition:color .2s;padding:0;line-height:1}.admission-popup-close-btn:hover{color:#000}.admission-popup-title{font-size:2rem;font-weight:700;color:#1a365d;margin-bottom:10px}.admission-popup-subtitle{font-size:1.1rem;color:#4a5568;margin-bottom:20px}.admission-popup-details{margin-bottom:25px;color:#2d3748;line-height:1.6}.admission-popup-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:20px}.admission-popup-btn{display:inline-block;padding:12px 30px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .2s ease;cursor:pointer;font-size:1rem;text-align:center;min-width:150px}.result-btn{background-color:#3182ce;color:#fff;border:2px solid #3182ce}.result-btn:hover{background-color:#2c5282;border-color:#2c5282;transform:translateY(-2px);box-shadow:0 4px 8px #3182ce4d}.admission-btn{background-color:#e53e3e;color:#fff;border:2px solid #e53e3e}.admission-btn:hover{background-color:#c53030;border-color:#c53030;transform:translateY(-2px);box-shadow:0 4px 8px #e53e3e4d}.admission-popup-cta{display:inline-block;background-color:#e53e3e;color:#fff;padding:12px 30px;border-radius:6px;text-decoration:none;font-weight:600;transition:background-color .2s,transform .1s}.admission-popup-cta:hover{background-color:#c53030;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.admission-popup-buttons{flex-direction:column;gap:10px}.admission-popup-btn{width:100%}.admission-popup-content{padding:20px}.admission-popup-title{font-size:1.5rem}}:root{--primary: #003366;--secondary: #0055a4;--accent: #f0ad4e;--text: #333333;--bg: #f9f9f9;--card-shadow: 0 10px 30px rgba(3, 27, 64, .08);--glass: rgba(255, 255, 255, .8);--container: 1200px}.container{max-width:var(--container);margin:0 auto;padding:0 20px;box-sizing:border-box}.home-page{background:var(--bg);color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial}.hero{background-image:linear-gradient(#00143280,#00143280),url(/bg/bg.jpg);background-size:cover;background-position:center;color:#fff;padding:160px 0 140px;text-align:center;position:relative;min-height:65vh;display:flex;flex-direction:column;justify-content:center}.hero .container{z-index:2;position:relative}.hero-title{font-size:42px;color:#f0ad4e;font-weight:800;letter-spacing:1px;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.hero-sub{max-width:800px;margin:0 auto 32px;font-size:18px;font-weight:500;opacity:1;line-height:1.6;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.hero-buttons{display:flex;gap:12px;justify-content:center;margin-top:18px;flex-wrap:wrap}.btn{display:inline-block;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:700}.btn.primary{background:var(--primary);color:#fff;box-shadow:var(--card-shadow);border:1px solid rgba(0,0,0,.05)}.btn.primary:hover{background:var(--secondary)}.btn.outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.12)}.btn.small{padding:8px 14px;font-size:14px}.section{padding:56px 0}.section-header{text-align:left;margin-bottom:28px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-header h2{font-size:26px;color:var(--primary);margin:0;font-weight:800;letter-spacing:.6px}.section-sub{color:var(--text);opacity:.8;margin:6px 0 0}.about-inner{display:flex;gap:28px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.about-text{flex:1 1 560px;min-width:280px}.about-text h2{margin-bottom:8px}.about-text p{color:var(--text);line-height:1.6;margin-bottom:12px}.about-text .muted{color:var(--text);opacity:.8;font-size:14px}.about-quick{width:320px;display:flex;flex-direction:column;gap:12px}.info-card{background:#fff;border-radius:10px;padding:14px;box-shadow:var(--card-shadow);border-left:4px solid var(--accent)}.info-title{font-size:12px;color:var(--primary);font-weight:700;margin-bottom:6px}.info-body{font-weight:600;color:var(--text)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;margin-top:12px}.course-card{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--card-shadow);border-top:6px solid var(--primary);display:flex;flex-direction:column;gap:12px}.course-card .card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.course-card h3{margin:0;font-size:20px;color:var(--primary)}.course-card .pill{background:var(--secondary);color:#fff;padding:6px 10px;border-radius:999px;font-weight:700;font-size:13px}.card-lead{color:var(--text);opacity:.9;margin:6px 0 0}.card-section h4{margin:10px 0 6px;font-size:16px;color:var(--primary)}.card-section p,.card-section ul{color:var(--text);line-height:1.6;margin:0}.card-section ul{padding-left:18px;margin-top:6px}.course-card .btn.small.primary{align-self:flex-start;margin-top:12px}.campus-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.campus-item{background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid rgba(0,0,0,.04)}.campus-item img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .6s ease}.campus-item:hover img{transform:scale(1.03)}.message-content{background:#fff;padding:24px;border-radius:8px;box-shadow:var(--card-shadow)}.message-content h2{color:var(--primary);margin-bottom:10px}.admin-section{background:#fff;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:20px}.admin-card{background:#f9fafe;border-radius:12px;padding:24px;text-align:center;border:1px solid rgba(0,51,102,.08);transition:transform .3s ease,box-shadow .3s ease}.admin-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow)}.admin-img-box{width:140px;height:140px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 4px 12px #0000001a}.admin-img-box img{width:100%;height:100%;object-fit:cover}.admin-card h3{margin:0 0 6px;font-size:18px;color:var(--primary);font-weight:700}.admin-card .role{color:var(--secondary);font-weight:600;margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.admin-card .detail{font-size:13px;color:var(--text);opacity:.8;margin:0;line-height:1.4}.primary-text-btn{border-color:var(--primary);color:var(--primary)}.primary-text-btn:hover{background:var(--primary);color:#fff}@media(max-width:900px){.about-inner{flex-direction:column-reverse}.about-quick{width:100%;display:flex;flex-direction:row;gap:12px;justify-content:space-between}.about-quick .info-card{flex:1}.hero{padding:60px 0;background-attachment:scroll}.hero-title{font-size:28px}}@media(max-width:520px){.hero-sub{font-size:14px}.course-card{padding:16px}.campus-item img{height:160px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;background-color:#f8f9fa}.page-container{width:100%;min-height:100vh;overflow-x:hidden}:root{--primary-color: #003366;--secondary-blue: #0055a4;--white: #ffffff;--text-color: #222;--light-gray: #f5f5f5;--medium-gray: #e0e0e0;--dark-gray: #666;--card-radius: 10px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .08);--accent: #f0ad4e}.container{max-width:1200px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem;width:100%}.section{padding:3rem 0;overflow-x:hidden}.page-header{color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--secondary-blue));padding:4rem 0;text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23003366' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.2}.page-header h1{color:#fff;margin:0 0 .75rem;font-size:2.5rem;font-weight:800;line-height:1.2;position:relative;z-index:1}.page-header p{margin:0;font-size:1.125rem;opacity:.95;font-weight:400;position:relative;z-index:1}.content-grid{display:grid;grid-template-columns:260px 1fr;gap:2.5rem;align-items:start}.sidebar{background:var(--white);padding:1.25rem;border-radius:var(--card-radius);height:fit-content;position:sticky;top:100px;box-shadow:var(--shadow-md);border:1px solid var(--medium-gray)}.sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sidebar li{margin:0;padding:0}.sidebar a{display:block;text-decoration:none;color:var(--text-color);font-weight:600;padding:.75rem 1rem;border-radius:8px;transition:all .2s ease;border-left:3px solid transparent}.sidebar a:hover{background-color:#0033660d;color:var(--primary-color);border-left-color:var(--accent);transform:translate(4px)}.sidebar a:focus{outline:3px solid rgba(0,85,164,.12);outline-offset:3px}.main-content-area{min-width:0;width:100%}.content-section{background:var(--white);padding:1.75rem;margin-bottom:2rem;border-radius:var(--card-radius);box-shadow:var(--shadow-sm);scroll-margin-top:120px;border:1px solid var(--medium-gray);transition:transform .2s ease}.content-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.content-section h2{margin-top:0;margin-bottom:1.5rem;color:var(--primary-color);font-size:1.75rem;font-weight:800;border-bottom:3px solid var(--accent);padding-bottom:.5rem;display:inline-block}.content-section h3{color:var(--primary-color);font-size:1.375rem;font-weight:700;margin-top:1.5rem;margin-bottom:1rem}.content-section h4{color:var(--primary-color);font-size:1.125rem;font-weight:600;margin-top:1.25rem;margin-bottom:.75rem}.content-section p{line-height:1.6;margin-bottom:1rem;color:#444}.lead{font-size:1.125rem;font-weight:500;color:var(--text-color);line-height:1.7}.card{background:var(--white);padding:1.5rem;border-radius:var(--card-radius);box-shadow:var(--shadow-sm);margin-bottom:2rem;border:1px solid var(--medium-gray)}.program-details{width:100%;overflow-x:hidden}.list-disc{padding-left:1.5rem;margin:1rem 0}.list-disc li{margin-bottom:.5rem;line-height:1.5}.process-list{padding-left:1.5rem;margin:1.5rem 0}.process-list li{margin-bottom:.75rem;line-height:1.6;padding-left:.5rem}.note-text{font-size:.85rem;color:var(--dark-gray)!important;font-style:italic;margin-top:.5rem}.subjects-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0}.subjects-grid>div{background:#00336605;padding:1.25rem;border-radius:8px;border:1px solid rgba(0,51,102,.1)}.subjects-grid ul{margin-top:.5rem}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:8px;border:1px solid var(--medium-gray)}.info-table{width:100%;border-collapse:collapse;min-width:600px;font-size:.95rem}.info-table thead{background:linear-gradient(135deg,var(--primary-color),var(--secondary-blue))}.info-table th{color:var(--white);font-weight:600;padding:1rem;text-align:left;border:1px solid rgba(255,255,255,.1)}.info-table td{padding:1rem;border:1px solid var(--medium-gray);text-align:left;vertical-align:top}.info-table tbody tr:nth-child(2n){background-color:#00336605}.info-table tbody tr:hover{background-color:#0033660d}.alert-box{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeeba;padding:1.25rem;border-radius:8px;margin:1.5rem 0;word-wrap:break-word;color:#856404;border-left:4px solid #f0ad4e}.alert-box strong{color:#856404}.doc-link{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-blue));color:var(--white)!important;padding:.875rem 1.75rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;box-shadow:var(--shadow-md);margin:1rem 0}.doc-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--secondary-blue),var(--primary-color));text-decoration:none;color:var(--white)}.doc-link:focus{outline:3px solid rgba(0,85,164,.3);outline-offset:2px}.doc-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;padding:.875rem 1.75rem!important;min-height:44px;line-height:1.1!important;color:var(--white)!important;background:linear-gradient(135deg,var(--primary-color),var(--secondary-blue))!important;border:0!important;border-radius:8px!important;text-decoration:none!important;font-weight:600!important;white-space:nowrap;box-shadow:var(--shadow-md)!important;overflow:visible!important;vertical-align:middle!important;transition:all .3s ease!important}.doc-btn:hover{transform:translateY(-3px)!important;box-shadow:var(--shadow-lg)!important;background:linear-gradient(135deg,var(--secondary-blue),var(--primary-color))!important;color:var(--white)!important;text-decoration:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.content-section a:not(.doc-link):not(.doc-btn){color:var(--primary-color);font-weight:600;text-decoration:underline;text-underline-offset:3px}.content-section a:not(.doc-link):not(.doc-btn):hover{color:var(--secondary-blue);text-decoration-thickness:2px}@media(max-width:992px){.container{padding-left:1.25rem;padding-right:1.25rem}.section{padding:2.5rem 0}.content-grid{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static;width:100%;margin-bottom:1rem}.sidebar ul{flex-direction:row;flex-wrap:wrap;gap:.5rem}.sidebar a{padding:.625rem .875rem;font-size:.9rem;border-left:none;border-bottom:2px solid transparent}.sidebar a:hover{border-left:none;border-bottom-color:var(--accent);transform:translateY(-2px)}.subjects-grid{gap:1.5rem}}@media(max-width:768px){.page-header{padding:3rem 0}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.section{padding:2rem 0}.content-section{padding:1.5rem;margin-bottom:1.5rem}.content-section h2{font-size:1.5rem}.content-section h3{font-size:1.25rem}.subjects-grid{grid-template-columns:1fr;gap:1.25rem}.info-table th,.info-table td{padding:.75rem;font-size:.9rem}.doc-link,.doc-btn{padding:.75rem 1.5rem!important;font-size:.95rem;width:100%;justify-content:center}}@media(max-width:576px){.container{padding-left:1rem;padding-right:1rem}.page-header{padding:2.5rem 0}.page-header h1{font-size:1.75rem}.section{padding:1.5rem 0}.content-section{padding:1.25rem}.sidebar ul{flex-direction:column;gap:.25rem}.sidebar a{width:100%;text-align:center}.card{padding:1.25rem}.list-disc,.process-list{padding-left:1rem}.info-table{min-width:300px;font-size:.85rem}.info-table th,.info-table td{padding:.625rem}@media(max-width:400px){.info-table,.info-table tbody,.info-table tr,.info-table th,.info-table td{display:block;width:100%}.info-table thead{display:none}.info-table tr{margin-bottom:1rem;border:1px solid var(--medium-gray);border-radius:6px;overflow:hidden}.info-table td{border:none;border-bottom:1px solid var(--medium-gray);position:relative;padding-left:40%}.info-table td:last-child{border-bottom:none}.info-table td:before{content:attr(data-label);position:absolute;left:1rem;top:.625rem;font-weight:600;color:var(--primary-color)}}}@media(max-width:480px){.page-header{padding:2rem 0}.page-header h1{font-size:1.5rem}.content-section h2{font-size:1.375rem}.content-section h3{font-size:1.125rem}.lead{font-size:1rem}.alert-box{padding:1rem;font-size:.9rem}.note-text{font-size:.8rem}h1,h2,h3,h4,p,li,td,th{word-wrap:break-word;overflow-wrap:break-word}}@media print{.sidebar{display:none}.content-grid{grid-template-columns:1fr}.page-header{background:none;color:#000;padding:1rem 0}.content-section{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}.doc-link,.doc-btn{display:none}}.image-section{margin:2rem 0}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.content-image{width:100%;height:200px;object-fit:cover;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.content-image:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.full-width-image{width:100%;max-height:400px;object-fit:cover;border-radius:8px;margin:1.5rem 0;box-shadow:0 4px 6px #0000001a}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 4px 6px #0000001a;background:#edf2f7}.feature-card h4{color:#2d3748;margin-bottom:.5rem;font-size:1.1rem}.feature-card p{color:#4a5568;font-size:.9rem;margin:0}.content-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.content-section:last-of-type{border-bottom:none}.card{background:#f7fafc;border-left:4px solid #4299e1;padding:1.5rem;border-radius:4px;margin:1.5rem 0}.card h3{color:#2d3748;margin-top:0}.alert-box{padding:1.5rem;border-radius:8px;border:2px solid;margin:1.5rem 0}.alert-box h3{margin-top:0;color:inherit}@media(max-width:768px){.image-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.content-image{height:150px}.full-width-image{max-height:250px}.features-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.feature-card{padding:1rem}}@media(max-width:480px){.image-grid{grid-template-columns:1fr}.content-image{height:180px}.features-grid{grid-template-columns:1fr}}.content-image,.full-width-image{opacity:0;animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.image-caption{text-align:center;font-size:.85rem;color:#718096;margin-top:.5rem;font-style:italic}.gallery-header{background:linear-gradient(#1a365de6,#1a365de6),url(/gallery/header-bg.jpg) center/cover no-repeat;color:#fff;text-align:center;padding:4rem 0}.gallery-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#fff}.gallery-header p{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto}.gallery-filters{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin:2rem 0;padding:1.5rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.filter-categories{display:flex;flex-wrap:wrap;gap:.5rem}.filter-category{padding:.5rem 1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:50px;cursor:pointer;font-size:.9rem;font-weight:500;color:#4a5568;transition:all .3s ease}.filter-category:hover{border-color:#4299e1;color:#4299e1}.filter-category.active{background:#4299e1;border-color:#4299e1;color:#fff}.filter-sort{display:flex;align-items:center;gap:.5rem;color:#4a5568}.sort-select{padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;font-size:.9rem;cursor:pointer;outline:none;transition:border-color .3s ease}.sort-select:focus{border-color:#4299e1}.image-count{margin-bottom:2rem;color:#718096;font-size:.9rem;padding-left:.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.gallery-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;cursor:pointer}.gallery-item:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.gallery-image-container{position:relative;width:100%;height:200px;overflow:hidden}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover .gallery-image{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-item:hover .image-overlay{opacity:1}.image-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.image-info{padding:1.25rem}.image-title{font-weight:600;color:#2d3748;margin-bottom:.5rem;font-size:.95rem;line-height:1.4}.image-date{font-size:.85rem;color:#718096;display:block}.no-images{text-align:center;padding:4rem 2rem;color:#718096;font-size:1.1rem}.lightbox{position:fixed;inset:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:none;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1002}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.lightbox-content{display:flex;align-items:center;justify-content:center;width:90%;max-width:1200px;position:relative}.lightbox-nav{background:#ffffff1a;border:none;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.lightbox-nav:hover{background:#fff3;transform:scale(1.1)}.lightbox-nav.prev{margin-right:1rem}.lightbox-nav.next{margin-left:1rem}.lightbox-image-container{flex:1;max-height:80vh;display:flex;flex-direction:column;align-items:center}.lightbox-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #00000080}.lightbox-info p{color:#cbd5e0;font-size:1rem}.lightbox-actions{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;align-items:center;background:#ffffff1a;padding:.75rem 1.5rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn{background:none;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:#fff3}.image-counter{color:#fff;font-size:.9rem;font-weight:500;margin-left:.5rem}@media(max-width:768px){.gallery-header{padding:3rem 0}.gallery-header h1{font-size:2rem}.gallery-filters{flex-direction:column;align-items:stretch}.filter-categories{justify-content:center}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.gallery-image-container{height:180px}.lightbox-nav{width:44px;height:44px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav.prev{left:1rem;margin-right:0}.lightbox-nav.next{right:1rem;margin-left:0}.lightbox-content{width:95%;flex-direction:column}.lightbox-info h3{font-size:1.2rem}.lightbox-actions{flex-direction:column;gap:.75rem;padding:1rem;width:auto}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}.gallery-image-container{height:220px}.filter-category{padding:.4rem 1rem;font-size:.85rem}.gallery-header h1{font-size:1.75rem}}.gallery-item{animation:slideUp .5s ease forwards;opacity:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gallery-item:nth-child(n){animation-delay:calc(var(--item-index, 0) * .1s)}.lightbox:focus{outline:none}.lightbox-nav:focus,.lightbox-close:focus,.action-btn:focus{outline:2px solid #4299e1;outline-offset:2px}.gallery-grid::-webkit-scrollbar{width:8px}.gallery-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.gallery-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.gallery-grid::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.image-category{font-size:.85rem;color:#4299e1;background:#ebf8ff;padding:.25rem .75rem;border-radius:50px;display:inline-block;font-weight:500}.lightbox-category{color:#63b3ed;font-weight:500;font-size:1rem;margin-top:.5rem}.image-date{display:none}.lightbox-info{margin-top:1.5rem;text-align:center;color:#fff;max-width:800px}.lightbox-info h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.gallery-image{background:#f7fafc}.gallery-item[data-category=sports] .image-category{background:#c6f6d5;color:#22543d}.gallery-item[data-category=cultural] .image-category{background:#fed7d7;color:#742a2a}.gallery-item[data-category=nss] .image-category{background:#e9d8fd;color:#44337a}.gallery-item[data-category=academic] .image-category{background:#bee3f8;color:#2a4365}.gallery-item[data-category=events] .image-category{background:#feebc8;color:#744210}.gallery-item[data-category=campus] .image-category{background:#cbd5e0;color:#2d3748}:root{--primary-color: #003366;--secondary-color: #0055a4;--accent-color: #f0ad4e;--text-color: #333333;--light-text: #666666;--background-color: #f9f9f9;--white: #ffffff;--border-color: #dddddd;--font-family: "Inter", system-ui, -apple-system, sans-serif;--spacing-unit: 1rem;--header-height: 70px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color);line-height:1.6}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-unit)}h1,h2,h3,h4,h5,h6{color:var(--primary-color);margin-bottom:.5em;font-weight:700}h1{font-size:2.5rem}h2{font-size:2rem;border-bottom:2px solid var(--accent-color);padding-bottom:.5rem;display:inline-block;margin-bottom:1.5rem}h3{font-size:1.5rem}p{margin-bottom:1rem}.btn{display:inline-block;padding:.5rem 1.5rem;background-color:var(--primary-color);color:var(--white);border-radius:4px;transition:background-color .3s;cursor:pointer;border:none;font-size:1rem}.btn:hover{background-color:var(--secondary-color)}.card{background:var(--white);padding:1.5rem;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:1.5rem}.section{padding:3rem 0}.section:nth-child(2n){background-color:var(--white)}input[type=text],input[type=email],textarea{width:100%;padding:.8rem;border:1px solid var(--border-color);border-radius:4px;margin-bottom:1rem}table{width:100%;border-collapse:collapse;margin-bottom:1rem}th,td{padding:.75rem;border:1px solid var(--border-color);text-align:left}th{background-color:var(--primary-color);color:var(--white)}tr:nth-child(2n){background-color:#f2f2f2}.footer-socials{display:flex;gap:14px;margin-top:15px}.footer-socials a{color:#fff;transition:color .3s ease,transform .3s ease}.footer-socials a:hover{color:#ff3d00;transform:translateY(-2px)}.contact-socials{display:flex;gap:16px;margin-top:1.2rem}.contact-socials a{color:#333;transition:transform .3s ease,color .3s ease}.contact-socials a:hover{color:#ff3d00;transform:translateY(-2px)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}