@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Libre+Baskerville:wght@700&display=swap";
:root{--ink:#111827;--muted:#4b5563;--line:#e5e7eb;--paper:#f8fafc;--white:#fff;--navy:#1e3a8a;--blue:#2563eb;--gold:#f59e0b;--green:#059669;--coral:#dc2626;--sky:#dbeafe;--shadow-soft:0 16px 38px #1e3a8a14;--shadow-strong:0 28px 70px #1e3a8a26;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:auto}body{color:var(--ink);background:radial-gradient(circle at top left, #2563eb14, transparent 28rem), radial-gradient(circle at bottom right, #f59e0b0d, transparent 28rem), linear-gradient(180deg, #fff 0%, var(--paper) 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}:focus-visible{outline-offset:3px;outline:3px solid #d9a441b8}.top-strip{color:#ffffffdb;background:#0c2848;justify-content:center;gap:clamp(16px,4vw,52px);min-height:40px;padding:9px 18px;font-size:.86rem;font-weight:800;display:flex}.top-strip span:nth-child(2){color:#f7d98a}@media (min-width:681px){.show-desktop{display:inline!important}}@media (max-width:680px){.show-desktop{display:none!important}}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #dbe4ebdb;justify-content:space-between;align-items:center;min-height:78px;padding:12px clamp(18px,4vw,58px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 2px 8px #102f5526);border-radius:4px;flex:none;width:48px;height:48px}.brand strong,.brand small{display:block}.brand strong{color:var(--navy);font-size:1rem;line-height:1.1}.brand small{color:var(--muted);font-size:.78rem;font-weight:700}.main-nav,.admin-nav{align-items:center;gap:6px;display:flex}.main-nav a,.admin-nav a,.view-site{color:#344054;font-weight:800}.main-nav a{border-radius:var(--radius);padding:10px 12px;transition:background .18s,color .18s,transform .18s}.main-nav a:hover,.nav-admin{color:var(--navy);background:#eaf3f8}.main-nav a:hover{transform:translateY(-1px)}.icon-button{width:44px;height:44px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#ffffffe6;place-items:center;padding:0;transition:transform .16s,box-shadow .16s,background .16s;display:inline-grid}.icon-button:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.nav-toggle{display:none}.hero{background:#0d223c;min-height:calc(100dvh - 118px);position:relative;overflow:hidden}.slideshow,.slide{position:absolute;inset:0}.slide{overflow:hidden}.slide img{object-fit:cover;width:100%;height:100%}.slide:after{content:"";background:linear-gradient(90deg,#09192ddb,#09192d8c,#09192d29),linear-gradient(#0000 55%,#09192d7a);position:absolute;inset:0}.hero-overlay{z-index:2;width:min(760px,100% - 36px);min-height:calc(100dvh - 118px);color:var(--white);flex-direction:column;justify-content:center;margin-left:clamp(18px,6vw,88px);padding:90px 0 132px;animation:.72s ease-out both heroCopyIn;display:flex;position:relative}.eyebrow,.section-kicker,.panel-label{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:900}.hero h1{text-wrap:balance;max-width:760px;margin:0;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(3rem,7vw,6.35rem);line-height:.98}.hero p:not(.eyebrow){color:#ffffffe6;max-width:620px;margin:24px 0 0;font-size:clamp(1rem,2vw,1.22rem)}.hero-actions,.admin-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-action,.secondary-action,.secondary-button{border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:11px 18px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-action{color:#16202d;background:var(--gold);border:1px solid var(--gold);box-shadow:0 16px 30px #d9a44133}.primary-action:hover,.secondary-action:hover,.secondary-button:hover{transform:translateY(-1px)}.secondary-action,.secondary-button{color:var(--white);background:#ffffff24;border:1px solid #ffffff75}.secondary-button{color:var(--navy);background:var(--white);border-color:var(--line)}.hero-panel{z-index:3;width:min(380px,100% - 36px);color:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a2038a8;border:1px solid #ffffff38;padding:22px;animation:.76s ease-out .18s both panelFloatIn;position:absolute;bottom:96px;right:clamp(18px,5vw,72px)}.hero-panel h2{color:var(--white);font-size:1.55rem}.hero-panel p{color:#ffffffc7;margin:8px 0 0}.mini-metrics{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.mini-metrics span{border-radius:var(--radius);background:#ffffff1a;gap:2px;padding:13px;font-size:.82rem;font-weight:800;display:grid}.mini-metrics strong{color:#f7d98a;font-size:1.55rem}.slide-controls{z-index:4;gap:10px;display:flex;position:absolute;bottom:34px;right:clamp(18px,5vw,72px)}.slide-progress{z-index:5;background:var(--gold);transform-origin:0;width:100%;height:4px;animation:5.2s linear both slideProgress;position:absolute;bottom:0;left:0}.quick-links{z-index:5;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);width:min(1180px,100% - 36px);box-shadow:var(--shadow-strong);grid-template-columns:repeat(4,1fr);margin:-54px auto 0;display:grid;position:relative;overflow:hidden}.quick-links a{min-height:108px;color:var(--navy);border-right:1px solid var(--line);justify-content:center;align-items:center;gap:10px;padding:18px;font-weight:900;transition:background .18s;display:flex}.quick-links a:hover{background:#f4f8fb}.quick-links a:last-child{border-right:0}.identity-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);width:min(1180px,100% - 36px);margin:26px auto 0;display:grid}.identity-band div{min-height:74px;color:var(--green);border-right:1px solid var(--line);justify-content:center;align-items:center;gap:10px;font-weight:900;transition:background .18s,color .18s;display:flex}.identity-band div:hover{color:var(--navy);background:#d9a4411f}.identity-band div:last-child{border-right:0}.section{width:min(1180px,100% - 36px);margin:0 auto;padding:88px 0}.intro-grid,.split-section,.admission-section,.feature-band,.principal-note{grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);align-items:start;gap:clamp(24px,5vw,64px);display:grid}h2{color:var(--navy);text-wrap:balance;margin:0;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(2rem,4vw,3.55rem);line-height:1.07}p{color:var(--muted)}.intro-section p,.principal-note p,.feature-band p,.admission-section p{max-width:680px;font-size:1.06rem}.stats-panel,.notice-board,.enquiry-form,.admin-panel,.dashboard-strip,.command-center{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#ffffffe0}.stats-panel{grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.stats-panel div,.dashboard-strip div{border-right:1px solid var(--line);padding:24px}.stats-panel div:last-child,.dashboard-strip div:last-child{border-right:0}.stats-panel strong,.dashboard-strip strong{color:var(--green);font-size:2rem;display:block}.stats-panel span,.dashboard-strip span{color:var(--muted);font-weight:800}.principal-note{border-radius:var(--radius);width:min(1180px,100% - 36px);box-shadow:var(--shadow-strong);background:#112f52;margin:0 auto;padding:30px}.principal-note h2,.principal-note p{color:var(--white)}.principal-note p{color:#ffffffc7}.portrait-stack{position:relative}.portrait-stack:before{content:"";border:2px solid var(--gold);border-radius:var(--radius);position:absolute;inset:18px -18px -18px 18px}.portrait-stack img{object-fit:cover;border-radius:var(--radius);width:100%;height:360px;transition:transform .26s;position:relative}.principal-note:hover .portrait-stack img{transform:translate(-4px,-4px)}.section-heading{justify-content:space-between;gap:28px;margin-bottom:28px;display:flex}.section-heading p{max-width:470px;margin:0}.pathway-grid,.news-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pathway-card,.news-card,.event-item,.notice-item,.editor-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.pathway-card,.news-card{transition:transform .18s,box-shadow .18s;box-shadow:0 12px 26px #102f5514}.pathway-card:hover,.news-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.pathway-card img,.news-card img{object-fit:cover;width:100%;height:184px}.pathway-card div,.news-card div{padding:18px}.pathway-card h3,.news-card h3,.event-item h3,.notice-item h3{color:var(--navy);margin:0 0 8px;line-height:1.2}.feature-band{width:min(1280px,100% - 36px);color:var(--white);background:linear-gradient(135deg, #102f55f5, #25745eeb), var(--navy);border-radius:var(--radius);box-shadow:var(--shadow-strong);margin:18px auto 0;padding:42px}.feature-band img{object-fit:cover;border-radius:var(--radius);width:100%;height:430px}.feature-band h2,.feature-band p{color:var(--white)}.feature-band p{opacity:.82}.text-link{color:var(--blue);margin-top:10px;font-weight:900;display:inline-flex}.feature-band .text-link{color:var(--gold)}.event-list,.notice-list{gap:12px;display:grid}.event-list{margin-top:18px}.event-item{grid-template-columns:88px 1fr;min-height:118px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 10px 24px #102f5512}.event-item:hover{box-shadow:var(--shadow-soft);transform:translate(4px)}.event-date{color:var(--white);background:var(--green);text-align:center;place-items:center;font-weight:900;display:grid}.event-date span{font-size:1.8rem;line-height:1;display:block}.event-content,.notice-item{padding:18px}.notice-board{padding:26px}.notice-board h2{font-size:clamp(1.8rem,3vw,2.55rem)}.notice-item{border-left:4px solid var(--gold);transition:transform .18s,border-color .18s}.notice-item:hover{border-left-color:var(--green);transform:translate(4px)}.admission-section{align-items:center;padding-top:24px}.enquiry-form,.settings-form{gap:14px;padding:24px;display:grid}label{color:#344054;gap:7px;font-weight:800;display:grid}input,textarea,select{width:100%;min-height:46px;color:var(--ink);background:var(--white);border-radius:var(--radius);border:1px solid #c8d3df;padding:10px 12px}textarea{resize:vertical}.site-footer{color:#ffffffd6;background:#0c2848;justify-content:space-between;gap:24px;padding:48px clamp(18px,4vw,56px);display:flex}.site-footer .brand strong,.site-footer .brand small,.site-footer p{color:#ffffffc2}.site-footer .brand strong{color:var(--white)}.footer-links{color:var(--white);align-content:start;gap:10px;font-weight:800;display:grid}.footer-links a{align-items:center;gap:9px;display:inline-flex}.admin-body{background:linear-gradient(90deg, #102f55 0, #102f55 292px, transparent 292px), radial-gradient(circle at top right, #d9a4412e, transparent 26rem), var(--paper);grid-template-columns:292px 1fr;min-height:100vh;display:grid}.admin-sidebar{background:linear-gradient(#ffffff0f,#0000 32%),#102f55;flex-direction:column;height:100vh;padding:22px;display:flex;position:sticky;top:0}.admin-sidebar .brand strong,.admin-sidebar .brand small,.admin-sidebar a{color:var(--white)}.admin-nav{flex-direction:column;align-items:stretch;margin-top:34px}.admin-nav a,.view-site{border-radius:var(--radius);align-items:center;gap:10px;min-height:46px;padding:12px;transition:background .18s,transform .18s;display:flex}.admin-nav a:hover,.view-site:hover{background:#ffffff1a;transform:translate(2px)}.view-site{margin-top:auto}.admin-main{min-width:0;padding:30px clamp(18px,4vw,46px) 64px}.admin-topbar,.panel-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.admin-topbar h1{color:var(--navy);margin:0;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(2rem,4vw,3.45rem);line-height:1.05}.admin-subtitle{max-width:620px;margin:12px 0 0}.database-status{color:var(--green);border-radius:var(--radius);background:#25745e1a;border:1px solid #25745e33;margin:12px 0 0;padding:7px 10px;font-size:.88rem;font-weight:900;display:inline-flex}.command-center{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:28px 0 18px;display:grid;overflow:hidden}.command-center div{background:#ffffffe6;padding:20px}.command-index{color:var(--gold);margin-bottom:12px;font-weight:900;display:inline-flex}.command-center strong{color:var(--navy);font-size:1rem;display:block}.command-center p{margin:6px 0 0;font-size:.92rem}.dashboard-strip{grid-template-columns:repeat(4,1fr);margin:22px 0;display:grid;overflow:hidden}.admin-panel{margin-top:22px;padding:24px}.admin-panel h2{font-size:clamp(1.35rem,2vw,2rem)}.editor-list{gap:14px;margin-top:20px;display:grid}.editor-card{grid-template-columns:160px 1fr auto;align-items:start;gap:16px;padding:16px;transition:transform .18s,box-shadow .18s;display:grid}.editor-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #102f551a}.editor-card img{object-fit:cover;border-radius:var(--radius);background:#edf2f7;width:160px;height:118px}.editor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.editor-fields .wide{grid-column:1/-1}.delete-button{color:#a83636;border-radius:var(--radius);cursor:pointer;background:#fff5f5;border:1px solid #ffd6d6;place-items:center;width:44px;height:44px;display:inline-grid}.toast{z-index:50;max-width:320px;color:var(--white);background:var(--green);border-radius:var(--radius);box-shadow:var(--shadow-strong);opacity:0;pointer-events:none;padding:14px 16px;transition:all .2s;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}.toast.show{opacity:1;transform:translateY(0)}.form-message{border-radius:var(--radius);color:var(--green);background:#25745e1a;border:1px solid #25745e33;margin:0;padding:10px 12px;font-size:.92rem;font-weight:700}.pathway-card:nth-child(2),.news-card:nth-child(2),.identity-band div:nth-child(2){transition-delay:70ms}.pathway-card:nth-child(3),.news-card:nth-child(3),.identity-band div:nth-child(3){transition-delay:.12s}.pathway-card:nth-child(4),.identity-band div:nth-child(4){transition-delay:.17s}.admin-panel:nth-of-type(2){animation-delay:80ms}.admin-panel:nth-of-type(3){animation-delay:.13s}.admin-panel:nth-of-type(4){animation-delay:.18s}@keyframes heroCopyIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes panelFloatIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes adminRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:1080px){.hero-panel{display:none}}@media (max-width:980px){.nav-toggle{display:inline-grid}.main-nav{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);min-width:220px;box-shadow:var(--shadow-strong);flex-direction:column;align-items:stretch;padding:12px;display:none;position:absolute;top:78px;right:18px}.main-nav.open{display:flex}.quick-links,.pathway-grid,.news-grid,.dashboard-strip,.identity-band,.command-center{grid-template-columns:repeat(2,1fr)}.intro-grid,.split-section,.admission-section,.feature-band,.principal-note{grid-template-columns:1fr}.admin-body{background:var(--paper);grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-nav{grid-template-columns:repeat(3,1fr);display:grid}}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102f5566;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:var(--radius);width:100%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-strong);flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:var(--navy);margin:0;font-size:1.25rem}.modal-body{flex:1;padding:24px;overflow-y:auto}.media-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.media-card{aspect-ratio:1;cursor:pointer;background:var(--paper);border:2px solid #0000;border-radius:6px;transition:all .2s;position:relative;overflow:hidden}.media-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.media-card:hover{border-color:var(--sky)}.media-card:hover img{transform:scale(1.05)}.delete-media-btn{width:32px;height:32px;color:var(--coral);cursor:pointer;opacity:0;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 4px 12px #0000001a}.media-card:hover .delete-media-btn{opacity:1}.delete-media-btn:hover{background:var(--coral);color:var(--white);transform:scale(1.1)}.media-upload-btn{background:var(--paper);border:2px dashed var(--line);color:var(--navy);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:500;transition:all .2s;display:flex}.media-upload-btn:hover{border-color:var(--blue);background:var(--sky)}.public-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;display:grid}.gallery-item{aspect-ratio:4/3;border-radius:var(--radius);cursor:pointer;background:var(--white);position:relative;overflow:hidden;box-shadow:0 8px 24px #102f5514}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.gallery-item:hover img{transform:scale(1.05)}.lightbox{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1423f2;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 24px 64px #00000080}.lightbox-close{color:var(--white);cursor:pointer;opacity:.7;background:0 0;border:none;padding:8px;transition:opacity .2s;position:absolute;top:24px;right:24px}.lightbox-close:hover{opacity:1}.disclosure-card{background:var(--white);border-radius:var(--radius);margin-bottom:32px;overflow-x:auto;box-shadow:0 4px 16px #102f550d}.disclosure-card h3{background:var(--navy);color:var(--white);letter-spacing:.5px;margin:0;padding:20px 24px;font-size:1.1rem;font-weight:500}.disclosure-table{border-collapse:collapse;text-align:left;width:100%;min-width:500px}.disclosure-table th,.disclosure-table td{border-bottom:1px solid var(--line);padding:16px 24px}.disclosure-table th{color:var(--navy);text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;font-size:.85rem;font-weight:600}.disclosure-table tr:last-child td{border-bottom:none}.disclosure-table td{color:var(--text);font-size:.95rem;line-height:1.5}.disclosure-table td:first-child{width:60px;color:var(--muted);font-weight:500}.disclosure-table td.center{text-align:center}.pdf-link{background:var(--paper);width:36px;height:36px;color:var(--navy);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.pdf-link:hover{background:var(--coral);color:var(--white);transform:translateY(-2px)}@media (max-width:680px){.disclosure-table th,.disclosure-table td{padding:12px 14px;font-size:.88rem}.top-strip{justify-content:start;gap:4px;display:grid}.site-header{min-height:70px}.brand-mark{width:44px;height:44px;font-size:.88rem}.hero,.hero-overlay{min-height:680px}.hero-overlay{margin-left:18px;padding-top:76px}.quick-links,.pathway-grid,.news-grid,.stats-panel,.dashboard-strip,.admin-nav,.identity-band,.command-center{grid-template-columns:1fr}.quick-links a,.stats-panel div,.dashboard-strip div,.identity-band div{border-right:0;border-bottom:1px solid var(--line)}.section{padding:64px 0}.section-heading,.admin-topbar,.panel-heading,.site-footer{flex-direction:column;align-items:flex-start}.feature-band,.principal-note{padding:22px}.feature-band img,.portrait-stack img{height:260px}.editor-card{grid-template-columns:1fr}.editor-card img{width:100%;height:190px}.editor-fields{grid-template-columns:1fr}}