:root{--navy:#075d7a;--navy2:#0a7188;--gold:#20c7b7;--goldsoft:#dff9f5;--mist:#f1fbfc;--green:#10a79a;--ink:#15323f;--muted:#5f7984;--line:#d9ecef;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}img{display:block;width:100%}a{text-decoration:none;color:inherit}
.utility{height:42px;display:flex;color:#fff;font-size:12px;font-weight:700;background:linear-gradient(90deg,#08718d,#0a9c9a)}.utility-left{width:24%;min-width:275px;background:#1fc7b7;color:#064f68;display:flex;align-items:center;justify-content:flex-end;padding-right:34px}.utility-main{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - var(--max))/2)) 0 28px}.utility-main nav{display:flex;gap:16px}.utility-main nav a+a{padding-left:16px;border-left:1px solid rgba(255,255,255,.28)}
.header{height:78px;display:flex;align-items:center;gap:30px;padding:0 max(22px,calc((100vw - var(--max))/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;box-shadow:0 7px 22px rgba(12,29,59,.06)}.brand{width:225px;flex:0 0 auto}.nav{display:flex;gap:25px;margin-left:auto;font-size:14px;font-weight:800;color:#263047}.nav a:hover{color:var(--green)}.header-cta{background:#1fc7b7;color:#064f68;font-weight:900;padding:13px 19px;border-radius:999px}.menu{display:none;margin-left:auto;border:0;background:none;font-size:26px}
.hero{max-width:var(--max);margin:32px auto 0;display:grid;grid-template-columns:1.02fr .98fr;background:linear-gradient(135deg,#edfafd 0%,#e6f8f4 55%,#dff6f2 100%);min-height:500px;overflow:hidden;border-radius:34px;box-shadow:0 20px 55px rgba(7,93,122,.10)}.hero-copy{padding:54px 58px 50px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.kicker{font-size:12px;letter-spacing:.14em;font-weight:900;color:#078c83;margin:0 0 16px;text-transform:uppercase}.hero h1,.foundation h2,.about h2,.section-title h2,.why h2,.psb h2{font-family:"Manrope",sans-serif;letter-spacing:-.045em}.hero h1{font-size:clamp(42px,4.4vw,64px);line-height:1.04;margin:0;max-width:650px;color:var(--navy)}.lead{font-size:18px;line-height:1.65;color:var(--muted);margin:22px 0 28px;max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-weight:800}.primary{background:linear-gradient(135deg,#087b98,#10aa9d);color:#fff}.secondary{border:1px solid #cadfe3;background:rgba(255,255,255,.88);color:var(--navy)}.mini-proof{display:flex;gap:8px;margin-top:26px;flex-wrap:wrap}.mini-proof span{background:rgba(255,255,255,.86);border:1px solid #d6ecec;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.hero-image{position:relative;min-height:500px;overflow:hidden}.hero-image>img{height:100%;object-fit:cover;object-position:center}.hero-tag{position:absolute;left:22px;bottom:22px;background:rgba(5,93,122,.90);backdrop-filter:blur(8px);color:#fff;padding:15px 18px;border-left:4px solid #35d1c2;border-radius:16px;display:flex;flex-direction:column;gap:3px}.hero-tag strong{font-size:18px}.hero-tag span{font-size:12px;color:#e5fbfa}
.foundation,.programs,.life,.news{max-width:var(--max);margin:auto;padding:96px 0}.foundation-head{max-width:760px}.foundation h2,.section-title h2{font-size:46px;line-height:1.08;margin:0;color:var(--navy)}.foundation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.foundation-grid article{padding:28px 25px;border:1px solid var(--line);background:#fff;min-height:250px;border-radius:22px;border-radius:22px}.foundation-grid article:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(17,29,58,.08)}.icon{width:46px;height:46px;border-radius:50%;background:var(--goldsoft);color:#078c83;display:flex;align-items:center;justify-content:center;font-size:20px}.foundation h3{font:800 21px "Manrope";color:var(--navy);margin:23px 0 10px}.foundation p,.program-grid p,.about-copy>p,.section-title>p{color:var(--muted);line-height:1.7}
.about{max-width:var(--max);margin:20px auto 0;padding:90px 70px;background:linear-gradient(135deg,#075d7a,#0a8f92);display:grid;border-radius:30px;grid-template-columns:1.05fr .95fr;gap:80px;color:#fff}.about-visual{position:relative;min-height:535px}.about-main{height:455px;object-fit:cover;border-radius:24px;border-radius:24px}.about-small{position:absolute;width:53%;right:-25px;bottom:0;border:10px solid #08788b;height:245px;border-radius:22px;object-fit:cover}.about-copy{align-self:center}.about-copy h2{font-size:46px;line-height:1.08;margin:0}.about-copy>p{color:#c6cfdd;font-size:17px}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.about-points div{border-top:1px solid rgba(255,255,255,.2);padding-top:16px;display:flex;flex-direction:column;gap:8px}.about-points b{color:var(--gold)}.about-points span{color:#d5dce7;line-height:1.55}.arrow-link{font-weight:900;color:var(--gold)}
.section-title{display:grid;grid-template-columns:1.1fr .75fr;gap:70px;align-items:end;margin-bottom:42px}.section-title>p{font-size:17px;margin:0}.program-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.program-grid article{display:grid;grid-template-columns:210px 1fr;border:1px solid var(--line);background:#fff;min-height:210px;border-radius:22px;overflow:hidden;border-radius:22px;overflow:hidden}.program-grid img{height:100%;object-fit:cover}.program-grid article>div{padding:26px}.program-grid span{font-size:11px;font-weight:900;color:#9d6b0f}.program-grid h3{font:800 24px "Manrope";color:var(--navy);margin:10px 0}
.why{display:grid;grid-template-columns:1fr 1fr;max-width:var(--max);margin:0 auto 20px;background:linear-gradient(135deg,#075a78,#0aa09a);color:#fff;border-radius:30px;overflow:hidden}.why-image img{height:100%;object-fit:cover;min-height:590px}.why-copy{padding:66px}.kicker.light{color:#ffd37b}.why h2{font-size:46px;line-height:1.08;margin:0 0 28px}.why-list{display:flex;flex-direction:column}.why-list>div{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.15)}.why-list b{color:var(--gold)}.why-list span{display:flex;flex-direction:column;gap:5px;color:#cbd5e2;line-height:1.55}.why-list strong{color:#fff;font-size:17px}
.life-grid{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:260px 260px;gap:14px}.life-grid figure{margin:0;position:relative;overflow:hidden;border-radius:22px}.life-grid figure.big{grid-row:1/3}.life-grid img{height:100%;object-fit:cover;transition:.3s}.life-grid figure:hover img{transform:scale(1.02)}figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px;color:#fff;font-weight:800;background:linear-gradient(transparent,rgba(17,29,58,.75))}.facility-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.facility-tags span{padding:9px 13px;border-radius:999px;background:var(--mist);font-size:13px;font-weight:700;color:#43506a}
.psb{max-width:var(--max);margin:0 auto 20px;background:linear-gradient(110deg,#075d7a,#10a89a);color:#fff;padding:65px;border-radius:30px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.psb h2{font-size:48px;line-height:1.05;margin:0}.psb-copy>p:not(.kicker){color:#d5dceb;line-height:1.7;font-size:17px}.psb-actions{display:flex;align-items:center;gap:22px;margin-top:26px}.lightbtn{background:#1fc7b7;color:#064f68}.psb-link{font-weight:800}.numbers{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:12px}.numbers div{background:rgba(255,255,255,.1);padding:27px 20px;min-height:150px;border-radius:22px;display:flex;flex-direction:column;justify-content:center}.numbers b{font:800 44px "Manrope";color:var(--gold)}.numbers span{color:#d9e1ec;font-size:13px;line-height:1.4}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-grid article{border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden}.news-grid img{height:235px;object-fit:cover}.news-grid small{display:block;color:#a36c06;font-weight:900;letter-spacing:.12em;margin:20px 20px 8px}.news-grid h3{font:800 21px/1.35 "Manrope";color:var(--navy);margin:0;padding:0 20px 24px}
footer{background:linear-gradient(135deg,#064f68,#087f86);color:#d6edf0;padding:58px max(22px,calc((100vw - var(--max))/2)) 22px}.footer-main{display:grid;grid-template-columns:1.4fr .7fr .7fr .8fr;gap:55px}.footer-main>div{display:flex;flex-direction:column;gap:10px}.footer-main img{width:230px;filter:brightness(0) invert(1);opacity:.95}.footer-main b{color:#fff;margin-bottom:8px}.footer-main span,.footer-main a,.footer-main p{color:#aeb9cb}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:40px;padding-top:20px;font-size:12px;color:#8290a5}
@media(max-width:1050px){.utility{display:none}.nav,.header-cta{display:none}.menu{display:block}.nav.open{display:flex;position:absolute;top:78px;left:18px;right:18px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.14);padding:22px;flex-direction:column}.hero,.about,.why,.psb{grid-template-columns:1fr}.foundation-grid{grid-template-columns:1fr 1fr}.hero{margin-top:20px}.hero-image{min-height:480px}.about{padding:55px 40px}.about-visual{min-height:470px}.section-title{grid-template-columns:1fr}.numbers{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:1fr 1fr}.program-grid{grid-template-columns:1fr}}
@media(max-width:700px){.header{height:70px;padding:0 16px}.brand{width:190px}.hero,.foundation,.programs,.life,.news,.about,.why,.psb{width:calc(100% - 24px);margin-left:auto;margin-right:auto}.hero-copy{padding:45px 25px}.hero h1{font-size:43px}.hero-image{min-height:330px}.foundation,.programs,.life,.news{padding:70px 0}.foundation h2,.section-title h2,.about-copy h2,.why h2,.psb h2{font-size:36px}.foundation-grid{grid-template-columns:1fr}.about{padding:45px 24px;gap:38px}.about-visual{min-height:390px}.about-main{height:330px}.about-small{height:180px;right:-8px}.about-points{grid-template-columns:1fr}.program-grid article{grid-template-columns:1fr}.program-grid img{height:220px}.why-copy{padding:42px 25px}.why-image img{min-height:360px}.life-grid{display:block}.life-grid figure{height:300px;margin-bottom:12px}.psb{padding:45px 25px}.numbers{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.psb-actions{align-items:flex-start;flex-direction:column}}


/* Eco-SaintekMU compact hero */
.hero-eco{max-width:var(--max);margin:28px auto 0;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:430px;max-height:470px;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 86% 25%,rgba(32,199,183,.18),transparent 32%),radial-gradient(circle at 8% 88%,rgba(7,93,122,.08),transparent 30%),linear-gradient(135deg,#fffdf8 0%,#f7fcfb 100%);border:1px solid rgba(16,167,154,.12)}
.hero-eco .hero-copy{padding:48px 46px 46px 58px}
.hero-eco .eyebrow{margin:0 0 16px;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#079c98}
.hero-eco .hero-copy h1{margin:0;max-width:650px;font-family:"Manrope",sans-serif;font-size:clamp(42px,4.7vw,66px);line-height:1.02;letter-spacing:-.045em;color:#075d7a}
.hero-eco .hero-copy h1 span{color:#11b9ad}
.hero-eco .lead{max-width:650px;margin:22px 0 28px;font-size:17px;line-height:1.65;color:#5f7984}
.hero-eco .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-eco .btn{min-height:48px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:800}
.hero-eco .primary{color:#fff;background:linear-gradient(135deg,#0aa6a0,#087c99);box-shadow:0 12px 30px rgba(8,124,153,.16)}
.hero-eco .secondary{color:#078e91;background:rgba(255,255,255,.86);border:1px solid rgba(10,166,160,.4)}
.hero-image-eco{height:430px;display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden}
.hero-image-eco::before{content:"";position:absolute;width:78%;height:78%;right:-4%;top:7%;border-radius:48% 52% 52% 48%;background:linear-gradient(135deg,rgba(93,221,214,.22),rgba(32,199,183,.08))}
.hero-image-eco::after{content:"";position:absolute;width:74%;height:34px;left:12%;bottom:28px;border-radius:999px;background:linear-gradient(90deg,#05afb5,#1ec8bd)}
.hero-image-eco img{position:relative;z-index:2;width:auto;height:390px;max-width:96%;object-fit:contain;object-position:bottom center}
@media(max-width:1050px){.hero-eco{grid-template-columns:1fr;max-height:none}.hero-eco .hero-copy{padding:44px 36px 20px}.hero-image-eco{height:390px}.hero-image-eco img{height:350px}}
@media(max-width:700px){.hero-eco{width:calc(100% - 24px);margin-top:16px;border-radius:24px}.hero-eco .hero-copy{padding:34px 22px 10px}.hero-eco .hero-copy h1{font-size:42px}.hero-eco .lead{font-size:16px}.hero-image-eco{height:320px}.hero-image-eco img{height:290px}}

/* 2026-10-05 hero correction */
.header .brand{width:178px;flex:0 0 178px}
.header .brand img{width:178px;height:auto}
.hero.hero-eco{max-width:1240px;margin:24px auto 0;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;min-height:390px;max-height:420px;overflow:hidden;border-radius:30px;background:linear-gradient(135deg,#f4fdfe 0%,#eefaf8 100%);border:1px solid rgba(10,156,154,.12)}
.hero.hero-eco .hero-copy{padding:42px 44px 40px 56px}
.hero.hero-eco .eyebrow{margin:0 0 14px;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#079c98}
.hero.hero-eco .hero-copy h1{margin:0;max-width:610px;font-family:"Manrope",sans-serif;font-size:clamp(40px,4.1vw,58px);line-height:1.03;letter-spacing:-.045em;color:#075d7a}
.hero.hero-eco .hero-copy h1 span{color:#11b9ad}
.hero.hero-eco .lead{max-width:620px;margin:18px 0 24px;font-size:16px;line-height:1.55;color:#5f7984}
.hero.hero-eco .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero.hero-eco .btn{min-height:46px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:800}
.hero.hero-eco .primary{color:#fff;background:linear-gradient(135deg,#0aa6a0,#087c99)}
.hero.hero-eco .secondary{color:#078e91;background:#fff;border:1px solid rgba(10,166,160,.35)}
.hero.hero-eco .hero-image-eco{position:relative;height:390px;min-height:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:radial-gradient(circle at 70% 35%,rgba(32,199,183,.20),transparent 46%)}
.hero.hero-eco .hero-image-eco::before{content:"";position:absolute;inset:14% -8% 6% 8%;border-radius:46% 54% 45% 55%;background:linear-gradient(135deg,rgba(92,218,212,.22),rgba(18,189,180,.07))}
.hero.hero-eco .hero-image-eco::after{content:"";position:absolute;width:72%;height:30px;left:14%;bottom:26px;border-radius:999px;background:linear-gradient(90deg,#05afb5,#1ec8bd)}
.hero.hero-eco .hero-image-eco img{position:relative;z-index:2;width:auto;height:345px;max-width:94%;object-fit:contain;object-position:bottom center}
.hero.hero-eco .hero-tag,.hero.hero-eco .mini-proof{display:none!important}
@media(max-width:1050px){.header .brand,.header .brand img{width:165px}.hero.hero-eco{grid-template-columns:1fr;max-height:none}.hero.hero-eco .hero-copy{padding:38px 34px 12px}.hero.hero-eco .hero-image-eco{height:330px}.hero.hero-eco .hero-image-eco img{height:300px}}
@media(max-width:700px){.header .brand,.header .brand img{width:150px}.hero.hero-eco{width:calc(100% - 24px);margin-top:14px;border-radius:24px}.hero.hero-eco .hero-copy{padding:30px 22px 8px}.hero.hero-eco .hero-copy h1{font-size:38px}.hero.hero-eco .lead{font-size:15px}.hero.hero-eco .hero-image-eco{height:280px}.hero.hero-eco .hero-image-eco img{height:255px}}

/* Header logo size refinement */
.header .brand{width:145px;flex:0 0 145px}
.header .brand img{width:145px;height:auto}
@media(max-width:1050px){.header .brand,.header .brand img{width:145px}}
@media(max-width:700px){.header .brand,.header .brand img{width:138px}}

/* Final image-based hero */
.hero-visual{padding:20px 0 6px}
.hero-visual__inner{width:min(1240px,calc(100% - 24px));margin:0 auto}
.hero-visual__img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 16px 40px rgba(7,93,122,.10)}
@media(min-width:992px){.hero-visual__img{max-height:520px;object-fit:cover}}
@media(max-width:991px){.hero-visual{padding:16px 0 6px}.hero-visual__img{border-radius:24px}}
@media(max-width:640px){.hero-visual__inner{width:calc(100% - 16px)}.hero-visual__img{border-radius:20px}}
/* Header logo final size */
.header .brand{width:145px;flex:0 0 145px}
.header .brand img{width:145px;height:auto}
@media(max-width:700px){.header .brand,.header .brand img{width:138px}}

/* Full hero background with text overlay */
.hero-overlay{position:relative;width:min(1240px,calc(100% - 24px));height:430px;margin:20px auto 8px;overflow:hidden;border-radius:30px;background:#f8f6ef;border:1px solid rgba(10,156,154,.12);box-shadow:0 16px 40px rgba(7,93,122,.08)}
.hero-overlay__visual{position:absolute;inset:0;overflow:hidden}
.hero-overlay__visual::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8f6ef 0%,#f8f6ef 45%,rgba(248,246,239,.96) 52%,rgba(248,246,239,.35) 68%,rgba(248,246,239,0) 82%);z-index:2}
.hero-overlay__blob{position:absolute;border-radius:48% 52% 55% 45%}
.hero-overlay__blob--a{width:58%;height:88%;right:-5%;top:4%;background:linear-gradient(135deg,rgba(80,214,207,.22),rgba(17,185,173,.08))}
.hero-overlay__blob--b{width:38%;height:22%;right:4%;bottom:3%;border-radius:999px;background:linear-gradient(90deg,#05afb5,#1ec8bd)}
.hero-overlay__students{position:absolute;right:2.8%;bottom:0;height:395px;width:auto;max-width:48%;object-fit:contain;z-index:3}
.hero-overlay__content{position:relative;z-index:4;width:58%;padding:58px 0 0 58px}
.hero-overlay__eyebrow{margin:0 0 15px;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#079c98}
.hero-overlay h1{margin:0;max-width:680px;font-family:"Manrope",sans-serif;font-size:clamp(42px,4.6vw,64px);line-height:1.01;letter-spacing:-.045em;color:#075d7a}
.hero-overlay h1 span{display:block;color:#11b9ad}
.hero-overlay__lead{max-width:650px;margin:20px 0 26px;font-size:16px;line-height:1.6;color:#5f7984}
.hero-overlay__actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-overlay__actions .btn{min-height:46px;padding:0 21px;border-radius:999px;font-size:14px;font-weight:800}
.hero-overlay__actions .primary{color:#fff;background:linear-gradient(135deg,#0aa6a0,#087c99)}
.hero-overlay__actions .secondary{color:#078e91;background:rgba(255,255,255,.92);border:1px solid rgba(10,166,160,.35)}
.header .brand{width:145px;flex:0 0 145px}.header .brand img{width:145px;height:auto}
@media(max-width:1050px){.hero-overlay{height:auto;min-height:610px}.hero-overlay__content{width:100%;padding:42px 34px 0}.hero-overlay__visual::before{background:linear-gradient(180deg,#f8f6ef 0%,#f8f6ef 48%,rgba(248,246,239,.62) 63%,rgba(248,246,239,0) 78%)}.hero-overlay__students{right:50%;transform:translateX(50%);height:315px;max-width:78%}.hero-overlay__blob--a{width:88%;height:48%;right:6%;top:48%}.hero-overlay__blob--b{width:58%;right:21%;bottom:3%}}
@media(max-width:700px){.header .brand,.header .brand img{width:138px}.hero-overlay{width:calc(100% - 16px);margin-top:14px;border-radius:24px;min-height:610px}.hero-overlay__content{padding:30px 22px 0}.hero-overlay h1{font-size:38px}.hero-overlay__lead{font-size:15px}.hero-overlay__students{height:265px;max-width:92%}}

/* HERO FIX v2 — one continuous canvas, no split panel */
.hero-overlay{
  position:relative;
  width:min(1240px,calc(100% - 24px));
  height:430px;
  margin:20px auto 8px;
  overflow:hidden;
  border-radius:30px;
  background:#f8f7f0 !important;
  border:1px solid rgba(10,156,154,.14);
  box-shadow:0 16px 40px rgba(7,93,122,.07)
}
.hero-overlay__visual{position:absolute;inset:0;overflow:hidden;background:#f8f7f0}
.hero-overlay__visual::before{
  content:"";
  position:absolute;
  left:-8%;
  top:-34%;
  width:42%;
  height:64%;
  border-radius:50%;
  background:rgba(126,224,219,.17);
  z-index:1
}
.hero-overlay__visual::after{
  content:"";
  position:absolute;
  right:-8%;
  top:-25%;
  width:48%;
  height:76%;
  border-radius:50%;
  background:rgba(83,214,207,.16);
  z-index:1
}
.hero-overlay__blob--a{display:none!important}
.hero-overlay__blob--b{display:none!important}
.hero-overlay__students{
  position:absolute;
  z-index:3;
  right:1.5%;
  bottom:14px;
  width:auto;
  height:390px;
  max-width:49%;
  object-fit:contain;
  object-position:bottom right;
  mix-blend-mode:normal
}
.hero-overlay__content{
  position:relative;
  z-index:4;
  width:59%;
  padding:54px 0 0 58px
}
.hero-overlay__eyebrow{
  margin:0 0 14px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#079c98
}
.hero-overlay h1{
  margin:0;
  max-width:690px;
  font-family:"Manrope",sans-serif;
  font-size:clamp(42px,4.5vw,62px);
  line-height:1.01;
  letter-spacing:-.045em;
  color:#075d7a
}
.hero-overlay h1 span{display:block;color:#11b9ad}
.hero-overlay__lead{
  max-width:620px;
  margin:18px 0 24px;
  font-size:16px;
  line-height:1.58;
  color:#5f7984
}
.hero-overlay__actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-overlay__actions .btn{min-height:46px;padding:0 21px;border-radius:999px;font-size:14px;font-weight:800}
.hero-overlay__actions .primary{color:#fff;background:linear-gradient(135deg,#0aa6a0,#087c99)}
.hero-overlay__actions .secondary{color:#078e91;background:#fff;border:1px solid rgba(10,166,160,.36)}
@media(max-width:1050px){
  .hero-overlay{height:auto;min-height:610px}
  .hero-overlay__content{width:100%;padding:40px 34px 0}
  .hero-overlay__students{right:50%;transform:translateX(50%);height:300px;max-width:78%;bottom:8px}
  .hero-overlay__visual::after{right:8%;top:46%;width:84%;height:45%}
}
@media(max-width:700px){
  .hero-overlay{width:calc(100% - 16px);min-height:600px;margin-top:14px;border-radius:24px}
  .hero-overlay__content{padding:30px 22px 0}
  .hero-overlay h1{font-size:38px}
  .hero-overlay__lead{font-size:15px}
  .hero-overlay__students{height:255px;max-width:92%;bottom:8px}
}

/* HERO FIX v3 — seamless student image */
.hero-overlay{
  background:#f4f1e8 !important;
}
.hero-overlay__visual{
  background:#f4f1e8 !important;
}
.hero-overlay__visual::before{
  background:linear-gradient(90deg,#f4f1e8 0%,#f4f1e8 46%,rgba(244,241,232,.96) 56%,rgba(244,241,232,.28) 72%,rgba(244,241,232,0) 86%) !important;
}
.hero-overlay__visual::after{
  background:rgba(83,214,207,.13) !important;
}
.hero-overlay__students{
  right:2.5% !important;
  bottom:8px !important;
  height:402px !important;
  max-width:48% !important;
  mix-blend-mode:darken !important;
}
@media(max-width:1050px){
  .hero-overlay__students{
    right:50% !important;
    transform:translateX(50%) !important;
    height:305px !important;
    max-width:80% !important;
  }
}
@media(max-width:700px){
  .hero-overlay__students{
    height:255px !important;
    max-width:92% !important;
  }
}

/* HERO FIX v4 — cleaner right visual */
.hero-overlay{
  background:#f4f1e8 !important;
}
.hero-overlay__visual{
  background:#f4f1e8 !important;
}
.hero-overlay__visual::before{
  background:linear-gradient(
    90deg,
    #f4f1e8 0%,
    #f4f1e8 46%,
    rgba(244,241,232,.97) 56%,
    rgba(244,241,232,.20) 73%,
    rgba(244,241,232,0) 87%
  ) !important;
}
.hero-overlay__visual::after{
  content:"";
  position:absolute;
  right:-5%;
  top:2%;
  width:46%;
  height:82%;
  border-radius:48% 52% 50% 50%;
  background:
    radial-gradient(circle at 38% 34%, rgba(55,206,199,.30) 0%, rgba(55,206,199,.23) 42%, rgba(55,206,199,.12) 68%, rgba(55,206,199,0) 100%) !important;
  z-index:1;
}
.hero-overlay__shape--left{
  display:block !important;
  width:32% !important;
  height:54% !important;
  left:-10% !important;
  top:-18% !important;
  background:rgba(126,224,219,.14) !important;
}
.hero-overlay__shape--right{
  display:block !important;
  width:36% !important;
  height:32% !important;
  right:-8% !important;
  bottom:-5% !important;
  top:auto !important;
  border-radius:50% !important;
  background:rgba(20,190,184,.16) !important;
  z-index:1 !important;
}
.hero-overlay__ground{
  display:none !important;
}
.hero-overlay__students{
  right:3.5% !important;
  bottom:7px !important;
  height:398px !important;
  max-width:47% !important;
  object-fit:contain !important;
  object-position:bottom right !important;
}
@media(max-width:1050px){
  .hero-overlay__visual::after{
    right:8%;
    top:48%;
    width:84%;
    height:46%;
  }
  .hero-overlay__students{
    right:50% !important;
    transform:translateX(50%) !important;
    height:302px !important;
    max-width:80% !important;
    bottom:8px !important;
  }
}
@media(max-width:700px){
  .hero-overlay__students{
    height:252px !important;
    max-width:92% !important;
  }
}

/* HERO FIX v5 — full tosca right field + fade out baked ground */
.hero-overlay{
  position:relative;
  overflow:hidden!important;
  background:#f5f2e9!important;
}
.hero-overlay__visual{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:linear-gradient(90deg,#f5f2e9 0%,#f5f2e9 52%,#e3f7f4 61%,#b9ebe5 78%,#88ddd5 100%)!important;
}
.hero-overlay__visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg,#f5f2e9 0%,#f5f2e9 47%,rgba(245,242,233,.98) 55%,rgba(245,242,233,.70) 62%,rgba(245,242,233,0) 75%)!important;
}
.hero-overlay__visual::after{
  content:"";
  position:absolute;
  z-index:1;
  top:-1px;
  right:-1px;
  width:46%;
  height:101%;
  border-radius:0!important;
  clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,7% 58%);
  background:linear-gradient(180deg,rgba(28,194,186,.28) 0%,rgba(34,196,188,.20) 52%,rgba(50,201,192,.12) 100%)!important;
}
.hero-overlay__blob,
.hero-overlay__blob--a,
.hero-overlay__blob--b,
.hero-overlay__shape--left,
.hero-overlay__shape--right,
.hero-overlay__ground{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
.hero-overlay__students{
  position:absolute;
  z-index:3;
  right:2.5%!important;
  bottom:-8px!important;
  height:420px!important;
  width:auto!important;
  max-width:48%!important;
  object-fit:contain!important;
  object-position:bottom right!important;
  mix-blend-mode:darken!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.96) 80%,rgba(0,0,0,.58) 84%,rgba(0,0,0,.10) 89%,transparent 93%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.96) 80%,rgba(0,0,0,.58) 84%,rgba(0,0,0,.10) 89%,transparent 93%);
}
.hero-overlay__content{
  position:relative;
  z-index:5;
  width:58%;
  padding:54px 0 0 58px;
}
@media(max-width:1050px){
  .hero-overlay__visual{
    background:linear-gradient(180deg,#f5f2e9 0%,#f5f2e9 48%,#dff5f2 62%,#9fe2dc 100%)!important;
  }
  .hero-overlay__visual::before{
    background:linear-gradient(180deg,#f5f2e9 0%,#f5f2e9 47%,rgba(245,242,233,.85) 55%,rgba(245,242,233,0) 70%)!important;
  }
  .hero-overlay__visual::after{
    top:auto;
    bottom:-1px;
    right:-1px;
    width:100%;
    height:45%;
    clip-path:polygon(8% 13%,100% 0,100% 100%,0 100%,0 28%);
  }
  .hero-overlay__students{
    right:50%!important;
    transform:translateX(50%)!important;
    bottom:-5px!important;
    height:315px!important;
    max-width:80%!important;
  }
}
@media(max-width:700px){
  .hero-overlay__students{
    height:268px!important;
    max-width:94%!important;
  }
}

/* =========================================================
   HERO FINAL v6 — seamless rounded composition
   Transparent students, full feet, organic teal upper-right
   ========================================================= */
.hero-overlay{
  position:relative!important;
  width:min(1240px,calc(100% - 24px))!important;
  height:485px!important;
  min-height:0!important;
  margin:20px auto 8px!important;
  overflow:hidden!important;
  border-radius:30px!important;
  border:1px solid rgba(7,156,152,.12)!important;
  background:
    radial-gradient(68% 105% at 101% -8%,rgba(31,199,191,.38) 0%,rgba(80,218,209,.24) 43%,rgba(80,218,209,.10) 62%,rgba(80,218,209,0) 78%),
    radial-gradient(35% 54% at 100% 86%,rgba(21,184,179,.14) 0%,rgba(21,184,179,0) 76%),
    linear-gradient(90deg,#f8f7f1 0%,#f8f7f1 49%,#f8faf6 66%,#effaf7 100%)!important;
  box-shadow:0 16px 40px rgba(7,93,122,.07)!important;
}
.hero-overlay__visual{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  background:transparent!important;
}
.hero-overlay__visual::before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:-8%!important;
  top:-28%!important;
  width:38%!important;
  height:55%!important;
  border-radius:50%!important;
  clip-path:none!important;
  background:rgba(106,220,213,.10)!important;
}
.hero-overlay__visual::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  right:-5%!important;
  top:-18%!important;
  width:52%!important;
  height:83%!important;
  border-radius:44% 0 0 58%!important;
  clip-path:none!important;
  background:
    radial-gradient(circle at 58% 37%,rgba(42,202,194,.25) 0%,rgba(71,215,206,.17) 48%,rgba(71,215,206,.07) 67%,rgba(71,215,206,0) 78%)!important;
}
.hero-overlay__blob,
.hero-overlay__blob--a,
.hero-overlay__blob--b,
.hero-overlay__shape-left,
.hero-overlay__shape-right,
.hero-overlay__shape--left,
.hero-overlay__shape--right,
.hero-overlay__ground{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
.hero-overlay__students{
  position:absolute!important;
  z-index:3!important;
  right:2.7%!important;
  bottom:14px!important;
  height:438px!important;
  width:auto!important;
  max-width:45%!important;
  object-fit:contain!important;
  object-position:bottom right!important;
  mix-blend-mode:normal!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:drop-shadow(0 14px 18px rgba(8,74,87,.10))!important;
}
.hero-overlay__content{
  position:relative!important;
  z-index:5!important;
  width:58%!important;
  padding:60px 0 0 58px!important;
}
.hero-overlay__eyebrow{
  margin:0 0 16px!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  color:#079c98!important;
}
.hero-overlay h1{
  margin:0!important;
  max-width:690px!important;
  font-family:"Manrope",sans-serif!important;
  font-size:clamp(44px,4.55vw,64px)!important;
  line-height:1.01!important;
  letter-spacing:-.045em!important;
  color:#075d7a!important;
}
.hero-overlay h1 span{
  display:block!important;
  color:#11b9ad!important;
}
.hero-overlay__lead{
  max-width:620px!important;
  margin:20px 0 26px!important;
  font-size:16px!important;
  line-height:1.62!important;
  color:#5f7984!important;
}
.hero-overlay__actions{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.hero-overlay__actions .btn{
  min-height:46px!important;
  padding:0 21px!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:800!important;
}
.hero-overlay__actions .primary{
  color:#fff!important;
  background:linear-gradient(135deg,#0aa6a0,#087c99)!important;
}
.hero-overlay__actions .secondary{
  color:#078e91!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(10,166,160,.36)!important;
}
@media(max-width:1050px){
  .hero-overlay{
    height:auto!important;
    min-height:660px!important;
    background:
      radial-gradient(80% 52% at 78% 100%,rgba(53,208,200,.26),rgba(53,208,200,0) 72%),
      #f8f7f1!important;
  }
  .hero-overlay__content{
    width:100%!important;
    padding:40px 34px 0!important;
  }
  .hero-overlay__visual::before{display:none!important}
  .hero-overlay__visual::after{
    right:-8%!important;
    top:auto!important;
    bottom:-15%!important;
    width:116%!important;
    height:56%!important;
    border-radius:50%!important;
    background:radial-gradient(circle at 55% 42%,rgba(61,211,203,.26),rgba(61,211,203,.08) 63%,transparent 76%)!important;
  }
  .hero-overlay__students{
    right:50%!important;
    transform:translateX(50%)!important;
    bottom:14px!important;
    height:338px!important;
    max-width:82%!important;
  }
}
@media(max-width:700px){
  .hero-overlay{
    width:calc(100% - 16px)!important;
    min-height:635px!important;
    margin-top:14px!important;
    border-radius:24px!important;
  }
  .hero-overlay__content{padding:30px 22px 0!important}
  .hero-overlay h1{font-size:38px!important}
  .hero-overlay__lead{font-size:15px!important}
  .hero-overlay__students{
    height:278px!important;
    max-width:94%!important;
    bottom:12px!important;
  }
}

/* HERO FINAL v6.1 — remove any visible edge in the teal field */
.hero-overlay__visual::after{
  right:-8%!important;
  top:-34%!important;
  width:58%!important;
  height:148%!important;
  border-radius:52% 0 0 58%!important;
  background:radial-gradient(circle at 62% 36%,rgba(42,202,194,.27) 0%,rgba(71,215,206,.18) 43%,rgba(71,215,206,.08) 63%,rgba(71,215,206,0) 80%)!important;
}
@media(max-width:1050px){
  .hero-overlay__visual::after{
    right:-10%!important;
    top:auto!important;
    bottom:-34%!important;
    width:120%!important;
    height:82%!important;
    border-radius:50%!important;
  }
}

/* FOUNDATION HEADER CENTER */
.foundation-head{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.foundation-head .kicker{
  text-align:center!important;
}
.foundation-head h2{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* =========================================================
   INNER PAGES + PSB APPLICATION + APPLICANT DASHBOARD
   ========================================================= */
.nav a.active{color:var(--green)}
.page-hero{max-width:var(--max);margin:24px auto 0;padding:58px 62px;border-radius:30px;background:
radial-gradient(52% 120% at 100% 0%,rgba(31,199,183,.26),transparent 72%),
linear-gradient(135deg,#f8f7f1,#eefaf7);border:1px solid rgba(7,156,152,.12);position:relative;overflow:hidden}
.page-hero .kicker{margin-bottom:13px}.page-hero h1{font:800 clamp(40px,5vw,64px)/1.03 "Manrope",sans-serif;letter-spacing:-.045em;color:var(--navy);max-width:820px;margin:0}
.page-hero p{max-width:760px;color:var(--muted);font-size:17px;line-height:1.7;margin:18px 0 0}
.page-hero .hero-mini-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.page-shell{max-width:var(--max);margin:auto;padding:72px 0 92px}
.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
.content-card,.info-card,.stat-card,.form-card,.dash-card{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(10,72,92,.05)}
.content-card{padding:32px}.content-card h2,.content-card h3,.info-card h3,.form-card h2,.dash-card h2,.dash-card h3{font-family:"Manrope",sans-serif;color:var(--navy);letter-spacing:-.025em}
.content-card h2{font-size:34px;margin:0 0 14px}.content-card h3{font-size:22px;margin:28px 0 8px}.content-card p,.content-card li,.info-card p{color:var(--muted);line-height:1.72}
.content-card ul{padding-left:20px}.info-stack{display:grid;gap:16px}.info-card{padding:24px}.info-card .icon{margin-bottom:14px}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.feature-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}
.feature-card h3{font:800 21px "Manrope";color:var(--navy);margin:16px 0 8px}.feature-card p{color:var(--muted);line-height:1.65;margin:0}
.timeline{display:grid;gap:0;margin-top:18px}.timeline-item{display:grid;grid-template-columns:34px 1fr;gap:14px;position:relative;padding-bottom:24px}.timeline-item:not(:last-child)::before{content:"";position:absolute;left:16px;top:32px;width:2px;height:calc(100% - 16px);background:#d9ecef}
.timeline-dot{width:34px;height:34px;border-radius:50%;background:var(--goldsoft);color:#078c83;display:grid;place-items:center;font-weight:900;z-index:1}.timeline-item h4{margin:4px 0 4px;color:var(--navy)}.timeline-item p{margin:0;color:var(--muted);line-height:1.55}
.info-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.info-list .info-card{min-height:170px}
.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:white}.article-card img{height:190px;object-fit:cover}.article-card div{padding:20px}.article-card small{font-weight:900;letter-spacing:.1em;color:#078c83}.article-card h3{font:800 20px/1.35 "Manrope";color:var(--navy);margin:10px 0 7px}.article-card p{color:var(--muted);line-height:1.55;margin:0}
.psb-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.psb-side{position:sticky;top:104px}
.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.badge{padding:8px 11px;border-radius:999px;background:var(--goldsoft);color:#087c82;font-weight:800;font-size:12px}
.steps-simple{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.step-simple{padding:18px;border-radius:18px;background:#f7fbfb;border:1px solid var(--line)}.step-simple b{display:block;color:var(--green);margin-bottom:8px}.step-simple span{font-size:13px;color:var(--muted);line-height:1.45}
.form-wrap{max-width:980px;margin:34px auto 90px}.form-card{padding:34px}
.form-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.form-top h1{font:800 34px "Manrope";letter-spacing:-.04em;color:var(--navy);margin:0 0 6px}.form-top p{color:var(--muted);margin:0}
.progress{height:8px;background:#eef4f4;border-radius:999px;overflow:hidden;margin:20px 0 28px}.progress span{display:block;height:100%;width:20%;background:linear-gradient(90deg,#087b98,#1fc7b7);border-radius:inherit;transition:.25s}
.form-step{display:none}.form-step.active{display:block}.form-step h2{font-size:24px;margin:0 0 18px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-grid .full{grid-column:1/-1}
.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:800;color:#344756}.field input,.field select,.field textarea{width:100%;border:1px solid #cfe1e4;border-radius:14px;padding:13px 14px;font:500 14px "DM Sans";color:#183744;background:#fff;outline:none}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1bb9ae;box-shadow:0 0 0 3px rgba(31,199,183,.10)}
.helper{font-size:12px;color:#78909a}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice{display:flex;gap:10px;padding:16px;border:1px solid var(--line);border-radius:16px;cursor:pointer}.choice input{margin-top:4px}.choice strong{display:block;color:var(--navy)}.choice span{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin-top:4px}
.upload-box{border:1.5px dashed #b7d7db;border-radius:18px;padding:22px;text-align:center;background:#fbfdfd}.upload-box input{max-width:100%}.upload-box b{display:block;color:var(--navy);margin-bottom:6px}.upload-box span{font-size:12px;color:var(--muted)}
.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.form-actions .btn{border:0;cursor:pointer;font-family:inherit}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--navy)}
.form-note{padding:14px 16px;border-radius:14px;background:#effaf7;color:#35646a;font-size:13px;line-height:1.55;margin-top:18px}
.review-box{background:#f8fbfb;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:12px}.review-row{display:grid;grid-template-columns:180px 1fr;gap:14px}.review-row span{color:#78909a}.review-row b{color:#244451}
.dashboard-shell{max-width:var(--max);margin:28px auto 90px;display:grid;grid-template-columns:260px 1fr;gap:22px}.dash-side{border-radius:24px;background:linear-gradient(180deg,#075d7a,#0a8f92);color:#fff;padding:24px;min-height:650px;position:sticky;top:100px;align-self:start}.dash-side .dash-brand{font:800 20px "Manrope";margin-bottom:24px}.dash-side nav{display:grid;gap:7px}.dash-side nav a{padding:12px 13px;border-radius:12px;color:#d8f3f1;font-weight:700;font-size:14px}.dash-side nav a.active,.dash-side nav a:hover{background:rgba(255,255,255,.13);color:#fff}.dash-side .logout{margin-top:28px;border-top:1px solid rgba(255,255,255,.15);padding-top:18px;font-size:13px;color:#cde7e8}
.dash-main{min-width:0}.dash-welcome{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.dash-welcome h1{font:800 34px "Manrope";letter-spacing:-.04em;color:var(--navy);margin:0}.dash-welcome p{margin:6px 0 0;color:var(--muted)}.app-id{padding:10px 14px;border-radius:999px;background:var(--goldsoft);color:#087c82;font-weight:900;font-size:12px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{padding:20px}.stat-card span{font-size:12px;color:var(--muted);font-weight:700}.stat-card b{display:block;font:800 26px "Manrope";color:var(--navy);margin-top:7px}.stat-card .ok{color:#0b9e81}.stat-card .warn{color:#d58a00}
.dash-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:18px}.dash-card{padding:24px}.dash-card h2{font-size:22px;margin:0 0 16px}.dash-card h3{font-size:18px;margin:0 0 12px}
.status-line{display:grid;gap:14px}.status-item{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.status-bullet{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e9f8f5;color:#089d91;font-weight:900}.status-item.muted .status-bullet{background:#f1f3f4;color:#95a5aa}.status-item strong{display:block;color:var(--navy);font-size:14px}.status-item span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.data-list{display:grid;gap:0}.data-list>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #eef4f4}.data-list span{color:var(--muted);font-size:13px}.data-list b{color:#294852;font-size:13px;text-align:right}
.notice{border-radius:16px;padding:16px;background:#fff8e6;border:1px solid #f3dfab;color:#735821;font-size:13px;line-height:1.55}.notice.green{background:#edf9f6;border-color:#cdece5;color:#2e655d}
.login-box{max-width:520px;margin:50px auto 100px}.login-box .form-card{text-align:left}.login-box h1{font:800 32px "Manrope";color:var(--navy);letter-spacing:-.04em;margin:0 0 8px}.login-box p{color:var(--muted);line-height:1.6}
@media(max-width:1050px){.page-hero,.page-shell{width:calc(100% - 32px)}.content-grid,.psb-layout,.dash-grid{grid-template-columns:1fr}.psb-side{position:static}.info-list,.article-list{grid-template-columns:1fr 1fr}.dashboard-shell{width:calc(100% - 32px);grid-template-columns:1fr}.dash-side{position:static;min-height:0}.dash-side nav{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.page-hero{width:calc(100% - 16px);padding:38px 24px;border-radius:24px}.page-shell{width:calc(100% - 16px);padding:48px 0 70px}.content-grid,.split-section,.info-list,.article-list,.field-grid,.choice-grid,.steps-simple{grid-template-columns:1fr}.form-wrap{width:calc(100% - 16px);margin-top:18px}.form-card{padding:22px}.form-top{flex-direction:column}.review-row{grid-template-columns:1fr;gap:3px}.dashboard-shell{width:calc(100% - 16px)}.dash-side nav{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr 1fr}.dash-welcome{flex-direction:column}.page-hero h1{font-size:38px}}

/* OFFICIAL CONTENT ALIGNMENT 2027/2028 */
.official-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.official-list-grid>div{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#f9fcfc;color:var(--muted);line-height:1.58}
.official-list-grid b{color:var(--navy)}
.official-program-grid article{min-height:220px}
@media(max-width:700px){.official-list-grid{grid-template-columns:1fr}}

/* =========================================================
   MOBILE MASTER FIX v1 — 2026-10-06
   Canonical responsive layer for 320–700px
   ========================================================= */
@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{font-size:15px}

  /* Header */
  .utility{display:none!important}
  .header{
    height:70px!important;
    min-height:70px!important;
    padding:0 16px!important;
    gap:12px!important;
    position:sticky!important;
    top:0!important;
    z-index:100!important;
  }
  .header .brand,.header .brand img{
    width:138px!important;
    max-width:138px!important;
    height:auto!important;
    flex:0 0 138px!important;
  }
  .header-cta{display:none!important}
  .menu{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    margin-left:auto!important;
    border-radius:12px!important;
    color:#123b4a!important;
    font-size:27px!important;
    line-height:1!important;
    cursor:pointer!important;
  }
  .nav{display:none!important}
  .nav.open{
    display:flex!important;
    position:absolute!important;
    top:70px!important;
    left:12px!important;
    right:12px!important;
    margin:0!important;
    padding:12px!important;
    gap:4px!important;
    flex-direction:column!important;
    background:#fff!important;
    border:1px solid var(--line)!important;
    border-radius:18px!important;
    box-shadow:0 20px 45px rgba(7,54,70,.16)!important;
    z-index:110!important;
  }
  .nav.open a{
    display:block!important;
    padding:12px 13px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }
  .nav.open a.active{background:#effaf7!important}

  /* Home hero: text and people never overlap */
  .hero-overlay{
    width:calc(100% - 16px)!important;
    height:700px!important;
    min-height:700px!important;
    margin:12px auto 0!important;
    border-radius:24px!important;
    background:
      linear-gradient(180deg,#f8f7f1 0%,#f8f7f1 58%,#f1faf7 72%,#e5f8f4 100%)!important;
  }
  .hero-overlay__content{
    width:100%!important;
    padding:26px 20px 0!important;
  }
  .hero-overlay__eyebrow{
    display:block!important;
    margin:0 0 11px!important;
    font-size:10px!important;
    line-height:1.35!important;
    letter-spacing:.12em!important;
  }
  .hero-overlay h1{
    max-width:none!important;
    font-size:34px!important;
    line-height:1.03!important;
    letter-spacing:-.04em!important;
  }
  .hero-overlay__lead{
    max-width:none!important;
    margin:16px 0 18px!important;
    font-size:14.5px!important;
    line-height:1.55!important;
  }
  .hero-overlay__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .hero-overlay__actions .btn{
    width:100%!important;
    min-height:46px!important;
    padding:0 16px!important;
    font-size:13.5px!important;
  }
  .hero-overlay__visual::before{display:none!important}
  .hero-overlay__visual::after{
    display:block!important;
    right:-20%!important;
    left:auto!important;
    top:auto!important;
    bottom:-18%!important;
    width:140%!important;
    height:58%!important;
    border-radius:50%!important;
    background:radial-gradient(circle at 58% 38%,rgba(40,201,191,.26) 0%,rgba(71,215,206,.15) 52%,rgba(71,215,206,0) 76%)!important;
  }
  .hero-overlay__students{
    right:50%!important;
    transform:translateX(50%)!important;
    bottom:8px!important;
    height:238px!important;
    width:auto!important;
    max-width:94%!important;
    object-fit:contain!important;
    object-position:bottom center!important;
    filter:drop-shadow(0 10px 14px rgba(8,74,87,.10))!important;
  }

  /* Shared section rhythm */
  .foundation,.programs,.life,.news{
    width:calc(100% - 24px)!important;
    padding:58px 0!important;
  }
  .foundation-head,.section-title{
    width:100%!important;
    max-width:none!important;
  }
  .foundation-head{padding:0 4px!important}
  .foundation h2,.section-title h2,.about-copy h2,.why h2,.psb h2{
    font-size:32px!important;
    line-height:1.1!important;
    letter-spacing:-.035em!important;
  }
  .section-title{
    display:block!important;
    margin-bottom:28px!important;
  }
  .section-title>p{
    margin-top:13px!important;
    font-size:15px!important;
    line-height:1.6!important;
  }

  /* Foundation */
  .foundation-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:28px!important;
  }
  .foundation-grid article{
    min-height:0!important;
    padding:22px 20px!important;
    border-radius:18px!important;
  }
  .foundation h3{margin:16px 0 7px!important;font-size:20px!important}
  .foundation p{margin:0!important;line-height:1.6!important}

  /* About */
  .about{
    width:calc(100% - 24px)!important;
    padding:34px 22px 28px!important;
    margin:0 auto!important;
    gap:28px!important;
    grid-template-columns:1fr!important;
    border-radius:24px!important;
  }
  .about-copy{order:1!important}
  .about-visual{
    order:2!important;
    min-height:285px!important;
  }
  .about-main{height:250px!important;border-radius:18px!important}
  .about-small{
    width:50%!important;
    height:130px!important;
    right:-4px!important;
    bottom:0!important;
    border-width:6px!important;
    border-radius:16px!important;
  }
  .about-copy>p{font-size:15px!important;line-height:1.65!important}
  .about-points{grid-template-columns:1fr!important;gap:12px!important;margin:22px 0!important}

  /* Programs */
  .program-grid,.official-program-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .program-grid article{
    display:block!important;
    min-height:0!important;
    border-radius:18px!important;
  }
  .program-grid img{height:180px!important}
  .program-grid article>div{padding:20px!important}
  .program-grid h3{font-size:21px!important;margin:8px 0!important}

  /* Why */
  .why{
    width:calc(100% - 24px)!important;
    margin:0 auto 16px!important;
    grid-template-columns:1fr!important;
    border-radius:24px!important;
  }
  .why-copy{padding:34px 22px 26px!important;order:1!important}
  .why-image{order:2!important}
  .why-image img{min-height:0!important;height:260px!important}
  .why-list>div{grid-template-columns:34px 1fr!important;gap:10px!important;padding:14px 0!important}
  .why-list strong{font-size:16px!important}
  .why-list span{font-size:14px!important}

  /* Facilities */
  .life-grid{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:none!important;gap:12px!important}
  .life-grid figure,.life-grid figure.big{
    height:235px!important;
    margin:0!important;
    grid-row:auto!important;
  }
  .facility-tags{gap:7px!important}
  .facility-tags span{font-size:12px!important;padding:8px 10px!important}

  /* PSB */
  .psb{
    width:calc(100% - 24px)!important;
    margin:0 auto 16px!important;
    padding:34px 22px!important;
    border-radius:24px!important;
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .psb-copy>p:not(.kicker){font-size:15px!important;line-height:1.62!important}
  .psb-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .psb-actions .btn,.psb-actions .psb-link{
    width:100%!important;
    min-height:46px!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .numbers{grid-template-columns:1fr!important;gap:10px!important}
  .numbers div{min-height:105px!important;padding:18px!important}
  .numbers b{font-size:36px!important}

  /* News */
  .news-grid{grid-template-columns:1fr!important;gap:14px!important}
  .news-grid img{height:200px!important}
  .news-grid h3{font-size:19px!important}

  /* Inner pages */
  .page-hero{
    width:calc(100% - 16px)!important;
    margin-top:12px!important;
    padding:32px 20px!important;
    border-radius:22px!important;
  }
  .page-hero h1{font-size:34px!important;line-height:1.08!important}
  .page-hero p{font-size:15px!important;line-height:1.62!important;margin-top:14px!important}
  .page-hero .hero-mini-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .page-hero .hero-mini-actions .btn{width:100%!important}

  .page-shell{
    width:calc(100% - 16px)!important;
    padding:42px 0 64px!important;
  }
  .content-grid,.split-section,.info-list,.article-list,.psb-layout,.dash-grid{
    grid-template-columns:1fr!important;
  }
  .content-card,.info-card,.feature-card,.dash-card{border-radius:18px!important}
  .content-card,.info-card,.feature-card,.dash-card{padding:20px!important}
  .content-card h2{font-size:28px!important}
  .content-card h3{font-size:20px!important}
  .official-list-grid{grid-template-columns:1fr!important}
  .article-card img{height:190px!important}
  .steps-simple{grid-template-columns:1fr 1fr!important;gap:10px!important}

  /* Forms */
  .form-wrap{width:calc(100% - 16px)!important;margin:16px auto 64px!important}
  .form-card{padding:20px!important;border-radius:20px!important}
  .form-top{flex-direction:column!important;gap:12px!important}
  .form-top h1{font-size:28px!important}
  .field-grid,.choice-grid{grid-template-columns:1fr!important}
  .field-grid .full{grid-column:auto!important}
  .form-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .form-actions .btn{width:100%!important}
  .review-row{grid-template-columns:1fr!important;gap:3px!important}
  .upload-box{padding:18px 14px!important}

  /* Applicant dashboard */
  .dashboard-shell{
    width:calc(100% - 16px)!important;
    margin:18px auto 64px!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .dash-side{
    position:static!important;
    min-height:0!important;
    padding:18px!important;
    border-radius:20px!important;
  }
  .dash-side nav{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .dash-side nav a{padding:10px!important;font-size:12.5px!important}
  .dash-welcome{flex-direction:column!important}
  .dash-welcome h1{font-size:28px!important}
  .stat-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .stat-card{padding:16px!important}
  .stat-card b{font-size:21px!important}
  .data-list>div{align-items:flex-start!important}
  .login-box{width:calc(100% - 16px)!important;margin:24px auto 64px!important}

  /* Footer */
  footer{padding:44px 20px 20px!important}
  .footer-main{grid-template-columns:1fr!important;gap:28px!important}
  .footer-main img{width:190px!important}
}
@media(max-width:380px){
  .hero-overlay{height:720px!important;min-height:720px!important}
  .hero-overlay h1{font-size:32px!important}
  .hero-overlay__lead{font-size:14px!important}
  .hero-overlay__students{height:228px!important}
  .steps-simple{grid-template-columns:1fr!important}
  .stat-grid{grid-template-columns:1fr!important}
  .dash-side nav{grid-template-columns:1fr!important}
}

/* MOBILE HERO TITLE WRAP */
.hero-overlay h1 .hero-title-line--one,
.hero-overlay h1 .hero-title-line--two{
  display:inline!important;
  color:#075d7a!important;
}
.hero-overlay h1 .hero-title-line--three{
  display:block!important;
  color:#11b9ad!important;
}
@media(max-width:700px){
  .hero-overlay h1 .hero-title-line{
    display:block!important;
  }
  .hero-overlay h1 .hero-title-line--one,
  .hero-overlay h1 .hero-title-line--two{
    color:#075d7a!important;
  }
  .hero-overlay h1 .hero-title-line--three{
    color:#11b9ad!important;
  }
}

/* =========================================================
   SPLIT REGISTRATION / BIODATA FLOW — 2026-10-06
   ========================================================= */
.compact-page-hero{padding-top:44px;padding-bottom:44px}
.compact-page-hero h1{max-width:900px}
.registration-short-wrap{max-width:760px}
.registration-consent{margin-top:18px}
.single-submit{grid-template-columns:1fr auto}
.registration-success{text-align:center;padding:42px}
.registration-success h1{font:800 34px/1.15 "Manrope",sans-serif;color:var(--navy);letter-spacing:-.035em;margin:0 0 12px}
.registration-success>p:not(.kicker){color:var(--muted);max-width:600px;margin:0 auto 20px;line-height:1.65}
.success-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#e7f8f4;color:#079c8e;font-size:28px;font-weight:900}
.registration-number{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:0 28px;border-radius:18px;background:linear-gradient(135deg,#075d7a,#0aa49b);color:#fff;font:800 28px "Manrope";letter-spacing:.04em;margin:6px 0 20px}
.success-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}

.dashboard-action-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:18px;border:1px solid #c8e9e4;border-radius:20px;background:linear-gradient(135deg,#effaf7,#f8fcfb)}
.dashboard-action-banner.complete{background:linear-gradient(135deg,#eef9f6,#f5fbfa)}
.dashboard-action-label{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;color:#0b9e91;margin-bottom:6px}
.dashboard-action-banner h2{font:800 22px "Manrope";color:var(--navy);margin:0 0 5px}
.dashboard-action-banner p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.dashboard-action-banner .btn{flex:0 0 auto}
.dash-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.dash-card-head h2{margin:0}

.locked-registration-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 24px}
.locked-registration-summary>div{padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:#f7fbfb}
.locked-registration-summary span{display:block;font-size:11px;font-weight:700;color:#78909a;margin-bottom:5px}
.locked-registration-summary b{display:block;color:#294852;font-size:13px;line-height:1.4}
.biodata-wrap{max-width:1040px}
.biodata-wrap .form-card{padding:34px}

@media(max-width:1050px){
  .locked-registration-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .compact-page-hero{padding:30px 20px!important}
  .registration-short-wrap{max-width:none!important}
  .single-submit{display:block!important}
  .single-submit span{display:none!important}
  .single-submit .btn{width:100%!important}
  .registration-success{padding:28px 20px!important}
  .registration-success h1{font-size:28px!important}
  .registration-number{width:100%;font-size:23px;padding:0 16px}
  .success-actions{display:grid;grid-template-columns:1fr;width:100%}
  .success-actions .btn{width:100%}
  .dashboard-action-banner{align-items:flex-start;flex-direction:column;padding:18px}
  .dashboard-action-banner .btn{width:100%}
  .dash-card-head{align-items:flex-start;flex-direction:column}
  .locked-registration-summary{grid-template-columns:1fr!important}
  .biodata-wrap .form-card{padding:20px!important}
}

/* =========================================================
   PUBLIC MOBILE PWA SHELL — Sellios-style
   ========================================================= */
.mobile-login,
.mobile-bottom-nav,
.webchat-sheet,
.pwa-install-prompt,
.pwa-install-help{display:none}

@media(max-width:700px){
  body.public-pwa{
    padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;
  }
  body.public-pwa .header{
    display:flex!important;
    align-items:center!important;
  }
  body.public-pwa .header .brand,
  body.public-pwa .header .brand img{
    width:132px!important;
    max-width:132px!important;
    flex:0 0 132px!important;
  }
  body.public-pwa .header .menu{
    display:none!important;
  }
  .mobile-login{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    margin-left:auto;
    min-height:38px;
    padding:0 14px;
    border-radius:999px;
    background:#effaf7;
    border:1px solid #ccebe6;
    color:#087c82;
    font-size:12.5px;
    font-weight:800;
    white-space:nowrap;
  }

  .mobile-bottom-nav{
    position:fixed;
    z-index:300;
    left:0;
    right:0;
    bottom:0;
    display:grid!important;
    grid-template-columns:repeat(5,1fr);
    height:calc(70px + env(safe-area-inset-bottom));
    padding:7px 7px env(safe-area-inset-bottom);
    background:rgba(255,255,255,.97);
    border-top:1px solid #dcebed;
    box-shadow:0 -8px 30px rgba(9,64,82,.09);
    backdrop-filter:blur(14px);
  }
  .mobile-bottom-nav a,
  .mobile-bottom-nav button{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-width:0;
    padding:3px 2px;
    border:0;
    background:transparent;
    color:#6c8189;
    font:700 10.5px/1.15 "DM Sans",sans-serif;
    cursor:pointer;
  }
  .mobile-bottom-nav .nav-icon{
    width:23px;
    height:23px;
    display:grid;
    place-items:center;
    color:currentColor;
  }
  .mobile-bottom-nav .nav-icon svg{
    width:22px;height:22px;display:block;
    fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
  }
  .mobile-bottom-nav a.active{
    color:#078f98;
  }
  .mobile-bottom-nav .psb-nav{
    margin-top:-23px;
    color:#fff!important;
  }
  .mobile-bottom-nav .psb-nav .nav-icon{
    width:52px;height:52px;border-radius:50%;
    background:linear-gradient(135deg,#079da0,#0bb9a9);
    box-shadow:0 9px 22px rgba(7,157,160,.28);
    border:4px solid #fff;
  }
  .mobile-bottom-nav .psb-nav .nav-icon svg{width:23px;height:23px}
  .mobile-bottom-nav .psb-nav .nav-label{
    color:#087c82;
    margin-top:0;
    font-weight:800;
  }
  .mobile-bottom-nav .psb-nav.active .nav-icon{
    background:linear-gradient(135deg,#06758d,#079d96);
  }
  .mobile-bottom-nav .chat-nav{
    color:#6c8189!important;
  }

  .webchat-sheet{
    display:block;
    position:fixed;
    z-index:420;
    left:8px;right:8px;
    bottom:calc(76px + env(safe-area-inset-bottom));
    max-height:min(620px,calc(100vh - 105px));
    border:1px solid #cfe7e7;
    border-radius:24px;
    background:#fff;
    box-shadow:0 24px 70px rgba(3,53,70,.25);
    overflow:hidden;
    transform:translateY(calc(100% + 100px));
    opacity:0;
    pointer-events:none;
    transition:.25s ease;
  }
  .webchat-sheet.open{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  .webchat-head{
    display:flex;align-items:center;gap:11px;
    padding:15px 16px;
    background:linear-gradient(135deg,#075d7a,#0a9993);
    color:#fff;
  }
  .webchat-avatar{
    width:38px;height:38px;border-radius:50%;background:#fff;color:#078f98;
    display:grid;place-items:center;font-weight:900;font-size:16px;
  }
  .webchat-head strong{display:block;font:800 15px "Manrope"}
  .webchat-head small{display:block;color:#d9f4f1;font-size:11px;margin-top:2px}
  .webchat-close{margin-left:auto;border:0;background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:50%;font-size:20px}
  .webchat-messages{
    height:290px;
    overflow:auto;
    padding:15px;
    background:#f7fbfb;
    display:flex;flex-direction:column;gap:10px;
  }
  .chat-bubble{
    max-width:84%;
    padding:10px 12px;
    border-radius:15px;
    font-size:13px;
    line-height:1.5;
  }
  .chat-bubble.bot{
    align-self:flex-start;background:#fff;border:1px solid #dbecee;color:#375861;border-bottom-left-radius:5px;
  }
  .chat-bubble.user{
    align-self:flex-end;background:#078f98;color:#fff;border-bottom-right-radius:5px;
  }
  .webchat-quick{
    display:flex;gap:7px;overflow-x:auto;padding:10px 12px 4px;background:#fff;
    scrollbar-width:none;
  }
  .webchat-quick::-webkit-scrollbar{display:none}
  .webchat-quick button{
    flex:0 0 auto;border:1px solid #d3e8e8;background:#f4fbf9;color:#087c82;border-radius:999px;
    padding:7px 10px;font:700 11px "DM Sans";cursor:pointer;
  }
  .webchat-compose{
    display:grid;grid-template-columns:1fr 42px;gap:8px;padding:10px 12px 12px;background:#fff;
  }
  .webchat-compose input{
    min-width:0;border:1px solid #cfe1e4;border-radius:999px;padding:11px 14px;font:500 13px "DM Sans";outline:none;
  }
  .webchat-compose button{
    border:0;border-radius:50%;background:#078f98;color:#fff;font-size:17px;cursor:pointer;
  }
  .webchat-wa{
    display:block;text-align:center;padding:0 12px 12px;color:#087c82;font-size:11.5px;font-weight:800;background:#fff;
  }

  .pwa-install-prompt{
    position:fixed;
    z-index:360;
    left:12px;
    right:12px;
    bottom:calc(82px + env(safe-area-inset-bottom));
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:14px 14px 14px 12px;
    border:1px solid #c7e8e3;
    border-radius:20px;
    background:#fff;
    box-shadow:0 18px 48px rgba(7,77,93,.22);
    transform:translateY(24px);
    opacity:0;
    pointer-events:none;
    transition:transform .24s ease,opacity .24s ease;
  }
  .pwa-install-prompt.show{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  .pwa-install-prompt.hidden{display:none!important}
  .pwa-install-prompt .install-icon{
    width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e8f8f5;color:#087c82;font-size:19px;font-weight:900;
  }
  .pwa-install-prompt .install-copy{min-width:0;display:grid;gap:2px}
  .pwa-install-prompt .install-copy strong{font:800 13px "Manrope";color:#075d7a}
  .pwa-install-prompt .install-copy small{font-size:10.5px;line-height:1.35;color:#6b8189}
  .pwa-install-prompt .install-action{
    min-height:36px;padding:0 13px;border:0;border-radius:999px;background:#078f98;color:#fff;font:800 11px "DM Sans";cursor:pointer;
  }
  .pwa-install-prompt .install-dismiss{
    position:absolute;right:6px;top:-10px;width:25px;height:25px;border:1px solid #d9e9e8;border-radius:50%;background:#fff;color:#70868c;font-size:16px;line-height:1;box-shadow:0 4px 12px rgba(7,77,93,.12);cursor:pointer;
  }

  .pwa-install-help{
    position:fixed;inset:0;z-index:500;
    background:rgba(1,31,42,.45);
    align-items:flex-end;
    justify-content:center;
    padding:16px;
  }
  .pwa-install-help.open{display:flex!important}
  .pwa-install-card{
    width:min(100%,430px);
    border-radius:24px;
    background:#fff;
    padding:22px;
    box-shadow:0 20px 60px rgba(0,0,0,.22);
  }
  .pwa-install-card h3{font:800 22px "Manrope";color:#075d7a;margin:0 0 8px}
  .pwa-install-card p{color:#647e87;font-size:14px;line-height:1.6;margin:0}
  .pwa-install-card .install-steps{margin:16px 0;display:grid;gap:8px}
  .pwa-install-card .install-steps div{padding:10px 12px;border-radius:12px;background:#f4faf9;color:#375861;font-size:13px}
  .pwa-install-card button{width:100%;border:0;border-radius:999px;background:#078f98;color:#fff;min-height:44px;font-weight:800}
}

/* =========================================================
   PUBLIC PSB DASHBOARD — 2027/2028
   ========================================================= */
.psb-dashboard-page{background:#f7faf9;padding:28px 0 84px}
.psb-dashboard-shell{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}
.psb-public-side{position:sticky;top:98px;border-radius:24px;background:linear-gradient(180deg,#075d7a,#0a8f92);color:#fff;padding:24px;min-height:640px;box-shadow:0 18px 45px rgba(6,83,102,.13)}
.psb-public-brand{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:18px}
.psb-public-label{display:block;color:#9de8df;font-size:11px;font-weight:900;letter-spacing:.13em;margin-bottom:8px}
.psb-public-brand strong{display:block;font:800 21px/1.2 "Manrope";letter-spacing:-.02em}
.psb-public-brand small{display:block;color:#c8e8e8;line-height:1.45;margin-top:7px}
.psb-public-nav{display:grid;gap:5px}
.psb-public-nav a{display:grid;grid-template-columns:30px 1fr;gap:7px;align-items:center;padding:11px 12px;border-radius:12px;color:#d9f1f0;font-size:13px;font-weight:700;transition:.2s}
.psb-public-nav a span{font-size:10px;color:#8dded6;font-weight:900}
.psb-public-nav a:hover,.psb-public-nav a.active{background:rgba(255,255,255,.13);color:#fff}
.psb-public-side-footer{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:10px}
.psb-public-side-footer .btn{width:100%;background:#1fc7b7;color:#064f68}
.psb-side-login{text-align:center;color:#d6eeee;font-size:12px;font-weight:800}
.psb-public-main{display:grid;gap:18px;min-width:0}
.psb-overview-card,.psb-section-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 36px rgba(7,72,91,.05);scroll-margin-top:108px}
.psb-overview-card{padding:34px;display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:center;background:radial-gradient(circle at 100% 0,rgba(31,199,183,.18),transparent 34%),linear-gradient(135deg,#fff,#f6fbfa)}
.psb-overview-copy h1{font:800 clamp(36px,4.2vw,54px)/1.04 "Manrope";letter-spacing:-.045em;color:var(--navy);margin:0;max-width:760px}
.psb-overview-copy>p:not(.kicker){color:var(--muted);font-size:16px;line-height:1.68;max-width:760px}
.psb-overview-copy .hero-mini-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.psb-overview-stats{display:grid;gap:10px}
.psb-overview-stats div{padding:18px;border:1px solid #d6ece9;border-radius:18px;background:rgba(255,255,255,.86)}
.psb-overview-stats span{display:block;color:#769098;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.psb-overview-stats b{display:block;font:800 34px "Manrope";color:var(--navy);margin:3px 0}
.psb-overview-stats small{color:var(--muted)}
.psb-section-card{padding:30px}
.psb-section-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}
.psb-section-head .kicker{margin:4px 0 8px}
.psb-section-head h2{font:800 31px/1.12 "Manrope";letter-spacing:-.035em;color:var(--navy);margin:0}
.section-index{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#eaf9f6;color:#078f98;font-size:11px;font-weight:900}
.psb-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.psb-route-grid article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fbfdfd}
.psb-route-grid article.featured{background:linear-gradient(135deg,#eefaf7,#fff);border-color:#bee6df}
.route-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e5f8f4;color:#087c82;font-weight:900}
.psb-route-grid h3{font:800 21px "Manrope";color:var(--navy);margin:15px 0 8px}
.psb-route-grid p{color:var(--muted);line-height:1.62;font-size:14px}
.psb-route-grid a{color:#078f98;font-weight:900;font-size:13px}
.psb-requirement-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.psb-requirement-grid>div{padding:18px;border:1px solid var(--line);border-radius:16px;background:#f9fcfc}
.psb-requirement-grid b{display:block;color:var(--navy);margin-bottom:6px}
.psb-requirement-grid span{display:block;color:var(--muted);font-size:13px;line-height:1.55}
.psb-schedule{display:grid}
.psb-schedule-item{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid #edf3f3}
.psb-schedule-item>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e9f8f5;color:#078f98;font-weight:900;font-size:12px}
.psb-schedule-item b{display:block;color:var(--navy);margin-bottom:4px}
.psb-schedule-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.psb-schedule-item em{font-style:normal;padding:7px 10px;border-radius:999px;background:#f3f7f7;color:#6c838b;font-size:11px;font-weight:800;white-space:nowrap}
.psb-fee-placeholder{display:grid;grid-template-columns:74px 1fr;gap:18px;align-items:center;padding:22px;border:1px dashed #bedbde;border-radius:18px;background:#fafdfd}
.fee-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#e6f8f4;color:#078f98;font:900 20px "Manrope"}
.psb-fee-placeholder h3{font:800 20px "Manrope";color:var(--navy);margin:0 0 5px}
.psb-fee-placeholder p{margin:0;color:var(--muted);line-height:1.58}
.psb-scholarship-grid{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:stretch}
.scholarship-number{border-radius:20px;background:linear-gradient(135deg,#075d7a,#0aa096);color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:center;text-align:center}
.scholarship-number b{font:800 54px "Manrope";color:#64e1d5}
.scholarship-number span{font-size:13px;line-height:1.45}
.scholarship-copy{padding:8px 2px}
.scholarship-copy p{color:var(--muted);line-height:1.65;margin:0 0 12px}
.psb-form-preview{display:grid;grid-template-columns:1fr 330px;gap:20px}
.psb-form-steps{display:grid;gap:10px}
.psb-form-steps>div{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:14px 0;border-bottom:1px solid #edf3f3}
.psb-form-steps>div>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e9f8f5;color:#078f98;font-size:11px;font-weight:900}
.psb-form-steps p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.psb-form-steps b{display:block;color:var(--navy);font-size:14px;margin-bottom:2px}
.psb-form-cta{padding:22px;border-radius:19px;background:linear-gradient(145deg,#f0faf8,#fff);border:1px solid #cde7e3;align-self:start}
.psb-form-cta>span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#078f98}
.psb-form-cta h3{font:800 20px/1.3 "Manrope";color:var(--navy);margin:8px 0 18px}
.psb-form-cta .btn{display:flex;width:100%;margin-top:8px}
@media(max-width:1050px){
  .psb-dashboard-shell{width:calc(100% - 32px);grid-template-columns:1fr}
  .psb-public-side{position:static;min-height:0}
  .psb-public-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
  .psb-public-side-footer{grid-template-columns:1fr 1fr;align-items:center}
  .psb-overview-card{grid-template-columns:1fr}
  .psb-overview-stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .psb-dashboard-page{padding:12px 0 calc(90px + env(safe-area-inset-bottom))}
  .psb-dashboard-shell{width:calc(100% - 16px)!important;display:block}
  .psb-public-side{
    position:static!important;
    top:auto!important;
    z-index:auto;
    min-height:0!important;
    padding:10px!important;
    border-radius:18px!important;
    margin:0 0 12px;
    background:#fff!important;
    color:var(--navy)!important;
    box-shadow:0 8px 24px rgba(7,72,91,.10);
    border:1px solid var(--line);
  }
  .psb-public-brand,.psb-public-side-footer{display:none!important}
  .psb-public-nav{
    display:flex!important;
    gap:6px!important;
    overflow-x:auto;
    scrollbar-width:none;
    padding-bottom:2px;
  }
  .psb-public-nav::-webkit-scrollbar{display:none}
  .psb-public-nav a{
    flex:0 0 auto;
    display:flex!important;
    gap:5px!important;
    padding:9px 11px!important;
    background:#f3f8f8;
    color:#57717a!important;
    border-radius:999px!important;
    white-space:nowrap;
    font-size:11.5px!important;
  }
  .psb-public-nav a span{color:#8aa1a8}
  .psb-public-nav a.active{background:#e5f8f4!important;color:#078f98!important}
  .psb-public-main{gap:12px}
  .psb-overview-card,.psb-section-card{border-radius:20px!important;scroll-margin-top:82px}
  .psb-overview-card{padding:22px!important;grid-template-columns:1fr!important;gap:18px!important}
  .psb-overview-copy h1{font-size:34px!important}
  .psb-overview-copy>p:not(.kicker){font-size:14.5px!important}
  .psb-overview-copy .hero-mini-actions{display:grid!important;grid-template-columns:1fr!important}
  .psb-overview-copy .hero-mini-actions .btn{width:100%}
  .psb-overview-stats{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
  .psb-overview-stats div{padding:12px 10px!important}
  .psb-overview-stats b{font-size:26px!important}
  .psb-overview-stats small{font-size:10px}
  .psb-section-card{padding:20px!important}
  .psb-section-head h2{font-size:27px!important}
  .psb-route-grid,.psb-requirement-grid,.psb-scholarship-grid,.psb-form-preview{grid-template-columns:1fr!important}
  .psb-schedule-item{grid-template-columns:32px 1fr!important}
  .psb-schedule-item em{grid-column:2;justify-self:start;margin-top:3px}
  .psb-fee-placeholder{grid-template-columns:1fr!important}
  .fee-icon{width:54px;height:54px}
  .scholarship-number{min-height:150px}
  .psb-overview-stats span{font-size:9px}
}

/* PSB DASHBOARD MOBILE WIDTH GUARD */
@media(max-width:700px){
  .psb-dashboard-shell,
  .psb-public-main,
  .psb-overview-card,
  .psb-section-card,
  .psb-overview-copy,
  .psb-overview-stats,
  .psb-route-grid,
  .psb-requirement-grid,
  .psb-scholarship-grid,
  .psb-form-preview,
  .psb-form-steps,
  .psb-form-cta{
    min-width:0!important;
    max-width:100%!important;
  }
  .psb-overview-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
  }
  .psb-overview-stats>div{
    min-width:0!important;
    overflow:hidden;
  }
  .psb-overview-stats span,
  .psb-overview-stats small{
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .psb-overview-copy h1,
  .psb-overview-copy p,
  .psb-section-card h2,
  .psb-section-card p{
    max-width:100%!important;
    overflow-wrap:break-word;
  }
  .mobile-login{margin-left:auto!important;flex:0 0 auto!important}
}

/* PSB REQUIREMENTS SPLIT BY PATH */
.psb-requirement-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.requirement-path-card{border:1px solid var(--line);border-radius:20px;background:#fbfdfd;padding:22px;display:flex;flex-direction:column}
.requirement-path-card.scholarship{background:linear-gradient(145deg,#eefaf7,#fff);border-color:#bfe5df}
.requirement-path-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid #e8f1f1}
.requirement-path-head>div:last-child>span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#078f98;margin-bottom:4px}
.requirement-path-head h3{font:800 21px/1.25 "Manrope";color:var(--navy);margin:0}
.requirement-group{padding:17px 0;border-bottom:1px solid #edf3f3}
.requirement-group:last-of-type{border-bottom:0}
.requirement-group h4{font:800 15px "Manrope";color:var(--navy);margin:0 0 10px}
.requirement-group ul{margin:0;padding-left:19px;color:var(--muted)}
.requirement-group li{margin:0 0 7px;line-height:1.52;font-size:13px}
.requirement-group li:last-child{margin-bottom:0}
.requirement-group.special{margin-top:8px;padding:15px;border:1px solid #f0d9a8;border-radius:14px;background:#fff9e9}
.requirement-group.special h4{color:#8a6214}
.requirement-cta{margin-top:auto;width:100%}
@media(max-width:900px){.psb-requirement-paths{grid-template-columns:1fr}}
@media(max-width:700px){
  .requirement-path-card{padding:18px!important;border-radius:18px!important}
  .requirement-path-head h3{font-size:19px!important}
  .requirement-group li{font-size:13px!important}
}

/* PSB SELECTION & ASSESSMENT */
.psb-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.psb-selection-card{border:1px solid var(--line);border-radius:20px;background:#fbfdfd;padding:22px}
.selection-card-head{display:flex;align-items:center;gap:11px;padding-bottom:15px;margin-bottom:14px;border-bottom:1px solid #e9f1f1}
.selection-card-head>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7f8f4;color:#078f98;font-size:11px;font-weight:900}
.selection-card-head h3{font:800 21px "Manrope";color:var(--navy);margin:0}
.selection-step-list{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:selectionstep}
.selection-step-list li{counter-increment:selectionstep;position:relative;padding:12px 12px 12px 42px;border:1px solid #e4eeee;border-radius:14px;background:#fff;color:#4e6871;font-size:13px;line-height:1.5}
.selection-step-list li::before{content:counter(selectionstep);position:absolute;left:11px;top:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#effaf7;color:#078f98;font-size:10px;font-weight:900}
.assessment-list{display:grid;gap:9px}
.assessment-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #e4eeee;border-radius:14px;background:#fff}
.assessment-list span{color:#4f6871;font-size:13px}
.assessment-list b{font:800 18px "Manrope";color:#078f98}
.selection-method{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;margin-top:16px;padding:19px;border:1px solid #c9e7e2;border-radius:18px;background:linear-gradient(135deg,#effaf7,#fff)}
.selection-method h3{font:800 19px "Manrope";color:var(--navy);margin:2px 0 6px}
.selection-method p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.62}
@media(max-width:900px){.psb-selection-grid{grid-template-columns:1fr}}
@media(max-width:700px){
  .psb-selection-card{padding:18px!important;border-radius:18px!important}
  .selection-card-head h3{font-size:19px!important}
  .selection-step-list li,.assessment-list span,.selection-method p{font-size:13px!important}
  .selection-method{grid-template-columns:38px 1fr;padding:16px!important}
}

/* PSB QUOTA & SCHOLARSHIP COVERAGE */
.scholarship-scheme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.scholarship-scheme-grid article{padding:18px;border:1px solid var(--line);border-radius:17px;background:#fbfdfd}
.scholarship-scheme-grid article>span{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;color:#078f98;margin-bottom:7px}
.scholarship-scheme-grid h3{font:800 18px "Manrope";color:var(--navy);margin:0 0 7px}
.scholarship-scheme-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.scholarship-value-card{display:grid;grid-template-columns:250px 1fr;gap:18px;margin-top:16px;padding:18px;border:1px solid #cce8e3;border-radius:18px;background:linear-gradient(135deg,#eefaf7,#fff)}
.scholarship-value-number{padding:18px;border-radius:16px;background:linear-gradient(135deg,#075d7a,#0a9993);color:#fff;display:flex;flex-direction:column;justify-content:center}
.scholarship-value-number span{font-size:11px;font-weight:800;color:#c9eeea}
.scholarship-value-number b{font:800 29px "Manrope";margin:5px 0}
.scholarship-value-number small{color:#d9f3f1}
.scholarship-value-copy p{margin:0 0 10px;color:var(--muted);line-height:1.6}
.scholarship-coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.scholarship-coverage-grid article{padding:20px;border-radius:18px;border:1px solid var(--line)}
.scholarship-coverage-grid article.included{background:#f1faf7;border-color:#cce9e3}
.scholarship-coverage-grid article.excluded{background:#fff9f0;border-color:#ecd9b4}
.scholarship-coverage-grid h3{font:800 18px "Manrope";color:var(--navy);margin:0 0 11px}
.scholarship-coverage-grid ul{margin:0;padding-left:19px;color:var(--muted)}
.scholarship-coverage-grid li{margin-bottom:7px;font-size:13px;line-height:1.5}
@media(max-width:900px){
  .scholarship-scheme-grid{grid-template-columns:1fr}
  .scholarship-value-card{grid-template-columns:1fr}
  .scholarship-coverage-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .scholarship-value-number b{font-size:25px!important}
  .scholarship-scheme-grid article,.scholarship-coverage-grid article{padding:16px!important}
}

/* DASHBOARD INLINE BIODATA */
.dashboard-biodata-form{margin:18px 0}
.dashboard-biodata-form .dashboard-form-intro{margin:0 0 18px;color:var(--muted);line-height:1.6}
.dashboard-biodata-form .kicker{margin:0 0 6px}
.dashboard-biodata-form .dash-card-head{align-items:flex-start}
.dashboard-biodata-form .progress{margin:20px 0 26px}
.dashboard-biodata-form .form-step h2{font:800 23px/1.2 "Manrope";color:var(--navy);margin-bottom:18px}
@media(max-width:700px){
  .dashboard-biodata-form{margin:14px 0!important;padding:18px!important}
  .dashboard-biodata-form .dash-card-head .app-id{width:100%;text-align:center}
}

/* DASHBOARD: EDIT BIODATA + SELECTION SCHEDULE + RESULTS */
.biodata-saved-panel{
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:18px 0 8px;
  padding:18px 20px;
  border:1px solid #cbe7e2;
  border-radius:16px;
  background:linear-gradient(135deg,#effaf7,#fbfefd);
}
.biodata-saved-panel strong{display:block;color:var(--navy);font:800 16px "Manrope";margin-bottom:4px}
.biodata-saved-panel span{display:block;color:var(--muted);font-size:13px;line-height:1.5}
.biodata-saved-panel .btn{flex:0 0 auto}

.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.status-pill.pending{background:#f3f7f7;color:#6f858d;border:1px solid #dfe8e8}
.dashboard-card-subtitle{margin:5px 0 0;color:var(--muted);font-size:13px}
.selection-schedule-list{display:grid;gap:0}
.selection-schedule-list>div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid #edf3f3}
.selection-schedule-list>div:last-child{border-bottom:0}
.selection-schedule-list span{color:#7b9098;font-size:12px;font-weight:700}
.selection-schedule-list b{color:#2d4f59;font-size:13px;font-weight:700}

.result-announcement-card{scroll-margin-top:100px}
.result-state{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:18px;border-radius:17px;border:1px solid #e1ebeb}
.pending-result{background:#fafcfc}
.result-state-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eef5f5;font-size:19px}
.result-state strong{display:block;color:var(--navy);font:800 16px "Manrope";margin-bottom:4px}
.result-state p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
#jadwal-seleksi,#pengumuman{scroll-margin-top:100px}

@media(max-width:700px){
  .biodata-saved-panel{align-items:stretch;flex-direction:column!important;padding:16px!important}
  .biodata-saved-panel .btn{width:100%}
  .selection-schedule-list>div{grid-template-columns:1fr!important;gap:4px!important}
  .result-state{grid-template-columns:40px 1fr!important;padding:15px!important}
}

/* PROFILE VISUAL FIX 20261006 */
.about-visual{position:relative;min-height:535px;overflow:visible}.about-main{display:block;width:100%;height:455px!important;object-fit:cover!important;object-position:center 46%!important;border-radius:24px}.about-small{display:block;position:absolute;width:53%!important;right:-25px;bottom:0;height:245px!important;object-fit:cover!important;object-position:center!important;border:10px solid #08788b;border-radius:22px}
@media(max-width:700px){.about-visual{min-height:390px!important}.about-main{height:330px!important}.about-small{height:180px!important;right:-8px!important;width:56%!important}}

/* PSB 2027/2028 - registration timeline from official schedule */
.registration-timeline{gap:14px}
.registration-timeline .psb-schedule-item{
  grid-template-columns:38px 1fr auto;
  align-items:center;
  padding:17px 18px;
  border:1px solid #d8ead2;
  border-radius:16px;
  background:#eef7e9;
}
.registration-timeline .psb-schedule-item>span{
  width:30px;height:30px;
  background:#12b9b0;
  color:#fff;
  font-size:15px;
}
.registration-timeline .psb-schedule-item b{
  font-size:15px;
  color:#263d3c;
}
.registration-timeline .psb-schedule-item p{
  color:#516564;
  font-size:12.5px;
}
.registration-timeline .psb-schedule-item p strong{
  color:#354a49;
}
.registration-timeline .psb-schedule-item em{
  background:rgba(255,255,255,.7);
  border:1px solid #d9e8d4;
  color:#657266;
}
@media(max-width:700px){
  .registration-timeline .psb-schedule-item{
    grid-template-columns:34px 1fr;
    gap:10px;
  }
  .registration-timeline .psb-schedule-item em{
    grid-column:2;
    justify-self:start;
    white-space:normal;
  }
}


/* =========================================================
   PUBLIC PWA MOBILE — HORIZONTAL CARD RAILS
   Keeps desktop unchanged and shortens long mobile pages.
   ========================================================= */
@media(max-width:700px){
  body.public-pwa .foundation-grid,
  body.public-pwa .program-grid,
  body.public-pwa .life-grid,
  body.public-pwa .news-grid,
  body.public-pwa .official-list-grid,
  body.public-pwa .article-list,
  body.public-pwa .content-grid,
  body.public-pwa .psb-route-grid,
  body.public-pwa .psb-requirement-paths,
  body.public-pwa .psb-selection-grid,
  body.public-pwa .psb-schedule,
  body.public-pwa .scholarship-scheme-grid,
  body.public-pwa .scholarship-coverage-grid{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column;
    grid-auto-columns:minmax(82%,82%);
    gap:12px!important;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:2px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:8px;
  }

  body.public-pwa .psb-requirement-paths{
    grid-auto-columns:minmax(90%,90%);
  }

  body.public-pwa .foundation-grid::-webkit-scrollbar,
  body.public-pwa .program-grid::-webkit-scrollbar,
  body.public-pwa .life-grid::-webkit-scrollbar,
  body.public-pwa .news-grid::-webkit-scrollbar,
  body.public-pwa .official-list-grid::-webkit-scrollbar,
  body.public-pwa .article-list::-webkit-scrollbar,
  body.public-pwa .content-grid::-webkit-scrollbar,
  body.public-pwa .psb-route-grid::-webkit-scrollbar,
  body.public-pwa .psb-requirement-paths::-webkit-scrollbar,
  body.public-pwa .psb-selection-grid::-webkit-scrollbar,
  body.public-pwa .psb-schedule::-webkit-scrollbar,
  body.public-pwa .scholarship-scheme-grid::-webkit-scrollbar,
  body.public-pwa .scholarship-coverage-grid::-webkit-scrollbar{
    display:none;
  }

  body.public-pwa .foundation-grid>article,
  body.public-pwa .program-grid>article,
  body.public-pwa .life-grid>figure,
  body.public-pwa .news-grid>article,
  body.public-pwa .official-list-grid>div,
  body.public-pwa .article-list>article,
  body.public-pwa .content-grid>article,
  body.public-pwa .content-grid>aside,
  body.public-pwa .psb-route-grid>article,
  body.public-pwa .psb-requirement-paths>article,
  body.public-pwa .psb-selection-grid>article,
  body.public-pwa .psb-schedule>.psb-schedule-item,
  body.public-pwa .scholarship-scheme-grid>article,
  body.public-pwa .scholarship-coverage-grid>article{
    min-width:0!important;
    width:auto!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }

  body.public-pwa .program-grid>article{
    grid-template-columns:1fr!important;
    align-content:start;
  }
  body.public-pwa .program-grid>article img{
    width:100%!important;
    height:210px!important;
  }

  body.public-pwa .life-grid>figure,
  body.public-pwa .life-grid>figure.big{
    grid-row:auto!important;
    height:300px!important;
    margin:0!important;
  }

  body.public-pwa .content-grid{
    align-items:stretch!important;
  }

  body.public-pwa .psb-schedule>.psb-schedule-item{
    border:1px solid #dfeceb!important;
    border-radius:16px!important;
    padding:16px!important;
    background:#fbfdfd;
    align-content:start;
  }
  body.public-pwa .registration-timeline>.psb-schedule-item{
    background:#eef7e9;
    border-color:#d8ead2!important;
  }
}


/* Applicant result + re-enrollment states */
.status-pill.success{background:#eaf8f3;color:#0b8069;border:1px solid #c6eadd}
.status-pill.info{background:#edf7fb;color:#176f89;border:1px solid #cfe5ef}
.status-pill.danger{background:#fff2f1;color:#b34d47;border:1px solid #f0d2cf}
.accepted-result{background:#f2fbf7;border-color:#cbeadf}
.accepted-result .result-state-icon{background:#dff5eb;color:#087c67}
.rejected-result{background:#fff7f6;border-color:#efd8d5}
.rejected-result .result-state-icon{background:#fce8e5;color:#a85149}
.reenrollment-actions{margin-top:14px;gap:12px;padding:16px;border:1px solid #dcebea;border-radius:16px;background:#fbfdfd}
.reenrollment-confirmation{display:flex;align-items:flex-start;gap:10px;color:#4e6871;font-size:13px;line-height:1.5}
.reenrollment-confirmation input{margin-top:3px;flex:0 0 auto}
.reenrollment-actions .btn{justify-self:start;border:0;cursor:pointer}
#daftar-ulang{scroll-margin-top:100px}
@media(max-width:700px){
  .reenrollment-actions{padding:14px}
  .reenrollment-actions .btn{width:100%}
}