/* MEB deep blue theme: primary #0A4369 with a restrained navy scale. */
:root{
  --green:#0a4369;
  --green-deep:#06253c;
  --green-mid:#15597d;
  --navy:#0f1923;
  --paper:#f7f9fc;
  --line:#e2e8f0;
}

.button-green{background:linear-gradient(135deg,#15597d,#0a4369);color:#fff}
.pathway-card.junior{background:linear-gradient(115deg,#edf3fc,#fff)}
.pathway-icon{background:#e2eaf5;color:#0a4369}
.learning-band{background:linear-gradient(115deg,#0f1923,#0a4369 56%,#15597d)}
.hero-art{background:radial-gradient(ellipse at 78% 28%,rgba(217,170,62,.25),transparent 22%),radial-gradient(ellipse at 70% 72%,rgba(21,89,125,.4),transparent 48%),linear-gradient(145deg,#111d2c 0%,#0a4369 65%,#06253c 100%)}
.book-emblem{background:linear-gradient(150deg,#15597d,#0a4369)}
.live-dot{background:#8db7ee;box-shadow:0 0 0 4px rgba(10,67,105,.16)}
.welcome-visual{background:radial-gradient(circle at 51% 50%,rgba(217,170,62,.26),transparent 19%),radial-gradient(circle at 55% 45%,rgba(21,89,125,.45),transparent 40%),linear-gradient(135deg,#111d2c,#0a4369 72%,#06253c)}
.login-brand-panel{background:linear-gradient(145deg,#0a4369,#06253c)}
.home-hero-photo{background:#06253c}
.home-photo-badge{color:#0a4369}
.sidebar{background:linear-gradient(180deg,#0a4369,#06253c)}
.avatar{background:#0a4369;border-color:#e4ecf8}
.welcome-visual.hero-visual{background:#152c4a}
.navy-tile{background:linear-gradient(150deg,#15597d,#162032)}
.objective-number{background:#eaf0f8;color:#0a4369}

.marketing-page .site-header{
  background:rgba(10,67,105,.055);
  border-bottom-color:rgba(255,255,255,.15);
  -webkit-backdrop-filter:blur(8px) saturate(135%);
  backdrop-filter:blur(8px) saturate(135%);
}
.marketing-page .site-header .site-brand small{color:#f1d16f}
.marketing-page .site-header .site-nav a:not(.button):hover{color:#9bc2f2}
.marketing-page .site-header .brand-crop,
.marketing-page .site-footer .brand-crop{background:transparent}
.marketing-page .site-header.is-scrolled{
  background:rgba(255,255,255,.97);
  border-bottom-color:rgba(10,67,105,.1);
}
.marketing-page .site-header.is-scrolled .site-brand{color:#0f1923}
.marketing-page .site-header.is-scrolled .site-brand small,
.marketing-page .site-header.is-scrolled .site-nav a:not(.button):hover,
.marketing-page .site-header.is-scrolled .site-nav a[aria-current="page"]{color:#0a4369}
.marketing-page .site-header.is-scrolled .site-nav{color:#303c4a}
.marketing-page .site-header.is-scrolled .menu-toggle span{background:#0f1923}
.marketing-page .site-footer>a:not(.site-brand){color:#0a4369}
.marketing-page .site-header .site-nav a[aria-current="page"]{color:#9bc2f2}

.about-page .about-hero{background:linear-gradient(120deg,#06253c 0%,#0a4369 57%,#15597d 100%)}
.about-hero-glow{background:radial-gradient(circle,rgba(21,89,125,.34),transparent 69%)}
.about-hero-image{background:#06253c}
.about-image-shade{background:linear-gradient(0deg,rgba(6,37,60,.78),transparent 48%),linear-gradient(90deg,rgba(10,67,105,.055),transparent 70%)}
.about-image-note{background:rgba(6,37,60,.5)}
.mission-card{background:linear-gradient(140deg,#edf3fc,#fff 70%)}
.direction-watermark{color:rgba(10,67,105,.045)}
.about-values{background:linear-gradient(112deg,#0f1923 0%,#0a4369 54%,#15597d 100%)}
.about-values:after{border-color:rgba(239,204,101,.11)}
.education-promise{background:linear-gradient(115deg,#0a4369,#15597d 57%,#06253c)}
.about-aim,.about-objectives,.about-next{background:#f7f9fc}

@media(max-width:760px){
  .marketing-page .site-header .site-nav{
    display:flex;
    max-height:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-12px);
    transform-origin:top center;
    padding:0 22px;
    color:#263442;
    background:rgba(255,255,255,.99);
    border-bottom:1px solid transparent;
    box-shadow:0 12px 22px rgba(15,35,60,.1);
    transition:max-height .45s cubic-bezier(.2,.7,.2,1),opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1),padding .45s ease,border-color .45s ease,visibility 0s linear .45s;
  }
  .marketing-page .site-header .site-nav.open{
    max-height:420px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
    padding:18px 22px 23px;
    border-bottom-color:var(--line);
    transition:max-height .45s cubic-bezier(.2,.7,.2,1),opacity .36s ease,transform .45s cubic-bezier(.2,.7,.2,1),padding .45s ease,border-color .45s ease,visibility 0s;
  }
  .marketing-page .site-header .site-nav>a:not(.button){color:#303c4a;border-bottom-color:#edf0f4}
  .marketing-page .site-header .site-nav>a:not(.button):hover{color:#0a4369}
  .marketing-page .site-header.is-scrolled .site-nav{background:rgba(255,255,255,.99);color:#303c4a}
  .marketing-page .site-header.is-scrolled .site-nav>a:not(.button){color:#303c4a}
  .marketing-page .site-header.is-scrolled .site-nav>a:not(.button):hover{color:#0a4369}
  .marketing-page .site-header .menu-toggle span{
    background:#fff;
    transform-origin:center;
    transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .25s ease,background-color .45s ease;
  }
  .marketing-page .site-header.is-scrolled .menu-toggle span{background:#0f1923}
  .marketing-page .site-header .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .marketing-page .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .marketing-page .site-header .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

@media(prefers-reduced-motion:reduce){
  .marketing-page .site-header .site-nav,
  .marketing-page .site-header .menu-toggle span{transition:none!important}
}


.marketing-page .site-brand .brand-crop{width:78px;height:78px;flex:0 0 78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:visible;background:transparent}
.marketing-page .site-brand .brand-crop img{width:62px;height:64px;flex:0 0 64px;object-fit:contain;border-radius:0}
.marketing-page .site-brand .crest-tagline{display:block;font-size:5.6px;line-height:1;color:#f1d16f;letter-spacing:.07em;font-weight:800;font-style:normal;white-space:nowrap}
.mobile-brand .brand-crop{width:66px;height:64px;flex:0 0 66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:visible;background:transparent}
.mobile-brand .brand-crop img{width:52px;height:54px;flex:0 0 54px;object-fit:contain}
.mobile-brand .crest-tagline{display:block;font-size:4.3px;line-height:1;color:#b38d38;letter-spacing:.04em;font-weight:800;font-style:normal;white-space:nowrap}
@media(max-width:760px){.marketing-page .site-brand .brand-crop{width:66px;height:66px;flex-basis:66px}.marketing-page .site-brand .brand-crop img{width:52px;height:54px;flex-basis:54px}.marketing-page .site-brand .crest-tagline{font-size:4.8px}}