*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#172033;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#082d5d;color:#dce8f8;font-size:12px}.topbar-inner{height:34px;display:flex;align-items:center;gap:22px}.toplinks{margin-left:auto;display:flex;gap:18px}.header{height:78px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 18px #092d5d12}.nav{height:100%;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:10px;min-width:250px}.brand strong{font:800 32px Manrope;color:#0a3d7a;display:block;line-height:1}.brand small{font-size:9px;letter-spacing:.4px;font-weight:700;color:#313b49;display:block}.crest{width:43px;height:48px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(145deg,#0b4b93,#082c5a);clip-path:polygon(50% 0,92% 12%,88% 76%,50% 100%,12% 76%,8% 12%);border:3px solid #f7c52b}nav{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:13px;font-weight:700}nav a{padding:30px 0;position:relative}nav a.active,nav a:hover{color:#0751a0}nav a.active:after{content:"";position:absolute;height:2px;background:#f2bd17;left:0;right:0;bottom:21px}.menu-btn{display:none;margin-left:auto;background:none;border:0;font-size:25px}.hero{position:relative;min-height:520px;overflow:hidden;background:#07376e}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#052c5eea 0%,#073a70cc 48%,#073a7050),url("https://images.unsplash.com/photo-1564981797816-1043664bf78d?auto=format&fit=crop&w=2000&q=85") center/cover}.hero-content{position:relative;min-height:520px;display:flex;align-items:center;color:#fff}.hero-copy{max-width:720px;padding:45px 0}.eyebrow,.section-tag{font-size:12px;font-weight:800;letter-spacing:1.3px;color:#f4c229}.hero h1{font:800 clamp(43px,5vw,70px)/1.02 Manrope;margin:16px 0}.hero h1 span{color:#fff}.hero p{font-size:18px;max-width:630px;color:#e2edf9}.hero-badges{display:flex;gap:22px;flex-wrap:wrap;margin:28px 0}.hero-badges span{font-size:12px}.actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 24px;border-radius:4px;font-weight:800;font-size:13px;border:0;cursor:pointer}.primary{background:#f7c52b;color:#102b4d}.light{background:#fff;color:#163d6c}.hero-card{margin-left:auto;background:#fff;color:#12345b;padding:28px;width:235px;border-radius:12px;box-shadow:0 20px 50px #001b3d55}.hero-card span{font-size:11px;font-weight:800;color:#0d5aad}.hero-card strong{display:block;font:800 38px Manrope;margin:5px 0}.hero-card p{font-size:13px}.hero-card a{font-weight:800;color:#0d55a0;font-size:12px}.slider-dots{position:absolute;bottom:25px;left:50%;display:flex;gap:7px}.slider-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff66}.slider-dots i:first-child{background:#f5c21f}.quickbar{margin-top:-27px;position:relative;z-index:5;background:#fff;border-radius:12px;box-shadow:0 10px 35px #082d5d1c;display:grid;grid-template-columns:repeat(6,1fr);padding:5px}.quickbar a{display:flex;gap:12px;align-items:center;padding:20px 16px;border-right:1px solid #e8edf3;font-size:11px}.quickbar a:last-child{border:0}.quickbar b{font-size:25px;color:#0757a5}.quickbar strong{font-size:12px}.section{padding:90px 0}.soft{background:#f6f9fc}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.image-frame{position:relative}.image-frame img{width:100%;height:390px;object-fit:cover;border-radius:12px}.experience{position:absolute;bottom:-17px;left:20px;background:#0a4b91;color:#fff;padding:15px 22px;border:3px solid #f4c229;border-radius:8px}.experience strong{font:800 31px Manrope;display:block;color:#fff}.experience span{font-size:11px}.copy h2,.section h2{font:800 35px/1.15 Manrope;color:#132a47;margin:12px 0 20px}.copy>p{color:#667385;font-size:14px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.mini-grid div{font-size:12px;color:#0c579f}.mini-grid b,.mini-grid small{display:block;margin-left:20px}.mini-grid b{color:#273b54}.mini-grid small{color:#8290a0}.text-btn{font-size:12px;font-weight:800;color:#0757a4}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.cards{display:grid;gap:20px}.three{grid-template-columns:repeat(3,1fr)}.info-card{background:#fff;border:1px solid #e7edf3;border-radius:10px;padding:32px;transition:.25s}.info-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0a376d13}.info-card.featured{border-top:4px solid #f5c228}.icon{font-size:31px;color:#0757a4}.info-card h3{font:800 19px Manrope;margin:15px 0 8px}.info-card p{font-size:13px;color:#6c7787}.info-card a{font-size:12px;color:#0757a4;font-weight:800}.center{text-align:center;margin-bottom:38px}.center p{color:#758093;font-size:14px}.dept-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.dept-grid a{padding:25px 20px;border:1px solid #e5ebf2;border-radius:9px;display:flex;flex-direction:column;gap:6px;background:#fff;transition:.2s}.dept-grid a:hover{border-color:#0a5aa9;box-shadow:0 10px 25px #092e5c12}.dept-grid span{font-size:28px;color:#0757a4}.dept-grid b{font-size:13px}.dept-grid small{font-size:11px;color:#8793a2}.stats{padding:80px 0;background:linear-gradient(105deg,#062b58,#0a4b8d);color:#fff}.stats-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:center}.stats h2{color:#fff}.stats ul{padding-left:0;list-style:none;font-size:13px;line-height:2.1;color:#dce8f6}.stats li:before{content:"✓";color:#f4c229;margin-right:10px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-grid div{border:1px solid #ffffff55;border-radius:7px;padding:24px;text-align:center}.stat-grid strong{font:800 33px Manrope;display:block}.stat-grid span{font-size:11px;color:#d7e5f4}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:190px 190px;gap:12px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:9px}.gallery img:first-child{grid-row:span 2}.admission{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.admission p{color:#6d7887;font-size:14px}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.steps span{font-size:12px;font-weight:700}.steps b{display:inline-grid;place-items:center;width:35px;height:35px;background:#eaf2fb;color:#0757a4;border-radius:50%;margin-right:10px}.lead-form{background:#fff;padding:30px;border-radius:10px;box-shadow:0 15px 45px #0b376218}.lead-form h3{font:800 22px Manrope;margin-top:0}.lead-form input,.lead-form select,.newsletter input{width:100%;padding:13px;border:1px solid #dce3eb;border-radius:5px;margin-bottom:11px;font:inherit;font-size:12px;background:#fff}.lead-form button{width:100%}.lead-form small{display:block;color:#15803d;margin-top:8px}.news-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:65px}.news-item{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #e8edf3}.date{min-width:53px;height:58px;background:#0a4b91;color:#fff;border-radius:5px;text-align:center;padding-top:7px;font:800 18px Manrope;line-height:1.1}.date small{font-size:9px}.news-item span{font-size:9px;font-weight:800;color:#0b5ba9}.news-item h3{font:700 15px Manrope;margin:3px 0}.news-item p{font-size:11px;color:#7b8796;margin:0}.event{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid #e8edf3}.event>b{font:800 18px Manrope;color:#0a4b91;min-width:48px;line-height:1.1}.event small{display:block;color:#8993a0;font:500 10px Inter}.event strong{font-size:13px}.cta{background:#0a4b91;color:#fff;padding:45px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center}.cta h2{font:800 32px Manrope;margin:5px 0}.cta span{font-size:10px;letter-spacing:1.3px;color:#f6c52b;font-weight:800}.links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.links-grid a{padding:18px 20px;border:1px solid #e3e9f0;border-radius:6px;font-weight:700;font-size:12px;display:flex;justify-content:space-between}.links-grid a:hover{border-color:#0b5aaa;color:#0757a4}.newsletter{background:#0b5ba8;color:#fff}.newsletter-inner{display:flex;align-items:center;justify-content:space-between;padding:25px 0}.newsletter h2{font:800 22px Manrope;margin:0}.newsletter p{font-size:11px;margin:3px 0}.newsletter form{display:flex;width:390px}.newsletter input{margin:0;border:0;border-radius:4px 0 0 4px}.newsletter button{border:0;background:#f4c229;padding:0 22px;font-weight:800;border-radius:0 4px 4px 0}.footer-main{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:35px;padding:55px 0 35px}.footer-main,.footer-main a{color:#d4dfec}.footer-main{background:#062b58}.footer-main:before{content:"";position:absolute;left:0;right:0}.footer-main h4{color:#fff;font-size:11px;letter-spacing:.6px}.footer-main>a,.footer-main div>a{display:block;font-size:11px;margin:9px 0}.footer-main p{font-size:11px;color:#b7c7d8}.footer-brand .brand strong{color:#fff}.footer-brand .brand small{color:#c8d4e1}.footer-brand>p{max-width:250px}.socials{display:flex;gap:8px}.socials a{width:29px;height:29px;border:1px solid #52769b;border-radius:50%;display:grid!important;place-items:center}.copyright{padding:16px 0;color:#9db0c5;font-size:10px;border-top:1px solid #17446e}.copyright span{float:right}
/* College logo image used in the header and footer */
.college-logo{width:48px;height:48px;object-fit:contain;display:block;flex:0 0 48px}
@media(max-width:950px){nav{gap:13px;font-size:11px}.brand{min-width:200px}.quickbar{grid-template-columns:repeat(3,1fr)}.split,.admission,.stats-layout,.news-layout{grid-template-columns:1fr;gap:35px}.dept-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.topbar{display:none}.header{height:68px}.menu-btn{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:15px 5%;box-shadow:0 15px 25px #0001}nav.open{display:flex}nav a{padding:8px 0}.hero,.hero-content{min-height:620px}.hero-card{display:none}.hero h1{font-size:44px}.hero p{font-size:15px}.quickbar{grid-template-columns:repeat(2,1fr)}.quickbar a{padding:15px}.three,.links-grid{grid-template-columns:1fr}.section{padding:65px 0}.section h2,.copy h2{font-size:29px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:160px 160px}.gallery img:first-child{grid-row:span 1}.gallery img:nth-child(3){grid-column:span 2}.stat-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.cta-inner,.newsletter-inner{flex-direction:column;align-items:flex-start;gap:20px}.newsletter form{width:100%}.footer-main{grid-template-columns:1fr 1fr}.copyright span{float:none;display:block;margin-top:7px}}
/* About Us content */
.about-content{max-width:1000px}
.about-content>p{color:#667385;font-size:14px;margin:0 0 16px}
.about-content>h3{font:800 22px Manrope;color:#132a47;margin:34px 0 12px}
.about-program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 28px}
.about-program-grid .info-card{padding:24px}
.about-program-grid .info-card h3{font:800 17px Manrope;color:#132a47;margin:0 0 8px}
.about-program-grid .info-card p{font-size:13px;color:#6c7787;margin:0}
.about-list{padding-left:22px;color:#667385;font-size:14px;line-height:1.9}
.about-closing{margin-top:24px;padding:20px;background:#f6f9fc;border-left:4px solid #f4c229;border-radius:5px}
@media(max-width:720px){.about-program-grid{grid-template-columns:1fr}}

/* Magazine-informed college content */
.activity-feature{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.activity-feature h2{color:#fff;margin-top:12px}
.activity-feature p{color:#dce8f6;font-size:14px}
.activity-feature ul{padding-left:0;list-style:none;font-size:13px;line-height:2;color:#dce8f6}
.activity-feature li:before{content:"✓";color:#f4c229;margin-right:10px;font-weight:800}
.activity-feature-image img{width:100%;max-height:370px;object-fit:cover;border-radius:12px;border:4px solid #ffffff33}
.activity-feature-image p{font-size:11px;color:#dce8f6}
.real-gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:220px 180px}
.real-gallery figure{position:relative;margin:0;overflow:hidden;border-radius:9px;background:#eaf0f6}
.real-gallery figure:first-child{grid-row:span 2}
.real-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.real-gallery figure:hover img{transform:scale(1.04)}
.real-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;color:#fff;font-size:12px;font-weight:700;background:linear-gradient(transparent,#061c37cc)}
.principal-section{background:#fff}
.principal-layout,.technova-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px;align-items:center}
.principal-photo{display:flex;justify-content:center}
.principal-photo img{width:min(100%,260px);aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:12px;box-shadow:0 18px 40px #082d5d1c}
.principal-copy h2,.technova-copy h2{margin-top:12px}
.principal-copy p,.technova-copy p{font-size:14px;color:#667385}
.principal-copy>strong,.principal-role{display:block}
.principal-copy>strong{color:#132a47;margin-top:18px}
.principal-role{font-size:12px;color:#7b8796}
.technova-layout{grid-template-columns:.65fr 1.35fr}
.technova-cover img{display:block;width:100%;max-width:310px;margin:auto;border-radius:8px;box-shadow:0 18px 45px #092d5d22}
.technova-motto{font:800 18px Manrope;color:#0a4b91!important}
.technova-download{display:inline-block;margin-left:18px}
@media(max-width:950px){.activity-feature,.principal-layout,.technova-layout{grid-template-columns:1fr;gap:30px}.principal-photo{justify-content:flex-start}.real-gallery{grid-template-rows:200px 170px}}
@media(max-width:720px){.real-gallery{grid-template-columns:1fr 1fr;grid-template-rows:170px 170px 170px}.real-gallery figure:first-child{grid-row:auto}.real-gallery figure:last-child{grid-column:span 2}.technova-download{display:block;margin:16px 0 0}.activity-feature-image img{max-height:270px}}


/* Committees & Cells section */
.committees-section{background:#fff}
.committee-notice{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#f2f7fc;border-left:4px solid #f4c229;border-radius:6px;padding:15px 18px;margin:0 0 22px;color:#526277;font-size:12px}
.committee-notice strong{color:#0a3d7a;font-size:13px}
.committee-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.committee-card{border:1px solid #e0e8f1;border-radius:9px;background:#fff;overflow:hidden;scroll-margin-top:100px}
.committee-card[open]{box-shadow:0 12px 30px #092e5c12;border-color:#b9cee4}
.committee-card summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:19px 20px;min-height:76px}
.committee-card summary::-webkit-details-marker{display:none}
.committee-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#eaf2fb;color:#0757a4;font-size:22px;font-weight:600}
.committee-card[open] .committee-icon{background:#0a4b91;color:#fff}
.committee-title{font:800 15px Manrope;color:#132a47;flex:1}
.committee-hint{font-size:10px;font-weight:700;color:#0757a4;white-space:nowrap}
.committee-content{padding:0 20px 22px;border-top:1px solid #edf1f6}
.committee-content>p{font-size:12px;color:#667385;margin:17px 0}
.committee-content h4{font:800 13px Manrope;color:#132a47;margin:20px 0 9px}
.committee-content ul{padding-left:20px;color:#667385;font-size:12px;line-height:1.8}
.committee-table-wrap{width:100%;overflow-x:auto;border:1px solid #e3eaf2;border-radius:5px}
.committee-table{border-collapse:collapse;width:100%;min-width:520px;font-size:10px;text-align:left}
.committee-table th{background:#0a3d7a;color:#fff;font-weight:700}
.committee-table th,.committee-table td{padding:9px 10px;border-bottom:1px solid #e4eaf1;vertical-align:top}
.committee-table tbody tr:nth-child(even){background:#f6f9fc}
.committee-table tbody tr:last-child td{border-bottom:0}
.committee-footnote{margin:22px 0 0;font-size:11px;color:#7a8797}
@media(max-width:850px){.committee-list{grid-template-columns:1fr}}
@media(max-width:720px){.committee-card summary{padding:15px;gap:9px}.committee-content{padding:0 14px 18px}.committee-hint{font-size:9px}}


/* Footer alignment and background fix */
footer {
  width: 100%;
  overflow: hidden;
  background: #082b53;
}
footer .newsletter {
  width: 100%;
}
footer .footer-main.container {
  width: min(100% - 48px, 1180px);
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 44px 0 38px;
  display: grid;
  grid-template-columns: minmax(230px, 1.55fr) repeat(3, minmax(120px, 1fr)) minmax(175px, 1.15fr);
  gap: 28px;
  align-items: start;
}
footer .footer-brand {
  min-width: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
footer .footer-brand .brand {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  min-width: 0;
}
footer .footer-brand .brand > div:last-child {
  min-width: 0;
}
footer .footer-brand .brand strong,
footer .footer-brand .brand small {
  display: block;
  overflow-wrap: anywhere;
}
footer .footer-brand > p {
  margin: 14px 0 18px;
  max-width: 270px;
}
footer .footer-main > div {
  min-width: 0;
}
footer .footer-main a,
footer .footer-main p {
  overflow-wrap: anywhere;
}
footer .copyright.container {
  width: min(100% - 48px, 1180px);
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media (max-width: 1000px) {
  footer .footer-main.container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
  }
  footer .footer-brand {
    grid-column: span 2;
  }
}
@media (max-width: 640px) {
  footer .footer-main.container {
    width: calc(100% - 36px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 18px;
    padding: 32px 0;
  }
  footer .footer-brand {
    grid-column: 1 / -1;
  }
  footer .footer-brand .brand strong {
    font-size: 20px;
  }
  footer .footer-brand .brand small {
    font-size: 9px;
  }
  footer .copyright.container {
    width: calc(100% - 36px);
    padding-bottom: 16px;
  }
}


/* Director's message */
.director-section{background:#f4f8fc}
.director-heading{max-width:760px;margin:0 auto 34px;text-align:center}
.director-heading h2{margin:10px 0 8px;color:#132a47}
.director-heading>p{margin:0;color:#667385;font-size:14px}
.director-layout{display:grid;grid-template-columns:.62fr 1.38fr;gap:44px;align-items:center;background:#fff;border:1px solid #e2eaf3;border-radius:14px;padding:34px;box-shadow:0 16px 38px #092d5c0a}
.director-photo-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.director-photo{display:block;width:min(100%,285px);height:auto;max-height:390px;object-fit:contain;object-position:center}
.director-identification strong,.director-identification span{display:block}
.director-identification strong{color:#132a47;font:800 18px Manrope, sans-serif}
.director-identification span{margin-top:4px;color:#748195;font-size:12px}
.director-message-copy p{margin:0 0 14px;color:#566579;font-size:14px;line-height:1.85}
.director-message-copy p:last-child{margin-bottom:0}
.director-best-wishes{color:#0a4b91!important;font-weight:800;font-size:16px!important}
.director-pillars{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;margin-top:20px}
.director-pillar{padding:25px 26px;background:#fff;border:1px solid #e2eaf3;border-radius:12px}
.director-pillar-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:10px;border-radius:50%;background:#eaf2fb;color:#0a4b91;font-size:23px}
.director-pillar h3{margin:0 0 10px;color:#132a47;font:800 19px Manrope, sans-serif}
.director-pillar p,.director-pillar ul{margin:0;color:#667385;font-size:13px;line-height:1.85}
.director-pillar ul{padding-left:18px}
@media(max-width:850px){.director-layout{grid-template-columns:1fr;gap:24px;padding:25px}.director-photo{max-width:235px;max-height:330px}.director-pillars{grid-template-columns:1fr}}
@media(max-width:520px){.director-layout{padding:18px}.director-pillar{padding:20px}.director-message-copy p{font-size:13px}}


/* Header refinement: reduce the college name size while keeping the logo and tagline unchanged. */
.brand strong { font-size: 26px; }
@media (max-width: 720px) { .brand strong { font-size: 20px; } }
