@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;1,14..32,400&display=swap";.navbar{z-index:1000;width:calc(100% - 32px);max-width:1160px;height:var(--nav-h);-webkit-backdrop-filter:blur(18px)saturate(180%);border-radius:var(--r-xl);transition:top var(--t-med), background var(--t-med), box-shadow var(--t-med), border-color var(--t-med), height var(--t-med);background:#ffffffb8;border:1px solid #ffffff73;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000000a,inset 0 1px #fff9,0 0 0 1px #1a3a6b08}.navbar.scrolled{background:#ffffffd9;border-color:#1a3a6b1a;height:60px;top:10px;box-shadow:0 12px 35px #1a3a6b1f,inset 0 1px #fffc}.navbar-inner{justify-content:space-between;align-items:center;max-width:100%;height:100%;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-img{object-fit:contain;width:auto;height:40px;transition:height var(--t-med);flex-shrink:0}.navbar.scrolled .logo-img{height:34px}.logo-text{color:var(--navy);letter-spacing:-.02em;font-size:.95rem;font-weight:700;line-height:1.2}.logo-text small{color:var(--text-muted);letter-spacing:0;font-size:.68rem;font-weight:400;display:block}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--r-pill);color:var(--gray-600);transition:color var(--t-fast), background var(--t-fast);padding:6px 14px;font-size:.88rem;font-weight:500;text-decoration:none;display:inline-block}.nav-link:hover{color:var(--navy);background:#1a3a6b0d}.nav-link.active{color:var(--navy);background:#1a3a6b17;font-weight:600;box-shadow:inset 0 1px #1a3a6b0d}.nav-cta{align-items:center;gap:12px;margin-left:16px;display:flex}.nav-toggle{border-radius:var(--r-sm);cursor:pointer;color:var(--navy);transition:background var(--t-fast);background:#1a3a6b0d;border:1px solid #1a3a6b14;justify-content:center;align-items:center;padding:8px;display:none}.nav-toggle:hover{background:#1a3a6b1a}.mobile-menu{top:calc(16px + var(--nav-h) + 10px);-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--r-lg);z-index:999;opacity:0;pointer-events:none;width:auto;transition:opacity var(--t-med), transform var(--t-med);background:#ffffffe0;border:1px solid #ffffff80;flex-direction:column;gap:4px;padding:16px 20px 20px;display:none;position:fixed;left:16px;right:16px;transform:translateY(-10px)scale(.98);box-shadow:0 15px 35px #1a3a6b26,inset 0 1px #fffc}.mobile-menu.open{opacity:1;pointer-events:all;display:flex;transform:translateY(0)scale(1)}.mobile-nav-link{border-radius:var(--r-md);color:var(--gray-600);transition:all var(--t-fast);padding:10px 14px;font-size:.95rem;font-weight:500;text-decoration:none;display:block}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--navy);background:#1a3a6b0f}.mobile-divider{background:#1a3a6b14;height:1px;margin:8px 0}@media (width<=900px){.nav-links,.nav-cta{display:none}.nav-toggle{display:flex}.navbar{border-radius:var(--r-lg);width:calc(100% - 20px);height:58px;top:10px}.navbar.scrolled{height:54px;top:8px}.mobile-menu{top:76px;left:10px;right:10px}.navbar.scrolled+.mobile-menu{top:70px}}@media (width>=901px){.mobile-menu{display:none!important}}.mobile-menu-credit{color:#1a3a6b80;text-align:right;letter-spacing:.02em;margin-top:16px;font-size:.7rem;font-weight:500}.mobile-menu-credit a{color:var(--navy);transition:color var(--t-fast);font-weight:600;-webkit-text-decoration:underline #1a3a6b33;text-decoration:underline #1a3a6b33}.mobile-menu-credit a:hover{color:var(--gold)}.footer{background:var(--navy);color:#ffffffd9}.footer-main{padding:64px 0 48px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;display:grid}.footer-brand-name{color:var(--white);letter-spacing:-.02em;margin-bottom:10px;font-size:1.1rem;font-weight:700}.footer-brand-desc{color:#ffffff8c;max-width:280px;margin-bottom:24px;font-size:.9rem;line-height:1.6}.footer-tag{border-radius:var(--r-pill);color:var(--gold);background:#e8a02033;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.footer-heading{letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;margin-bottom:20px;font-size:.75rem;font-weight:700}.footer-nav{flex-direction:column;gap:10px;display:flex}.footer-nav a{color:#ffffffb3;transition:color var(--t-fast);font-size:.9rem}.footer-nav a:hover{color:var(--white)}.footer-contact-list{flex-direction:column;gap:14px;display:flex}.footer-contact-item{color:#ffffffa6;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.5;display:flex}.footer-contact-item svg{color:var(--gold);flex-shrink:0;margin-top:2px}.footer-bottom{border-top:1px solid #ffffff1a;padding:20px 0}.footer-bottom-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-copy{color:#ffffff73;font-size:.85rem}.footer-bottom-links{gap:20px;display:flex}.footer-bottom-links a{color:#ffffff73;transition:color var(--t-fast);font-size:.85rem}.footer-bottom-links a:hover{color:#ffffffbf}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:36px}.footer-bottom-inner{flex-direction:column;align-items:flex-start}}.footer-credit-strip{background:linear-gradient(180deg, #12295299 0%, var(--navy-dark) 100%);text-align:center;border-top:1px solid #ffffff1a;padding:24px 0}.footer-credit-content{color:#ffffffd9;letter-spacing:.03em;justify-content:center;align-items:center;gap:12px;font-size:1.05rem;font-weight:500;display:inline-flex}.footer-credit-content .heart-icon{fill:#ff4757;color:#ff4757;filter:drop-shadow(0 0 6px #ff475799);animation:1.2s cubic-bezier(.215,.61,.355,1) infinite smoothHeartBeat}.dev-link{border-radius:var(--r-md);transition:all var(--t-med);background:linear-gradient(135deg,#e8a020 0%,#ffc837 50%,#e8a020 100%) 0 0/200%;border:1px solid #fff3;margin-left:4px;padding:4px 16px;font-weight:800;animation:3s infinite shinyShimmer,2s ease-in-out infinite alternate scalePulse;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 15px #e8a02059;color:var(--navy-dark)!important}.dev-link:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffffbf 50%,#fff0 100%);width:50%;height:200%;animation:2.2s ease-in-out infinite shineWave;position:absolute;top:-50%;left:-100%;transform:rotate(25deg)}.dev-link:hover{background:var(--white);border-color:var(--white);animation:none;transform:translateY(-2px)scale(1.08);box-shadow:0 10px 30px #ffffffd9,0 0 0 6px #ffffff40;color:var(--navy-dark)!important}.dev-link:hover:after{opacity:0;animation:none}@keyframes shinyShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes scalePulse{0%{transform:scale(1);box-shadow:0 4px 12px #e8a0204d}to{transform:scale(1.04);box-shadow:0 8px 24px #e8a02099,0 0 0 4px #e8a0202e}}@keyframes smoothHeartBeat{0%{transform:scale(1)}25%{transform:scale(1.15)}40%{transform:scale(1.05)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shineWave{0%{left:-120%}to{left:150%}}.hero{background-image:url(/photos/School%20gate/IMG-20260623-WA0004.jpg);background-position:50%;background-size:cover;background-attachment:fixed;align-items:center;min-height:100vh;display:flex;position:relative}.hero-overlay{background:linear-gradient(135deg,#0f1e3cd9 0%,#1a3a6ba6 60%,#0f1e3cbf 100%);position:absolute;inset:0}.hero-content{z-index:2;width:100%;max-width:860px;position:relative}.hero-eyebrow{border-radius:var(--r-pill);color:var(--gold);letter-spacing:.06em;text-transform:uppercase;background:#e8a02026;border:1px solid #e8a02080;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-title{color:var(--white);letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.1}.hero-subtitle{color:#ffffffbf;max-width:560px;margin-bottom:36px;font-size:1.2rem;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-meta{border-top:1px solid #ffffff26;gap:32px;margin-top:56px;padding-top:32px;display:flex}.hero-meta-item .value{color:var(--white);letter-spacing:-.03em;font-size:1.75rem;font-weight:800;line-height:1}.hero-meta-item .label{color:#ffffff8c;text-transform:none;letter-spacing:0;margin-top:4px;font-size:.8rem}.scroll-indicator{z-index:2;color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(#ffffff80,#0000);width:1px;height:40px;animation:1.8s ease-in-out infinite scrollDown}@keyframes scrollDown{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.5)}}.mission-strip{background:var(--navy);padding:48px 0}.mission-quote{text-align:center;color:#fffc;max-width:820px;margin:0 auto;padding:0 40px;font-size:1.2rem;font-style:italic;line-height:1.75;position:relative}.mission-quote:before,.mission-quote:after{content:"\"";color:var(--gold);opacity:.4;font-size:4rem;font-style:normal;line-height:1;position:absolute}.mission-quote:before{top:-8px;left:0}.mission-quote:after{content:"\"";bottom:-24px;right:0}.quick-links-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px;display:grid}.quick-link-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);transition:transform var(--t-med), box-shadow var(--t-med);color:inherit;text-decoration:none;display:block;overflow:hidden}.quick-link-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.quick-link-img{background-position:50%;background-size:cover;height:200px}.ql-academics{background-image:url(https://images.unsplash.com/photo-1532094349884-543bc11b234d?auto=format&fit=crop&q=80&w=600)}.ql-gallery{background-image:url(/photos/School%20gate/IMG-20260623-WA0004.jpg)}.ql-staff{background-image:url(/photos/Teachers%20group/IMG-20260623-WA0044.jpg)}.quick-link-body{justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.quick-link-body h3{color:var(--navy);font-size:1.15rem;font-weight:700}.quick-link-body p{color:var(--text-muted);margin-top:3px;font-size:.875rem}.quick-link-arrow{background:var(--gray-100);width:36px;height:36px;color:var(--navy);transition:background var(--t-fast), color var(--t-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-link-card:hover .quick-link-arrow{background:var(--navy);color:var(--white)}.map-wrapper{border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--shadow-md);margin-top:40px;overflow:hidden}.map-wrapper iframe{border:0;width:100%;height:460px;display:block}.hoi-image-wrapper{width:100%;max-width:400px;margin:0 auto;position:relative}.hoi-img{object-fit:cover;border-radius:var(--r-xl);width:100%;height:460px;box-shadow:var(--shadow-lg);border:4px solid var(--white)}.hoi-image-card{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--border);text-align:center;padding:16px 20px;position:absolute;bottom:-20px;left:20px;right:20px;box-shadow:0 10px 30px #1a3a6b1f}.hoi-image-card h4{color:var(--navy);font-size:1.05rem;font-weight:700}.hoi-image-card .designation{color:var(--gold);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:.8rem;font-weight:600}.hoi-image-card .qualification{color:var(--text-muted);margin-top:3px;font-size:.75rem}.hoi-message-content{flex-direction:column;gap:16px;display:flex}.hoi-quote-icon{margin-top:4px}.hoi-message-text{color:var(--text-muted);font-size:1.05rem;font-style:italic;line-height:1.8}.special-achievement-badge{background:var(--gold-light);border-radius:var(--r-md);color:#9a6c10;border:1px solid #e8a02026;align-items:center;gap:12px;margin-top:10px;padding:12px 18px;font-size:.88rem;line-height:1.5;display:inline-flex}.hero-info-strip{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-xl);background:#ffffff14;border:1px solid #ffffff26;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;margin-top:40px;padding:20px 24px;display:grid;box-shadow:0 15px 35px #0000001a,inset 0 1px #ffffff26,0 0 0 1px #ffffff08}.info-strip-item{align-items:center;gap:12px;display:flex}.info-strip-icon-wrapper{width:38px;height:38px;color:var(--gold);transition:background var(--t-fast), color var(--t-fast), transform var(--t-fast);background:#ffffff1f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #0000000d}.info-strip-text{flex-direction:column;display:flex;overflow:hidden}.info-strip-text .label-text{text-transform:uppercase;color:#ffffff8c;letter-spacing:.05em;font-size:.7rem;font-weight:600;line-height:1.2}.info-strip-text .value-text{color:var(--white);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.85rem;font-weight:500;line-height:1.4;overflow:hidden}.info-strip-item:hover .info-strip-icon-wrapper{background:var(--gold);color:var(--navy);transform:translateY(-1px)}@media (width<=992px){.hero-info-strip{grid-template-columns:repeat(2,1fr);gap:20px 16px;padding:20px}.info-strip-text .value-text{white-space:normal;text-overflow:clip;overflow:visible}}@media (width<=768px){.hero{background-attachment:scroll;align-items:flex-start;min-height:100svh;padding-top:110px;padding-bottom:60px}.hero-content{max-width:100%}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{text-align:center;justify-content:center;width:100%}.hero-meta{flex-wrap:wrap;gap:20px 28px}.quick-links-grid{grid-template-columns:1fr}.map-wrapper iframe{height:280px}.hoi-img{height:340px}.hoi-image-card{z-index:2;margin-top:-30px;margin-left:12px;margin-right:12px;position:relative;bottom:auto;left:auto;right:auto}}@media (width<=576px){.hero-info-strip{grid-template-columns:1fr;gap:16px;padding:16px}}:root{--navy:#1a3a6b;--navy-dark:#122952;--navy-light:#2a4f8f;--gold:#e8a020;--gold-light:#fef3dc;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-600:#6b7280;--gray-900:#111827;--bg:var(--white);--bg-alt:var(--gray-50);--text:var(--gray-900);--text-muted:var(--gray-600);--border:var(--gray-200);--primary:var(--navy);--accent:var(--gold);--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--shadow-card:0 2px 8px #1a3a6b14;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:9999px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease:cubic-bezier(.25, .1, .25, 1);--t-fast:.15s var(--ease);--t-med:.3s var(--ease);--nav-h:68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text);letter-spacing:-.02em;font-weight:600;line-height:1.25}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:var(--font);background:0 0;border:none}img{max-width:100%;display:block}.container{max-width:1160px;margin:0 auto;padding:0 24px}.section{padding:88px 0}.section-alt{background:var(--bg-alt)}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:.75rem;font-weight:600}.heading-xl{letter-spacing:-.03em;color:var(--white);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700}.heading-lg{letter-spacing:-.03em;color:var(--text);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700}.heading-md{color:var(--text);font-size:1.5rem;font-weight:600}.body-lg{color:var(--text-muted);font-size:1.125rem;line-height:1.75}.section-header{margin-bottom:48px}.section-header.center{text-align:center}.section-header .label{margin-bottom:10px;display:block}.section-header .heading-lg{margin-bottom:14px}.btn{border-radius:var(--r-pill);letter-spacing:-.01em;transition:all var(--t-fast);white-space:nowrap;align-items:center;gap:8px;padding:12px 26px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--navy);color:var(--white);box-shadow:0 2px 8px #1a3a6b40}.btn-primary:hover{background:var(--navy-dark);transform:translateY(-1px);box-shadow:0 4px 14px #1a3a6b4d}.btn-gold{background:var(--gold);color:var(--white);box-shadow:0 2px 8px #e8a0204d}.btn-gold:hover{background:#d4911a;transform:translateY(-1px)}.btn-ghost{color:var(--white);background:0 0;border:2px solid #fff9}.btn-ghost:hover{border-color:var(--white);background:#ffffff26}.btn-outline{color:var(--navy);border:2px solid var(--navy);background:0 0}.btn-outline:hover{background:var(--navy);color:var(--white)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);transition:transform var(--t-med), box-shadow var(--t-med);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-body{padding:28px}.divider{background:var(--border);height:1px;margin:0}.badge{border-radius:var(--r-pill);padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.badge-navy{color:var(--navy);background:#1a3a6b1a}.badge-gold{background:var(--gold-light);color:#9a6c10}.info-block{background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.info-icon{border-radius:var(--r-sm);width:46px;height:46px;color:var(--navy);background:#1a3a6b14;flex-shrink:0;justify-content:center;align-items:center;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--gray-900);font-size:.875rem;font-weight:500}.form-input{border-radius:var(--r-sm);border:1.5px solid var(--border);font-family:var(--font);color:var(--text);background:var(--white);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;width:100%;padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--navy);box-shadow:0 0 0 3px #1a3a6b1f}.page{padding-top:var(--nav-h)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-fade-up{animation:fadeUp .6s var(--ease) both}.anim-fade-in{animation:fadeIn .6s var(--ease) both}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-navy{color:var(--navy)}.text-gold{color:var(--gold)}.font-semibold{font-weight:600}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.gap-2{gap:8px}.gap-4{gap:16px}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}html,body{max-width:100%;overflow-x:hidden}@media (width<=768px){.section{padding:48px 0}.container{padding:0 16px}.heading-lg{font-size:1.75rem}.heading-md{font-size:1.2rem}.body-lg{font-size:1rem}.section-header{margin-bottom:28px}.page-header-inner{padding:52px 0 40px}.logo-img{height:34px}.logo-text{font-size:.8rem}.logo-text small{display:none}.two-col-grid{grid-template-columns:1fr!important;gap:28px!important}.form-two-col{grid-template-columns:1fr!important}.mobile-pad-sm{padding:20px!important}.member-row{flex-wrap:wrap;gap:10px!important}.member-row .member-badge{text-align:center;width:100%}.dept-header{flex-wrap:wrap}.dept-header h2{white-space:normal!important;font-size:1rem!important}.stat-grid{grid-template-columns:1fr 1fr!important}.hero-meta{flex-wrap:wrap;gap:16px}.hero-meta-item .value{font-size:1.4rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{justify-content:center;width:100%}.quick-links-grid{grid-template-columns:1fr!important}.timeline-item{gap:14px!important}.streams-grid{grid-template-columns:1fr!important}.thumb-strip{-webkit-overflow-scrolling:touch}.footer-grid{grid-template-columns:1fr!important;gap:32px!important}.footer-bottom-inner{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=400px){.stat-grid{grid-template-columns:1fr!important}.logo-text{display:none}}