:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #b0342b59}h1,h2,h3,p{margin:0}#root{min-height:100vh}.site-shell{color:#17202a;background:#f7f8f3;min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f8f3f2;border-bottom:1px solid #dfe6d4;justify-content:space-between;align-items:center;gap:24px;padding:14px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand,.nav-link,.portal-button,.icon-button,.primary-action,.secondary-action,.footer button,.footer a,.enquiry-card button,.portal-modal button,.youtube-band a,.map-panel a,.app-link,.portal-compact a{font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand{color:#17202a;text-align:left;background:0 0;padding:0}.brand-mark{color:#fff;background:#0f6f62;border-radius:8px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex;box-shadow:inset 0 -8px #00000014}.brand strong,.brand small{display:block}.brand strong{font-size:17px;line-height:1.1}.brand small{color:#5d685f;margin-top:2px;font-size:12px}.nav{align-items:center;gap:6px;display:flex}.nav-link{color:#334036;background:0 0;border-radius:7px;min-height:42px;padding:0 13px}.nav-link:hover,.nav-link.active{color:#0c4f47;background:#e6efe7}.topbar-actions{align-items:center;gap:8px;display:flex}.portal-button,.footer button{color:#fff;background:#173f6f;border-radius:7px;min-height:42px;padding:0 15px}.icon-button{color:#17202a;background:#fff;border:1px solid #d8dfd1;border-radius:7px;width:42px;height:42px;display:none}.hero{color:#fff;background:linear-gradient(90deg,#102a31d6,#102a318c 48%,#102a3133),url(https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=1800&q=80) 50%/cover;align-items:end;min-height:calc(100vh - 76px);padding:clamp(72px,10vw,130px) clamp(20px,6vw,76px) clamp(58px,7vw,90px);display:flex}.hero-copy{width:min(760px,100%)}.eyebrow,.section-kicker{letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.eyebrow{color:#fff0b0}.section-kicker{color:#b0342b}.hero h1,.page-heading h1{letter-spacing:0;max-width:900px;margin:16px 0 18px;font-size:clamp(42px,7vw,82px);line-height:.98}.hero p,.page-heading p,.intro-grid p,.info-block p,.curriculum-list p,.contact-card p,.portal-modal p{max-width:720px;color:inherit;font-size:18px;line-height:1.65}.hero p{color:#eef7f0}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-action,.secondary-action,.youtube-band a,.map-panel a,.portal-modal form button,.enquiry-card button,.app-link,.portal-compact a{border-radius:7px;min-height:48px;padding:0 18px;font-weight:800}.primary-action,.enquiry-card button,.portal-modal form button,.portal-compact a{color:#fff;background:#b0342b}.secondary-action,.youtube-band a,.map-panel a{color:#102a31;background:#fff7dc}.stats-band{background:#dfe6d4;border-bottom:1px solid #dfe6d4;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stats-band div{background:#fff;padding:26px clamp(16px,3vw,38px)}.stats-band strong{color:#0f6f62;font-size:34px;line-height:1;display:block}.stats-band span{color:#5d685f;margin-top:7px;font-weight:700;display:block}.intro-grid,.page,.footer{padding-inline:clamp(20px,6vw,76px)}.intro-grid{grid-template-columns:minmax(0,1fr) minmax(300px,460px);align-items:start;gap:clamp(28px,6vw,76px);padding-top:clamp(52px,7vw,88px);padding-bottom:clamp(52px,7vw,88px);display:grid}.portal-section{background:linear-gradient(135deg,#e7f0e9f0,#fffffffa,#fff7dcc2),repeating-linear-gradient(0deg,#0000 0 30px,#0f6f6212 30px 31px),repeating-linear-gradient(90deg,#0000 0 30px,#0f6f6212 30px 31px);border-top:1px solid #dfe6d4;border-bottom:1px solid #dfe6d4;padding:clamp(58px,8vw,94px) clamp(20px,6vw,76px);position:relative;overflow:hidden}.portal-heading{text-align:center;max-width:760px;margin:0 auto}.portal-heading h2{color:#17202a;letter-spacing:0;margin:12px 0 16px;font-size:clamp(34px,5vw,58px);line-height:1.03}.portal-heading p,.portal-note,.portal-compact p{color:#5d685f;font-size:17px;line-height:1.65}.portal-feature-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:42px;display:grid}.portal-feature-grid article{text-align:center;background:#fff;border:1px solid #dfe6d4;border-radius:8px;min-height:162px;padding:20px 14px;box-shadow:0 14px 28px #17202a0f}.portal-feature-grid span{color:#0f6f62;background:#e7f0e9;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.portal-feature-grid h3{color:#17202a;margin:14px 0 6px;font-size:15px}.portal-feature-grid p{color:#5d685f;font-size:13px;line-height:1.35}.portal-access-row{background:#fff;border:1px solid #dfe6d4;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:12px;margin:36px auto 0;padding:22px;display:flex;box-shadow:0 16px 40px #17202a14}.app-link{color:#fff;background:#17202a;min-width:178px}.app-link span,.app-link small{text-align:left;display:block}.app-link small{color:#ffffffad;text-transform:uppercase;font-size:10px;line-height:1.1}.portal-note{justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:14px;display:flex}.portal-note svg{color:#0f6f62}.intro-grid h2,.youtube-band h2{color:#17202a;letter-spacing:0;max-width:720px;margin:12px 0 16px;font-size:clamp(30px,4vw,48px);line-height:1.05}.quick-panel,.info-block,.enquiry-card,.contact-card,.map-panel,.curriculum-list article{background:#fff;border:1px solid #dfe6d4;border-radius:8px}.quick-panel{gap:12px;padding:24px;display:grid}.quick-panel p{color:#26382f;align-items:center;gap:10px;font-weight:700;display:flex}.quick-panel svg{color:#0f6f62;flex:none}.page{padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(64px,8vw,110px)}.page-heading{max-width:940px;margin-bottom:clamp(32px,5vw,56px)}.page-heading h1{color:#17202a;font-size:clamp(38px,6vw,68px)}.page-heading p,.intro-grid p,.info-block p,.curriculum-list p,.contact-card p,.portal-modal p{color:#5d685f}.content-grid{gap:18px;display:grid}.content-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.info-block{padding:26px}.info-block>span{color:#0f6f62;display:inline-flex}.info-block h3,.enquiry-card h3,.contact-card h3,.curriculum-list h3{color:#17202a;margin:16px 0 10px;font-size:22px;line-height:1.2}.admission-layout,.contact-layout{grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:start;gap:clamp(24px,5vw,54px);display:grid}.steps-list{gap:14px;display:grid}.steps-list article{background:#e7f0e9;border-left:5px solid #0f6f62;border-radius:8px;grid-template-columns:48px 1fr;align-items:center;gap:16px;padding:20px;display:grid}.steps-list span{color:#fff;background:#0f6f62;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:inline-flex}.steps-list p{color:#26382f;margin:0;font-weight:700}.enquiry-card,.contact-card{padding:24px}.enquiry-card label,.portal-modal label{color:#334036;gap:7px;margin-top:15px;font-size:14px;font-weight:800;display:grid}.enquiry-card input,.enquiry-card select,.portal-modal input{box-sizing:border-box;color:#17202a;width:100%;min-height:46px;font:inherit;background:#fbfcf8;border:1px solid #cfd8c7;border-radius:7px;padding:0 12px}.enquiry-card button,.portal-modal form button{width:100%;margin-top:18px}.curriculum-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.curriculum-list article{padding:24px}.curriculum-list article>div{color:#0f6f62;justify-content:space-between;align-items:center;gap:12px;display:flex}.curriculum-list span{color:#b0342b;text-transform:uppercase;font-size:13px;font-weight:800}.youtube-band{color:#17202a;background:#fff7dc;border:1px solid #edd98d;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:30px;display:flex}.portal-compact{color:#fff;background:linear-gradient(135deg,#17202a,#0f6f62);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:28px;padding:28px;display:grid;box-shadow:0 18px 38px #17202a2e}.portal-compact .section-kicker{color:#fff0b0}.portal-compact h3{margin:10px 0 8px;font-size:clamp(22px,3vw,30px);line-height:1.15}.portal-compact p{color:#dce9df;max-width:720px}.portal-compact a{color:#17202a;background:#fff;flex:none}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.gallery-grid article{color:#fff;background:linear-gradient(#17202a33,#17202ad1),url(https://images.unsplash.com/photo-1497633762265-9d179a990aa6?auto=format&fit=crop&w=900&q=80) 50%/cover;border-radius:8px;flex-direction:column;justify-content:flex-end;min-height:210px;padding:22px;display:flex}.gallery-grid svg{color:#fff0b0;margin-bottom:auto}.gallery-grid h3{margin:16px 0 6px;font-size:22px}.gallery-grid p{color:#eef7f0;line-height:1.5}.youtube-band h2{margin-bottom:0;font-size:clamp(26px,3.5vw,40px)}.youtube-band a,.map-panel a{color:#fff;background:#173f6f;flex:none}.contact-card{gap:14px;display:grid}.contact-card p{align-items:flex-start;gap:11px;margin:0;display:flex}.contact-card svg{color:#0f6f62;flex:none;margin-top:4px}.map-panel{text-align:center;background:linear-gradient(#f7f8f3e0,#f7f8f3e0),repeating-linear-gradient(45deg,#dfe6d4 0 2px,#0000 2px 18px);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;padding:24px;display:flex}.map-panel svg{color:#b0342b}.map-panel strong{color:#17202a;font-size:22px}.map-panel span{color:#5d685f}.footer{color:#fff;background:#17202a;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(150px,1fr));align-items:start;gap:30px;padding-top:42px;padding-bottom:42px;display:grid}.footer-brand{align-items:flex-start;gap:14px;display:flex}.footer strong,.footer span,.footer a,.footer button{display:block}.footer span{color:#c8d2c5;margin-top:4px}.footer h3{color:#fff0b0;text-transform:uppercase;margin:0 0 12px;font-size:14px}.footer a,.footer button{color:#c8d2c5;text-align:left;background:0 0;border-radius:0;justify-content:flex-start;width:fit-content;min-height:auto;padding:4px 0}.footer a:hover,.footer button:hover{color:#fff}.footer-group{gap:5px;display:grid}.footer-group.reach{gap:7px}.modal-backdrop{z-index:50;background:#0e161a99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.portal-modal{box-sizing:border-box;background:#fff;border-radius:8px;width:min(430px,100%);padding:28px;position:relative;box-shadow:0 24px 70px #00000040}.modal-close{color:#17202a;background:#eef2e8;border-radius:7px;width:38px;height:38px;position:absolute;top:14px;right:14px}.portal-modal h2{color:#17202a;margin:18px 0 6px;font-size:28px}@media (width<=900px){.topbar{flex-wrap:wrap}.nav{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:none}.nav.open{flex-flow:wrap;display:flex}.nav-link{background:#fff;border:1px solid #dfe6d4;width:100%}.icon-button{display:inline-flex}.portal-button span{display:none}.hero{min-height:660px}.stats-band,.content-grid.two,.curriculum-list,.gallery-grid,.portal-feature-grid,.admission-layout,.contact-layout,.intro-grid{grid-template-columns:1fr}.youtube-band,.portal-compact,.footer{grid-template-columns:1fr;align-items:stretch}.youtube-band{flex-direction:column}.youtube-band a,.portal-compact a,.footer a,.footer button{width:100%}.portal-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.brand small{max-width:180px}.hero{background:linear-gradient(#102a31c7,#102a31bd),url(https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=900&q=80) 50%/cover;min-height:620px}.hero h1,.page-heading h1{font-size:38px}.hero p,.page-heading p,.intro-grid p,.info-block p,.curriculum-list p,.contact-card p,.portal-modal p{font-size:16px}.stats-band{grid-template-columns:repeat(2,1fr)}.hero-actions,.primary-action,.secondary-action{width:100%}.portal-button{width:42px;padding:0}}html,body,#root{max-width:100%;overflow-x:clip}.map-wrap{border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;max-width:100%;height:400px;margin-top:24px;overflow:hidden}.map-wrap iframe{border:none;width:100%;max-width:100%;height:100%;display:block}
