:root{
      --navy:#102542;
      --navy-2:#0B1F3A;
      --gold:#F3B421;
      --gold-2:#F4A900;
      --text:#17212F;
      --muted:#6E7582;
      --line:rgba(16,37,66,.12);
      --gold-line:rgba(243,180,33,.34);
      --surface:rgba(255,255,255,.74);
      --surface-strong:rgba(255,255,255,.92);
      --bg:#FFFDF7;
      --shadow:0 22px 58px rgba(16,37,66,.08);
      --gold-shadow:0 18px 42px rgba(243,180,33,.20);
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      font-family:Inter,Arial,sans-serif;
      color:var(--text);
      line-height:1.55;
      background:
        radial-gradient(circle at 8% 6%, rgba(243,180,33,.18), transparent 28%),
        radial-gradient(circle at 90% 0%, rgba(255,231,166,.34), transparent 26%),
        linear-gradient(180deg,#FFFDF7 0%,#FFF8E8 46%,#fff 100%);
      overflow-x:hidden;
    }
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    .container{width:min(1140px,92%);margin:0 auto}

    header{
      position:sticky;top:0;z-index:50;
      background:rgba(255,253,247,.78);
      backdrop-filter:blur(18px);
      border-bottom:1px solid rgba(231,167,0,.22);
      box-shadow:0 12px 40px rgba(171,119,0,.06);
    }
    .nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .logo{display:inline-flex;align-items:center;min-width:160px}
    .logo img{width:152px;height:auto;object-fit:contain}
    .links{display:flex;align-items:center;gap:30px;color:rgba(23,33,47,.72);font-size:14px;font-weight:800}
    .actions{display:flex;align-items:center;gap:12px}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;
      min-height:46px;padding:0 22px;border-radius:999px;
      font-size:14px;font-weight:900;border:1px solid transparent;white-space:nowrap;
      transition:.18s ease;
    }
    .btn.primary{
      background:linear-gradient(135deg,#FFE38A 0%,#FFC229 48%,#F4A900 100%);
      color:#2A2108;border-color:rgba(231,167,0,.38);
      box-shadow:var(--gold-shadow), inset 0 1px 0 rgba(255,255,255,.7);
    }
    .btn.secondary{background:rgba(255,255,255,.72);border-color:var(--line);color:var(--navy)}
    .btn:hover{transform:translateY(-1px)}

    .hero{padding:72px 0 58px;position:relative;overflow:hidden}
    .hero::before{
      content:"";
      position:absolute;
      inset:auto -8% 6% auto;
      width:min(620px,56vw);
      height:340px;
      background:radial-gradient(circle at 50% 50%, rgba(243,180,33,.18), rgba(243,180,33,0) 68%);
      filter:blur(8px);
      pointer-events:none;
    }
    .hero-grid{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(420px,.72fr);
      gap:clamp(44px,6vw,86px);
      align-items:center;
      position:relative;
      z-index:1;
    }
    .eyebrow{color:#B47E00;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;margin-bottom:14px}
    h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.065em;color:#211D16;max-width:760px;margin-bottom:20px}
    .hero-copy{font-size:18px;color:var(--muted);max-width:720px;line-height:1.65}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

    /* HERO RIGHT FLOATING CARDS — clean readable stack */
    .hero-card-stage{
      position:relative;
      width:min(480px,100%);
      margin-left:auto;
      display:grid;
      gap:16px;
      perspective:1200px;
      transform-style:preserve-3d;
      isolation:isolate;
      padding:12px 0;
    }
    .hero-card-stage::before{
      content:"";
      position:absolute;
      inset:-18px -22px;
      border-radius:42px;
      background:
        radial-gradient(circle at 78% 16%, rgba(243,180,33,.18), transparent 34%),
        radial-gradient(circle at 18% 78%, rgba(255,255,255,.70), transparent 42%);
      filter:blur(4px);
      opacity:.75;
      pointer-events:none;
      z-index:-1;
    }
    .hero-info-card{
      position:relative;
      width:100%;
      min-height:126px;
      padding:22px 24px;
      display:grid;
      gap:8px;
      background:
        radial-gradient(120% 145% at 18% 0%, rgba(255,255,255,.94), rgba(255,255,255,0) 56%),
        linear-gradient(145deg,rgba(255,255,255,.90),rgba(255,255,255,.66));
      border:1px solid rgba(243,180,33,.38);
      border-radius:26px;
      box-shadow:
        0 22px 54px rgba(16,37,66,.11),
        0 0 22px rgba(243,180,33,.10),
        inset 0 1px 0 rgba(255,255,255,.90);
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
      transform-style:preserve-3d;
      will-change:transform;
      animation:heroCardSoftFloat 6s ease-in-out infinite;
    }
    .hero-info-card::before{
      content:"";
      position:absolute;
      top:1px;
      left:24px;
      width:44%;
      height:1px;
      background:linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,0));
      pointer-events:none;
    }
    .hero-info-card h3{
      font-size:18px;
      line-height:1.18;
      letter-spacing:-.032em;
      color:var(--navy);
      transform:translateZ(12px);
    }
    .hero-info-card p{
      font-size:14px;
      line-height:1.52;
      color:var(--muted);
      max-width:38ch;
      transform:translateZ(8px);
    }
    .hero-info-card.card-one{
      transform:translateX(20px) rotateY(-4deg) rotateZ(.35deg);
      animation-delay:0s;
      z-index:3;
    }
    .hero-info-card.card-two{
      transform:translateX(-22px) rotateY(4deg) rotateZ(-.35deg);
      animation-delay:.45s;
      z-index:2;
    }
    .hero-info-card.card-three{
      transform:translateX(12px) rotateY(-3deg) rotateZ(.25deg);
      animation-delay:.9s;
      z-index:1;
    }
    .hero-info-card:hover{
      border-color:rgba(243,180,33,.58);
      box-shadow:
        0 26px 62px rgba(16,37,66,.14),
        0 0 28px rgba(243,180,33,.14),
        inset 0 1px 0 rgba(255,255,255,.94);
    }
    @keyframes heroCardSoftFloat{
      0%,100%{margin-top:0}
      50%{margin-top:-8px}
    }

    .programs{padding:50px 0 84px}
    .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
    .section-head h2{font-size:clamp(30px,4vw,44px);line-height:1;letter-spacing:-.055em;color:var(--navy)}
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .card{
      background:var(--surface-strong);border:1px solid rgba(16,37,66,.11);border-radius:24px;
      overflow:hidden;box-shadow:0 16px 44px rgba(16,37,66,.06);display:flex;flex-direction:column;
      min-height:100%;transition:.18s ease;
    }
    .card:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(16,37,66,.10);border-color:rgba(243,180,33,.56)}
    .media{display:none;aspect-ratio:16/9;background:#F4F7FB;overflow:hidden;border-bottom:1px solid rgba(16,37,66,.08)}
    .media.is-visible{display:block}
    .media img{width:100%;height:100%;object-fit:cover}
    .content{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}
    .content h3{font-size:20px;line-height:1.2;letter-spacing:-.03em;color:var(--navy)}
    .content p{font-size:15px;color:var(--muted)}
    .footer-cta{padding:0 0 82px;text-align:center}
    .cta-box{
      background:var(--navy);color:#fff;border-radius:28px;padding:36px 24px;
      box-shadow:0 28px 70px rgba(16,37,66,.18);
    }
    .cta-box h2{color:#fff;font-size:clamp(28px,4vw,42px);letter-spacing:-.05em;line-height:1.05;margin-bottom:20px}
    .site-footer{background:var(--navy);color:#D1D5DB;padding:28px 0;font-size:13px}
    .site-footer .container{display:flex;justify-content:space-between;gap:20px;align-items:center}
    .site-footer a{color:#D1D5DB}

    @media(max-width:980px){
      .links{display:none}.grid{grid-template-columns:repeat(2,1fr)}
      .hero-grid{grid-template-columns:1fr;gap:32px}
      .hero-card-stage{width:min(620px,100%);margin:0 auto}
      .hero-info-card p{max-width:none}
    }
    @media(max-width:620px){
      .nav{height:auto;padding:16px 0}.logo img{width:128px}.actions .secondary{display:none}.btn{min-height:42px;padding:0 16px;font-size:13px}
      .hero{padding:44px 0 34px}.hero-copy{font-size:16px}.grid{grid-template-columns:1fr}.section-head{display:block}
      .hero-card-stage{gap:14px;perspective:none;padding:0}
      .hero-card-stage::before{display:none}
      .hero-info-card{min-height:auto;transform:none !important;animation:none !important}
      .site-footer .container{display:block}.site-footer a{display:inline-flex;margin-top:10px}
    }
  
    .card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
    .program-link{margin-top:auto;padding-top:4px;color:var(--navy);font-size:14px;font-weight:900}
    .card:hover .program-link{text-decoration:underline}
    .card:focus-within{outline:3px solid rgba(243,180,33,.35);outline-offset:3px}

    .card .content p{
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      min-height:44px;
    }
    .card .content{
      gap:10px;
    }
    .program-link{
      margin-top:6px;
    }

    .menu-toggle{
      display:inline-flex;align-items:center;justify-content:center;
      min-height:46px;padding:0 18px;border-radius:999px;
      border:1px solid rgba(16,37,66,.12);
      background:rgba(255,255,255,.74);
      color:var(--navy);font-size:14px;font-weight:900;
      cursor:pointer;box-shadow:0 10px 28px rgba(16,37,66,.05);
      transition:.18s ease;
    }
    .menu-toggle:hover{transform:translateY(-1px);border-color:rgba(243,180,33,.5)}
    .program-drawer-backdrop{
      position:fixed;inset:0;background:rgba(16,37,66,.28);
      opacity:0;pointer-events:none;z-index:80;transition:.2s ease;
      backdrop-filter:blur(2px);
    }
    .program-drawer{
      position:fixed;top:0;left:0;height:100vh;width:min(420px,92vw);
      background:linear-gradient(145deg,rgba(255,253,247,.96),rgba(255,248,232,.94));
      border-right:1px solid rgba(243,180,33,.32);
      box-shadow:28px 0 70px rgba(16,37,66,.18);
      z-index:90;transform:translateX(-105%);transition:.24s ease;
      overflow:auto;padding:22px;
    }
    body.program-menu-open{overflow:hidden}
    body.program-menu-open .program-drawer{transform:translateX(0)}
    body.program-menu-open .program-drawer-backdrop{opacity:1;pointer-events:auto}
    .drawer-head{
      display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
      padding-bottom:18px;border-bottom:1px solid rgba(243,180,33,.28);
    }
    .drawer-head small{
      display:block;color:#B47E00;font-size:12px;font-weight:900;
      letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;
    }
    .drawer-head h2{
      color:var(--navy);font-size:30px;line-height:1;letter-spacing:-.055em;
    }
    .drawer-close{
      width:42px;height:42px;border-radius:50%;border:1px solid rgba(16,37,66,.12);
      background:rgba(255,255,255,.72);color:var(--navy);font-size:28px;
      cursor:pointer;line-height:1;
    }
    .drawer-search{display:block;margin:18px 0}
    .drawer-search span{
      display:block;color:var(--navy);font-size:13px;font-weight:900;margin-bottom:8px;
    }
    .drawer-search input{
      width:100%;height:46px;border-radius:999px;border:1px solid rgba(243,180,33,.36);
      background:rgba(255,255,255,.78);padding:0 16px;color:var(--text);
      outline:none;font:inherit;font-size:14px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
    }
    .drawer-search input:focus{
      border-color:rgba(243,180,33,.8);
      box-shadow:0 0 0 4px rgba(243,180,33,.14), inset 0 1px 0 rgba(255,255,255,.9);
    }
    .drawer-nav{display:grid;gap:12px}
    .drawer-category{
      background:rgba(255,255,255,.68);
      border:1px solid rgba(16,37,66,.10);
      border-radius:22px;overflow:hidden;
      box-shadow:0 12px 32px rgba(16,37,66,.05);
    }
    .drawer-category[hidden]{display:none}
    .drawer-category summary{
      list-style:none;cursor:pointer;padding:16px 16px;
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      color:var(--navy);
    }
    .drawer-category summary::-webkit-details-marker{display:none}
    .drawer-category summary::after{content:"+";font-size:22px;font-weight:900;color:#B47E00}
    .drawer-category[open] summary::after{content:"−"}
    .drawer-category summary strong{
      display:block;font-size:17px;line-height:1.2;letter-spacing:-.02em;
    }
    .drawer-category summary em{
      display:block;margin-top:2px;font-style:normal;color:var(--muted);
      font-size:12px;font-weight:800;
    }
    .drawer-item{
      display:block;padding:10px 16px;color:rgba(16,37,66,.84);
      font-size:14px;font-weight:800;border-top:1px solid rgba(16,37,66,.07);
      line-height:1.35;
    }
    .drawer-item:hover{background:rgba(243,180,33,.10);color:var(--navy)}
    .drawer-all{
      background:rgba(243,180,33,.12);
      color:var(--navy);
    }
    .drawer-note{
      margin:0;padding:9px 16px;color:#8A6100;background:rgba(243,180,33,.08);
      font-size:12px;font-weight:800;border-top:1px solid rgba(16,37,66,.06);
    }
    .drawer-item.is-hidden{display:none}
    @media(max-width:980px){
      .menu-toggle{min-height:42px;padding:0 14px;font-size:13px}
    }
    @media(max-width:620px){
      .program-drawer{width:100vw;padding:18px}
      .actions{gap:8px}
      .actions .btn.primary{display:none}
    }

    /* hero-no-duplicate-cta */
    .hero{padding-bottom:34px}
    .why{padding-top:18px}

    /* remove-current-page-pill */
    .actions{display:flex;align-items:center;gap:12px}
    .menu-toggle{white-space:nowrap}
    @media(max-width:620px){
      .actions{gap:8px}
    }

    /* header-cleanup-programs-button */
    header .menu-toggle{
      min-height:46px;
      min-width:180px;
      padding:0 22px;
      border-radius:999px;
      font-size:14px;
      font-weight:900;
    }
    header .actions .btn.primary{
      min-width:180px;
      min-height:46px;
      padding:0 22px;
    }
    @media(max-width:720px){
      header .menu-toggle,
      header .actions .btn.primary{
        min-width:auto;
        padding:0 16px;
      }
    }

    /* header-remove-osap */
    header .links{
      gap:24px;
    }
    @media(max-width:980px){
      header .links{
        display:flex;
      }
    }
    @media(max-width:720px){
      header .links a:not(:first-child){
        display:none;
      }
    }


    /* =========================================================
       LANDING-LIKE HEADER + ANIMATION OVERRIDES
       Only header styling and motion polish. Page content stays the same.
    ========================================================= */
    header{
      border-bottom:1px solid rgba(231,167,0,.22) !important;
      background:rgba(255,253,247,.74) !important;
      -webkit-backdrop-filter:blur(18px) saturate(1.15) !important;
      backdrop-filter:blur(18px) saturate(1.15) !important;
      box-shadow:0 12px 40px rgba(171,119,0,.06) !important;
    }
    header .nav{
      height:72px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:24px !important;
    }
    header .logo{
      font-weight:900;
      color:var(--navy);
      font-size:22px;
      letter-spacing:-.03em;
      display:inline-flex;
      align-items:center;
      min-width:auto !important;
    }
    header .logo-img,
    header .logo img{
      display:block;
      width:152px !important;
      height:auto;
      max-height:58px;
      object-fit:contain;
    }
    header .links.nav-links{
      display:flex !important;
      align-items:center !important;
      gap:28px !important;
      font-size:15px !important;
      font-weight:700 !important;
      color:rgba(23,33,47,.68) !important;
    }
    header .links.nav-links a{
      position:relative;
      transition:color .2s ease;
    }
    header .links.nav-links a:hover{
      color:var(--navy) !important;
    }
    header .links.nav-links a::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:-7px;
      height:2px;
      border-radius:99px;
      background:linear-gradient(90deg, transparent, var(--gold), transparent);
      opacity:0;
      transform:scaleX(.35);
      transition:opacity .22s ease, transform .22s ease;
      pointer-events:none;
    }
    header .links.nav-links a:hover::after{
      opacity:1;
      transform:scaleX(1);
    }
    header .actions.nav-actions{
      display:flex !important;
      align-items:center !important;
      gap:12px !important;
    }
    header .menu-toggle{
      white-space:nowrap !important;
      min-width:unset !important;
      min-height:46px !important;
      padding:0 20px !important;
      cursor:pointer !important;
    }

    /* Landing button animation adapted for current .btn.primary/.btn.secondary classes */
    @property --edupath-button-angle {
      syntax:"<angle>";
      initial-value:0deg;
      inherits:false;
    }
    .btn{
      transition:transform .18s ease, box-shadow .18s ease, background .2s ease, opacity .2s ease !important;
      position:relative !important;
      isolation:isolate;
    }
    .btn::before,
    .btn::after,
    .btn.primary::before,
    .btn.primary::after,
    .btn.secondary::before,
    .btn.secondary::after{
      content:none !important;
      display:none !important;
    }
    .btn.primary,
    .btn-primary,
    .btn.secondary,
    .btn-secondary,
    header .menu-toggle{
      --edupath-button-angle:0deg;
      overflow:hidden !important;
      border:1.5px solid transparent !important;
      border-radius:999px !important;
      background-origin:border-box !important;
      background-clip:padding-box, border-box !important;
      animation:edupathButtonBorderSpin 4.8s linear infinite;
      transform:translateZ(0);
      backface-visibility:hidden;
      -webkit-mask:none !important;
      mask:none !important;
      clip-path:inset(0 round 999px);
    }
    .btn.primary,
    .btn-primary{
      color:#2A2108 !important;
      background:
        radial-gradient(95% 120% at 24% 0%, rgba(255,255,255,.72), rgba(255,255,255,0) 52%) padding-box,
        linear-gradient(135deg,#FFECA8 0%,#FFC229 46%,#F3A900 100%) padding-box,
        conic-gradient(from var(--edupath-button-angle), rgba(255,206,70,.62) 0deg, rgba(255,206,70,.62) 78deg, rgba(255,255,255,.98) 112deg, rgba(255,231,150,.96) 136deg, rgba(243,180,33,.92) 168deg, rgba(255,206,70,.62) 206deg, rgba(255,206,70,.62) 360deg) border-box !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.78),
        inset 0 -9px 18px rgba(155,98,0,.16),
        0 12px 28px rgba(255,194,41,.26),
        0 0 22px rgba(255,194,41,.16) !important;
    }
    .btn.secondary,
    .btn-secondary,
    header .menu-toggle{
      color:#2A2108 !important;
      background:
        radial-gradient(100% 130% at 24% -8%, rgba(255,255,255,.88), rgba(255,255,255,0) 58%) padding-box,
        linear-gradient(160deg, rgba(255,255,255,.74), rgba(255,248,228,.44)) padding-box,
        conic-gradient(from var(--edupath-button-angle), rgba(255,220,120,.42) 0deg, rgba(255,220,120,.42) 84deg, rgba(255,255,255,.96) 116deg, rgba(255,232,160,.82) 150deg, rgba(231,167,0,.58) 184deg, rgba(255,220,120,.42) 220deg, rgba(255,220,120,.42) 360deg) border-box !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.80),
        0 10px 24px rgba(171,119,0,.09),
        0 0 18px rgba(255,194,41,.10) !important;
      -webkit-backdrop-filter:blur(16px);
      backdrop-filter:blur(16px);
    }
    .btn.primary:hover,
    .btn-primary:hover,
    .btn.secondary:hover,
    .btn-secondary:hover,
    header .menu-toggle:hover{
      transform:translateY(-2px) translateZ(0) !important;
      animation-duration:2.6s;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        inset 0 -10px 18px rgba(155,98,0,.16),
        0 16px 34px rgba(255,194,41,.30),
        0 0 26px rgba(255,218,120,.22) !important;
    }
    .btn:active{
      transform:translateY(0) scale(.98) translateZ(0) !important;
    }
    @keyframes edupathButtonBorderSpin{
      to{--edupath-button-angle:360deg;}
    }

    /* Hero entrance like landing page */
    @keyframes heroEnterRise{
      from{opacity:0;transform:translateY(16px);}
      to{opacity:1;transform:translateY(0);}
    }
    .hero .eyebrow{animation:heroEnterRise .7s cubic-bezier(.22,.61,.36,1) both;}
    .hero h1{animation:heroEnterRise .8s cubic-bezier(.22,.61,.36,1) .12s both;}
    .hero .hero-copy{animation:heroEnterRise .8s cubic-bezier(.22,.61,.36,1) .24s both;}

    /* Gentle scroll reveal copied from the landing motion system */
    [data-reveal]{
      opacity:0;
      transform:translateY(22px);
      transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);
    }
    [data-reveal].is-visible{opacity:1;transform:translateY(0);}
    [data-reveal-fade]{
      opacity:0;
      transition:opacity .6s ease;
    }
    [data-reveal-fade].is-visible{opacity:1;}

    @media(max-width:980px){
      header .links.nav-links{display:none !important;}
      header .logo-img,
      header .logo img{width:136px !important;max-height:54px;}
    }
    @media(max-width:620px){
      header .nav{height:auto !important;padding:18px 0 !important;}
      header .logo-img,
      header .logo img{width:116px !important;max-height:48px;}
      header .actions.nav-actions{gap:8px !important;}
      header .menu-toggle{min-height:42px !important;padding:0 14px !important;font-size:13px !important;}
      header .actions .btn.primary{display:inline-flex !important;min-height:42px !important;padding:0 14px !important;font-size:13px !important;}
    }
    @media(prefers-reduced-motion:reduce){
      .btn.primary,
      .btn-primary,
      .btn.secondary,
      .btn-secondary,
      header .menu-toggle,
      .hero .eyebrow,
      .hero h1,
      .hero .hero-copy,
      .hero-info-card{
        animation:none !important;
      }
      [data-reveal],
      [data-reveal-fade]{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
      }
    }


    /* =========================================================
       FINAL HERO REFINEMENT — soft image, stable height, cleaner layout
       ========================================================= */
    .hero{
      position:relative !important;
      min-height:640px !important;
      padding:88px 0 86px !important;
      display:flex !important;
      align-items:center !important;
      overflow:hidden !important;
      background:
        linear-gradient(90deg, rgba(255,253,247,.98) 0%, rgba(255,250,238,.96) 38%, rgba(255,250,238,.78) 60%, rgba(255,250,238,.52) 100%),
        radial-gradient(circle at 8% 18%, rgba(243,180,33,.16), transparent 30%),
        linear-gradient(180deg,#FFFDF7 0%, #FFF8E8 100%) !important;
      border-bottom:1px solid rgba(243,180,33,.24) !important;
      box-shadow:inset 0 -70px 110px rgba(255,255,255,.58) !important;
      isolation:isolate !important;
    }

    .hero::before{
      content:"" !important;
      position:absolute !important;
      top:0 !important;
      right:0 !important;
      bottom:0 !important;
      width:min(56vw, 780px) !important;
      height:auto !important;
      background:
        linear-gradient(90deg, rgba(255,253,247,.86) 0%, rgba(255,253,247,.38) 34%, rgba(255,253,247,.10) 100%),
        linear-gradient(180deg, rgba(255,248,232,.22), rgba(255,253,247,.42)),
        var(--category-hero-image) center center / cover no-repeat !important;
      opacity:.38 !important;
      filter:saturate(.82) contrast(.94) brightness(1.08) !important;
      border-left:1px solid rgba(243,180,33,.18) !important;
      z-index:-2 !important;
      pointer-events:none !important;
    }

    .hero::after{
      content:"" !important;
      position:absolute !important;
      inset:0 !important;
      background:
        radial-gradient(circle at 24% 28%, rgba(255,255,255,.86), rgba(255,255,255,0) 36%),
        radial-gradient(circle at 82% 72%, rgba(243,180,33,.18), rgba(243,180,33,0) 34%),
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,253,247,.54)) !important;
      z-index:-1 !important;
      pointer-events:none !important;
    }

    .hero-grid{
      display:grid !important;
      grid-template-columns:minmax(0, .96fr) minmax(420px, .74fr) !important;
      gap:clamp(42px,5.5vw,78px) !important;
      align-items:center !important;
      position:relative !important;
      z-index:1 !important;
      width:100% !important;
    }

    .hero-copy-wrap{
      max-width:650px !important;
    }

    .hero h1{
      max-width:680px !important;
      color:#1F1A14 !important;
      text-shadow:none !important;
    }

    .hero .hero-copy{
      max-width:640px !important;
      color:rgba(23,33,47,.72) !important;
    }

    .hero-card-stage{
      width:min(460px,100%) !important;
      margin-left:auto !important;
      gap:16px !important;
      padding:10px 0 !important;
      perspective:900px !important;
    }

    .hero-card-stage::before{
      inset:4px 10px 2px 38px !important;
      border-radius:34px !important;
      background:
        linear-gradient(145deg, rgba(255,255,255,.38), rgba(255,255,255,.12)),
        radial-gradient(circle at 70% 12%, rgba(243,180,33,.16), transparent 34%) !important;
      filter:none !important;
      opacity:1 !important;
      border:1px solid rgba(255,255,255,.38) !important;
      box-shadow:0 20px 52px rgba(16,37,66,.08) !important;
      backdrop-filter:blur(8px) !important;
      -webkit-backdrop-filter:blur(8px) !important;
    }

    .hero-info-card{
      min-height:116px !important;
      padding:19px 22px !important;
      border-radius:22px !important;
      background:rgba(255,255,255,.88) !important;
      border:1px solid rgba(243,180,33,.30) !important;
      box-shadow:
        0 16px 40px rgba(16,37,66,.09),
        inset 0 1px 0 rgba(255,255,255,.94) !important;
      backdrop-filter:blur(16px) !important;
      -webkit-backdrop-filter:blur(16px) !important;
      translate:0 0 !important;
      animation:heroCardFloatStable 6.4s ease-in-out infinite !important;
      will-change:translate !important;
    }

    .hero-info-card h3{
      font-size:17px !important;
      line-height:1.2 !important;
      color:var(--navy) !important;
      transform:none !important;
    }

    .hero-info-card p{
      font-size:13.5px !important;
      line-height:1.52 !important;
      color:rgba(23,33,47,.64) !important;
      max-width:36ch !important;
      transform:none !important;
    }

    .hero-info-card.card-one{
      width:90% !important;
      margin-left:auto !important;
      transform:translateX(0) rotateZ(.15deg) !important;
      z-index:3 !important;
      animation-delay:0s !important;
    }

    .hero-info-card.card-two{
      width:94% !important;
      margin-right:auto !important;
      transform:translateX(-26px) rotateZ(-.2deg) !important;
      z-index:2 !important;
      animation-delay:.55s !important;
    }

    .hero-info-card.card-three{
      width:88% !important;
      margin-left:auto !important;
      transform:translateX(-8px) rotateZ(.15deg) !important;
      z-index:1 !important;
      animation-delay:1.1s !important;
    }

    @keyframes heroCardFloatStable{
      0%,100%{translate:0 0}
      50%{translate:0 -7px}
    }

    .programs{
      padding:76px 0 84px !important;
      background:
        radial-gradient(circle at 12% 0%, rgba(243,180,33,.07), transparent 24%),
        linear-gradient(180deg,#FFFFFF 0%,#FFFDF7 100%) !important;
      border-top:1px solid rgba(243,180,33,.18) !important;
    }

    @media(max-width:980px){
      .hero{
        min-height:auto !important;
        padding:70px 0 62px !important;
      }
      .hero::before{
        width:100% !important;
        opacity:.20 !important;
      }
      .hero-grid{
        grid-template-columns:1fr !important;
        gap:30px !important;
      }
      .hero-card-stage{
        width:min(620px,100%) !important;
        margin:0 auto !important;
      }
      .hero-info-card p{
        max-width:none !important;
      }
    }

    @media(max-width:620px){
      .hero{
        padding:46px 0 42px !important;
      }
      .hero::before{
        opacity:.14 !important;
      }
      .hero h1{
        max-width:100% !important;
        font-size:clamp(38px,12.5vw,50px) !important;
      }
      .hero-card-stage{
        gap:12px !important;
        padding:0 !important;
        perspective:none !important;
      }
      .hero-card-stage::before{
        display:none !important;
      }
      .hero-info-card{
        width:100% !important;
        margin:0 !important;
        min-height:auto !important;
        transform:none !important;
        animation:none !important;
      }
    }


    /* Remove unnecessary shared backplate behind the three Hero cards */
    .hero-card-stage::before{
      display:none !important;
      content:none !important;
      background:none !important;
      border:0 !important;
      box-shadow:none !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
    }

    .hero-card-stage{
      isolation:auto !important;
    }



    /* PROGRAMS SECTION TOOLBAR + OPTIMIZED CATEGORY HAMBURGER */
    .section-head{
      align-items:center;
      margin-bottom:18px;
    }
    .section-toolbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      margin-bottom:26px;
      padding:14px 16px;
      border:1px solid rgba(243,180,33,.22);
      border-radius:22px;
      background:linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,253,247,.96));
      box-shadow:0 12px 34px rgba(16,37,66,.05);
    }
    .section-toolbar-copy{
      display:grid;
      gap:4px;
    }
    .section-toolbar-copy strong{
      font-size:14px;
      line-height:1.2;
      color:var(--navy);
      letter-spacing:-.02em;
    }
    .section-toolbar-copy span{
      font-size:13px;
      color:var(--muted);
    }
    .section-toolbar .menu-toggle.section-menu-toggle{
      min-width:214px;
      min-height:48px;
      padding:0 20px;
      border-radius:999px;
      background:rgba(255,255,255,.94);
      border:1px solid rgba(243,180,33,.32);
      box-shadow:0 12px 28px rgba(16,37,66,.06);
      font-weight:900;
    }
    .section-toolbar .menu-toggle.section-menu-toggle .menu-ico{
      font-size:16px;
      line-height:1;
      margin-right:10px;
    }

    /* PROGRAM CARD IMAGES */
    .media{
      display:block;
      aspect-ratio:16/10;
      position:relative;
      overflow:hidden;
      background:linear-gradient(180deg,#E9EEF5,#DDE6F0);
      border-bottom:1px solid rgba(16,37,66,.08);
    }
    .media img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transition:transform .45s ease;
    }
    .card:hover .media img{
      transform:scale(1.04);
    }
    .media::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(16,37,66,0) 45%, rgba(16,37,66,.14) 100%);
      pointer-events:none;
    }
    .program-badge{
      position:absolute;
      top:14px;
      left:14px;
      z-index:1;
      display:inline-flex;
      align-items:center;
      min-height:30px;
      padding:0 12px;
      border-radius:999px;
      background:rgba(255,255,255,.92);
      border:1px solid rgba(243,180,33,.28);
      color:var(--navy);
      font-size:12px;
      font-weight:900;
      letter-spacing:.01em;
      box-shadow:0 10px 22px rgba(16,37,66,.08);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
    }
    .program-link{
      margin-top:8px;
    }

    @media(max-width:760px){
      .section-toolbar{
        align-items:flex-start;
        flex-direction:column;
      }
      .section-toolbar .menu-toggle.section-menu-toggle{
        min-width:auto;
        width:100%;
      }
    }


    /* =========================================================
       FINAL PROGRAMS LAYOUT — sticky sidebar + fixed card grid
       ========================================================= */

    header #programMenuOpen{
      min-width:160px !important;
    }

    .section-toolbar{
      display:none !important;
    }

    .programs .container{
      width:min(1220px,92%) !important;
    }

    .program-layout{
      display:grid;
      grid-template-columns:300px minmax(0,1fr);
      gap:30px;
      align-items:start;
    }

    .program-list-area{
      min-width:0;
    }

    .program-list-area .section-head{
      display:flex !important;
      align-items:flex-end !important;
      justify-content:space-between !important;
      margin-bottom:22px !important;
    }

    .program-list-area .grid{
      display:grid !important;
      grid-template-columns:repeat(2, minmax(0,1fr)) !important;
      gap:22px !important;
      align-items:stretch !important;
    }

    .program-list-area .card{
      min-width:0 !important;
      border-radius:24px !important;
      overflow:hidden !important;
      height:100% !important;
      background:rgba(255,255,255,.94) !important;
    }

    .program-list-area .card-link{
      height:100% !important;
      display:flex !important;
      flex-direction:column !important;
    }

    .program-list-area .media{
      aspect-ratio:16 / 9 !important;
      min-height:170px !important;
      max-height:210px !important;
      flex:0 0 auto !important;
    }

    .program-list-area .content{
      flex:1 !important;
      padding:22px !important;
    }

    .program-list-area .content h3{
      font-size:19px !important;
      line-height:1.18 !important;
      min-height:46px !important;
    }

    .program-list-area .content p{
      min-height:46px !important;
      -webkit-line-clamp:2 !important;
    }

    .program-sidebar{
      position:relative;
      min-width:0;
    }

    .program-sidebar-inner{
      position:sticky;
      top:96px;
      max-height:calc(100vh - 116px);
      overflow:auto;
      padding:18px;
      border-radius:26px;
      background:
        radial-gradient(circle at 100% 0%, rgba(243,180,33,.10), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,250,236,.88));
      border:1px solid rgba(243,180,33,.28);
      box-shadow:0 18px 44px rgba(16,37,66,.07), inset 0 1px 0 rgba(255,255,255,.86);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      scrollbar-width:thin;
    }

    .sidebar-title{
      padding:2px 2px 14px;
      border-bottom:1px solid rgba(243,180,33,.22);
      margin-bottom:14px;
    }

    .sidebar-title small{
      display:block;
      color:#B47E00;
      font-size:11px;
      font-weight:900;
      letter-spacing:.12em;
      text-transform:uppercase;
      margin-bottom:6px;
    }

    .sidebar-title h3{
      font-size:24px;
      line-height:1;
      letter-spacing:-.05em;
      color:var(--navy);
    }

    .sidebar-search{
      display:block;
      margin-bottom:14px;
    }

    .sidebar-search span{
      display:block;
      color:var(--navy);
      font-size:12px;
      font-weight:900;
      margin-bottom:8px;
    }

    .sidebar-search input{
      width:100%;
      height:42px;
      border-radius:999px;
      border:1px solid rgba(243,180,33,.34);
      background:rgba(255,255,255,.82);
      color:var(--text);
      padding:0 14px;
      font:inherit;
      font-size:13px;
      outline:none;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
    }

    .sidebar-search input:focus{
      border-color:rgba(243,180,33,.72);
      box-shadow:0 0 0 4px rgba(243,180,33,.12), inset 0 1px 0 rgba(255,255,255,.9);
    }

    .sidebar-nav{
      display:grid;
      gap:10px;
    }

    .sidebar-category{
      background:rgba(255,255,255,.64);
      border:1px solid rgba(16,37,66,.08);
      border-radius:18px;
      overflow:hidden;
      box-shadow:0 10px 28px rgba(16,37,66,.04);
    }

    .sidebar-category[hidden]{
      display:none !important;
    }

    .sidebar-category summary{
      padding:13px 14px !important;
      list-style:none;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      color:var(--navy);
      background:rgba(255,255,255,.38);
    }

    .sidebar-category summary::-webkit-details-marker{
      display:none;
    }

    .sidebar-category summary::after{
      content:"+" !important;
      font-size:18px !important;
      font-weight:900 !important;
      color:#B47E00 !important;
      flex:0 0 auto;
    }

    .sidebar-category[open] summary::after{
      content:"−" !important;
    }

    .sidebar-category summary strong{
      display:block;
      font-size:14px !important;
      line-height:1.2;
      letter-spacing:-.02em;
      color:var(--navy);
    }

    .sidebar-category summary em{
      display:block;
      margin-top:2px;
      font-style:normal;
      color:var(--muted);
      font-size:11px !important;
      font-weight:800;
    }

    .sidebar-item{
      display:block;
      padding:9px 14px !important;
      color:rgba(16,37,66,.78) !important;
      font-size:12.5px !important;
      font-weight:800 !important;
      line-height:1.32 !important;
      border-top:1px solid rgba(16,37,66,.06) !important;
      transition:background .16s ease, color .16s ease, padding-left .16s ease;
    }

    .sidebar-item:hover{
      background:rgba(243,180,33,.10) !important;
      color:var(--navy) !important;
      padding-left:18px !important;
    }

    .sidebar-item.drawer-all{
      background:rgba(243,180,33,.12) !important;
      color:var(--navy) !important;
    }

    .sidebar-item.is-hidden{
      display:none !important;
    }

    @media(min-width:1320px){
      .programs .container{
        width:min(1320px,92%) !important;
      }
      .program-layout{
        grid-template-columns:310px minmax(0,1fr);
      }
      .program-list-area .grid{
        grid-template-columns:repeat(3, minmax(0,1fr)) !important;
      }
    }

    @media(max-width:980px){
      .program-layout{
        grid-template-columns:1fr;
        gap:22px;
      }

      .program-sidebar-inner{
        position:relative;
        top:auto;
        max-height:none;
      }

      .sidebar-nav{
        grid-template-columns:repeat(2, minmax(0,1fr));
      }

      .program-list-area .grid{
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
      }
    }

    @media(max-width:680px){
      .program-list-area .section-head{
        display:block !important;
      }

      .sidebar-nav{
        grid-template-columns:1fr;
      }

      .program-list-area .grid{
        grid-template-columns:1fr !important;
        gap:16px !important;
      }

      .program-list-area .media{
        min-height:160px !important;
      }

      .program-sidebar-inner{
        padding:16px;
        border-radius:22px;
      }
    }


    /* =========================================================
       FINAL SPACING + GRID FIX
       - restores container padding in Hero
       - fixes Programs layout with permanent sidebar
       - uses responsive auto-fit grid instead of broken fixed columns
       ========================================================= */

    .container{
      width:min(1180px, calc(100% - 64px)) !important;
      margin-inline:auto !important;
    }

    .hero > .container.hero-grid{
      width:min(1180px, calc(100% - 64px)) !important;
      margin-inline:auto !important;
      padding-inline:0 !important;
    }

    .hero{
      min-height:600px !important;
      padding:76px 0 72px !important;
    }

    .hero-grid{
      grid-template-columns:minmax(0, .95fr) minmax(380px, .75fr) !important;
      gap:clamp(44px, 5vw, 76px) !important;
    }

    .hero-copy-wrap{
      padding-left:0 !important;
      max-width:640px !important;
    }

    .hero-card-stage{
      max-width:460px !important;
    }

    .programs{
      padding:76px 0 92px !important;
      background:
        radial-gradient(circle at 14% 0%, rgba(243,180,33,.08), transparent 24%),
        linear-gradient(180deg,#FFFFFF 0%,#FFFDF7 100%) !important;
    }

    .programs > .container{
      width:min(1280px, calc(100% - 72px)) !important;
      margin-inline:auto !important;
      padding-inline:0 !important;
    }

    .program-layout{
      display:grid !important;
      grid-template-columns:280px minmax(0,1fr) !important;
      gap:34px !important;
      align-items:start !important;
      width:100% !important;
    }

    .program-sidebar-inner{
      top:104px !important;
      padding:18px !important;
      border-radius:24px !important;
    }

    .program-list-area{
      min-width:0 !important;
      width:100% !important;
    }

    .program-list-area .section-head{
      margin-bottom:24px !important;
      padding-top:2px !important;
    }

    .program-list-area .section-head h2{
      font-size:clamp(34px, 3.2vw, 48px) !important;
      letter-spacing:-.055em !important;
    }

    .program-list-area .grid{
      width:100% !important;
      display:grid !important;
      grid-template-columns:repeat(auto-fit, minmax(255px, 1fr)) !important;
      gap:22px !important;
      align-items:stretch !important;
    }

    .program-list-area .card{
      width:100% !important;
      min-width:0 !important;
      border-radius:24px !important;
      box-shadow:0 16px 42px rgba(16,37,66,.065) !important;
    }

    .program-list-area .media{
      min-height:168px !important;
      max-height:none !important;
      aspect-ratio:16 / 9.5 !important;
    }

    .program-list-area .content{
      padding:21px 22px 22px !important;
      gap:10px !important;
    }

    .program-list-area .content h3{
      font-size:18.5px !important;
      line-height:1.18 !important;
      min-height:44px !important;
      overflow-wrap:anywhere !important;
    }

    .program-list-area .content p{
      min-height:44px !important;
      font-size:14.5px !important;
    }

    .program-link{
      font-size:13.5px !important;
      padding-top:8px !important;
    }

    @media(min-width:1440px){
      .programs > .container{
        width:min(1360px, calc(100% - 96px)) !important;
      }

      .program-layout{
        grid-template-columns:300px minmax(0,1fr) !important;
        gap:38px !important;
      }

      .program-list-area .grid{
        grid-template-columns:repeat(3, minmax(0,1fr)) !important;
      }
    }

    @media(max-width:1100px){
      .program-layout{
        grid-template-columns:260px minmax(0,1fr) !important;
        gap:26px !important;
      }

      .program-list-area .grid{
        grid-template-columns:repeat(auto-fit, minmax(245px, 1fr)) !important;
      }
    }

    @media(max-width:980px){
      .container,
      .hero > .container.hero-grid,
      .programs > .container{
        width:min(100% - 40px, 760px) !important;
      }

      .hero{
        min-height:auto !important;
        padding:64px 0 56px !important;
      }

      .hero-grid{
        grid-template-columns:1fr !important;
        gap:28px !important;
      }

      .hero-card-stage{
        max-width:620px !important;
        margin-inline:auto !important;
      }

      .program-layout{
        grid-template-columns:1fr !important;
        gap:28px !important;
      }

      .program-sidebar-inner{
        position:relative !important;
        top:auto !important;
        max-height:none !important;
      }

      .program-list-area .grid{
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
      }
    }

    @media(max-width:680px){
      .container,
      .hero > .container.hero-grid,
      .programs > .container{
        width:min(100% - 28px, 520px) !important;
      }

      .hero{
        padding:46px 0 42px !important;
      }

      .programs{
        padding:54px 0 72px !important;
      }

      .program-list-area .grid{
        grid-template-columns:1fr !important;
        gap:16px !important;
      }

      .program-list-area .media{
        min-height:160px !important;
      }

      .program-list-area .section-head h2{
        font-size:34px !important;
      }
    }


    /* =========================================================
       HERO FULL-WIDTH IMAGE + LEFT GRADIENT OVERLAY
       ========================================================= */
    .hero{
      position:relative !important;
      overflow:hidden !important;
      background:
        linear-gradient(180deg,#FFFDF7 0%, #FFF8E8 100%) !important;
      isolation:isolate !important;
    }

    .hero::before{
      content:"" !important;
      position:absolute !important;
      inset:0 !important;
      width:100% !important;
      height:100% !important;
      background:
        var(--category-hero-image) center center / cover no-repeat !important;
      opacity:.34 !important;
      filter:saturate(.85) contrast(.92) brightness(1.04) !important;
      border:0 !important;
      z-index:-2 !important;
      pointer-events:none !important;
    }

    .hero::after{
      content:"" !important;
      position:absolute !important;
      inset:0 !important;
      background:
        linear-gradient(90deg,
          rgba(255,253,247,.98) 0%,
          rgba(255,251,241,.96) 22%,
          rgba(255,249,236,.90) 40%,
          rgba(255,249,236,.72) 58%,
          rgba(255,249,236,.42) 76%,
          rgba(255,249,236,.18) 100%) !important;
      z-index:-1 !important;
      pointer-events:none !important;
    }

    .hero-grid{
      position:relative !important;
      z-index:1 !important;
    }

    .hero-copy-wrap{
      position:relative !important;
      z-index:2 !important;
    }

    .hero-card-stage{
      position:relative !important;
      z-index:2 !important;
    }

    @media(max-width:980px){
      .hero::before{
        opacity:.24 !important;
        background-position:center center !important;
      }
      .hero::after{
        background:
          linear-gradient(180deg,
            rgba(255,253,247,.96) 0%,
            rgba(255,249,236,.90) 50%,
            rgba(255,249,236,.82) 100%) !important;
      }
    }


    /* =========================================================
       HERO IMAGE REFINEMENT — stronger tech feel + true 100→0 left gradient
       ========================================================= */
    .hero::before{
      background:
        var(--category-hero-image) center center / cover no-repeat !important;
      opacity:.58 !important;
      filter:saturate(1.02) contrast(1) brightness(1.02) !important;
    }

    .hero::after{
      background:
        linear-gradient(90deg,
          rgba(255,253,247,1) 0%,
          rgba(255,252,243,.97) 18%,
          rgba(255,250,238,.88) 36%,
          rgba(255,248,232,.66) 54%,
          rgba(255,248,232,.34) 74%,
          rgba(255,248,232,.12) 88%,
          rgba(255,248,232,0) 100%) !important;
    }

    @media(max-width:980px){
      .hero::before{
        opacity:.42 !important;
        background-position:center center !important;
      }
      .hero::after{
        background:
          linear-gradient(180deg,
            rgba(255,253,247,1) 0%,
            rgba(255,250,238,.94) 44%,
            rgba(255,248,232,.84) 100%) !important;
      }
    }


    /* =========================================================
       UX REFINEMENT — clearer tech hero + collapsed, scrollable sidebar
       ========================================================= */
    .hero::before{
      background:
        var(--category-hero-image) center center / cover no-repeat !important;
      opacity:.52 !important;
      filter:saturate(1.02) contrast(1.02) brightness(1.02) !important;
    }

    .hero::after{
      background:
        linear-gradient(90deg,
          rgba(255,253,247,1) 0%,
          rgba(255,252,243,.98) 20%,
          rgba(255,250,238,.90) 38%,
          rgba(255,248,232,.70) 56%,
          rgba(255,248,232,.36) 76%,
          rgba(255,248,232,.10) 92%,
          rgba(255,248,232,0) 100%) !important;
    }

    .program-sidebar-inner{
      position:sticky !important;
      top:104px !important;
      overflow:hidden !important;
      padding:18px 16px 16px !important;
    }

    .sidebar-search{
      margin-bottom:10px !important;
    }

    .sidebar-helper{
      display:flex;
      align-items:flex-start;
      gap:10px;
      padding:10px 12px;
      margin:0 0 12px;
      border-radius:16px;
      background:linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,250,236,.94));
      border:1px solid rgba(243,180,33,.22);
      box-shadow:0 8px 20px rgba(16,37,66,.04);
    }
    .sidebar-helper-icon{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:24px;
      height:24px;
      border-radius:999px;
      background:rgba(243,180,33,.14);
      color:#B47E00;
      font-size:14px;
      font-weight:900;
      flex:0 0 auto;
    }
    .sidebar-helper strong{
      display:block;
      color:var(--navy);
      font-size:12.5px;
      line-height:1.2;
      margin-bottom:3px;
    }
    .sidebar-helper span{
      display:block;
      color:var(--muted);
      font-size:11.5px;
      line-height:1.4;
    }

    .sidebar-nav{
      display:grid;
      gap:10px;
      max-height:420px;
      overflow:auto;
      padding-right:4px;
      scrollbar-width:thin;
      scrollbar-color:rgba(180,126,0,.38) rgba(16,37,66,.06);
    }
    .sidebar-nav::-webkit-scrollbar{width:8px}
    .sidebar-nav::-webkit-scrollbar-track{background:rgba(16,37,66,.06);border-radius:999px}
    .sidebar-nav::-webkit-scrollbar-thumb{background:rgba(180,126,0,.38);border-radius:999px}

    .program-sidebar-inner::after{
      content:'Scroll ↓';
      position:absolute;
      left:16px;
      right:16px;
      bottom:12px;
      height:40px;
      display:flex;
      align-items:flex-end;
      justify-content:flex-end;
      padding:0 10px 4px;
      font-size:11px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:rgba(180,126,0,.82);
      background:linear-gradient(180deg, rgba(255,250,236,0), rgba(255,250,236,.92) 65%);
      pointer-events:none;
      z-index:2;
    }

    .sidebar-category{
      border-radius:16px !important;
    }
    .sidebar-category summary{
      padding:12px 13px !important;
      transition:background .16s ease;
    }
    .sidebar-category summary:hover{
      background:rgba(243,180,33,.08);
    }
    .sidebar-category summary strong{
      font-size:13.5px !important;
    }
    .sidebar-category summary em{
      font-size:11px !important;
    }

    .sidebar-item{
      font-size:12px !important;
      padding:9px 13px !important;
    }

    @media(max-width:980px){
      .program-sidebar-inner::after{display:none}
      .sidebar-nav{max-height:none}
    }


    /* =========================================================
       SIDEBAR UX CLEANUP — no explanatory text, visual affordance only
       ========================================================= */
    .sidebar-helper{display:none !important;}

    .program-sidebar-inner{
      padding:18px 16px 18px !important;
      overflow:hidden !important;
    }

    .sidebar-search{
      margin-bottom:14px !important;
    }

    .sidebar-nav{
      max-height:440px !important;
      overflow:auto !important;
      padding-right:6px !important;
      padding-bottom:24px !important;
      mask-image:linear-gradient(to bottom, black 0%, black 88%, transparent 100%);
      -webkit-mask-image:linear-gradient(to bottom, black 0%, black 88%, transparent 100%);
    }

    /* remove written scroll hint, keep only soft fade */
    .program-sidebar-inner::after{
      content:"" !important;
      position:absolute !important;
      left:12px !important;
      right:12px !important;
      bottom:10px !important;
      height:54px !important;
      background:linear-gradient(180deg, rgba(255,250,236,0), rgba(255,250,236,.96) 78%) !important;
      pointer-events:none !important;
      z-index:2 !important;
    }

    /* subtle chevrons at the bottom as a visual cue */
    .program-sidebar-inner::before{
      content:"⌄⌄" !important;
      position:absolute !important;
      left:50% !important;
      bottom:12px !important;
      transform:translateX(-50%) !important;
      color:rgba(180,126,0,.72) !important;
      font-size:14px !important;
      letter-spacing:2px !important;
      z-index:3 !important;
      pointer-events:none !important;
      opacity:.95 !important;
    }

    .sidebar-category{
      border-radius:18px !important;
      background:rgba(255,255,255,.72) !important;
      overflow:hidden !important;
    }

    .sidebar-category summary{
      min-height:58px !important;
      padding:14px 14px !important;
      background:linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,252,243,.62)) !important;
      border-radius:18px !important;
    }

    .sidebar-category:not([open]) summary{
      box-shadow:0 10px 20px rgba(16,37,66,.04) !important;
    }

    .sidebar-category[open] summary{
      border-bottom-left-radius:0 !important;
      border-bottom-right-radius:0 !important;
      background:linear-gradient(145deg, rgba(243,180,33,.12), rgba(255,255,255,.9)) !important;
    }

    .sidebar-category summary::after{
      content:"+" !important;
      width:28px !important;
      height:28px !important;
      border-radius:999px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      background:rgba(243,180,33,.10) !important;
      border:1px solid rgba(243,180,33,.22) !important;
      font-size:18px !important;
      line-height:1 !important;
    }

    .sidebar-category[open] summary::after{
      content:"−" !important;
      background:rgba(243,180,33,.16) !important;
    }

    .sidebar-item{
      padding:10px 14px !important;
      background:rgba(255,255,255,.56) !important;
    }

    .sidebar-item + .sidebar-item{
      border-top:1px solid rgba(16,37,66,.05) !important;
    }

    .sidebar-item.drawer-all{
      position:sticky !important;
      top:0 !important;
      z-index:1 !important;
      background:rgba(255,248,232,.98) !important;
    }

    @media(max-width:980px){
      .program-sidebar-inner::before,
      .program-sidebar-inner::after{
        display:none !important;
      }
      .sidebar-nav{
        mask-image:none !important;
        -webkit-mask-image:none !important;
        padding-bottom:0 !important;
      }
    }


    /* =========================================================
       CURRENT CATEGORY CLARITY
       ========================================================= */
    nav.links a.is-active,
    nav.nav-links a.is-active{
      color:var(--navy) !important;
      font-weight:900 !important;
      position:relative;
    }
    nav.links a.is-active::after,
    nav.nav-links a.is-active::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:-12px;
      height:3px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(243,180,33,.9), rgba(243,180,33,.45));
    }

    .sidebar-category.is-current{
      border-color:rgba(55,125,255,.34) !important;
      box-shadow:0 14px 28px rgba(55,125,255,.08), 0 10px 20px rgba(16,37,66,.05) !important;
      background:linear-gradient(145deg, rgba(239,246,255,.92), rgba(255,255,255,.82)) !important;
    }
    .sidebar-category.is-current summary{
      background:linear-gradient(145deg, rgba(235,244,255,.98), rgba(255,255,255,.92)) !important;
      border-bottom:1px solid rgba(55,125,255,.12);
    }
    .sidebar-category.is-current summary strong{
      color:#15345F !important;
    }
    .sidebar-category.is-current summary em{
      color:#5C6F8A !important;
    }
    .current-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      margin-top:6px;
      min-height:22px;
      padding:0 9px;
      border-radius:999px;
      background:rgba(55,125,255,.10);
      border:1px solid rgba(55,125,255,.18);
      color:#2D67C8;
      font-size:10px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      width:max-content;
    }
    .sidebar-category.is-current summary::after{
      background:rgba(55,125,255,.10) !important;
      border-color:rgba(55,125,255,.20) !important;
      color:#2D67C8 !important;
    }
    .sidebar-item.is-current-link{
      background:linear-gradient(145deg, rgba(55,125,255,.10), rgba(255,255,255,.92)) !important;
      color:#15345F !important;
      font-weight:900 !important;
      position:relative;
      padding-left:18px !important;
    }
    .sidebar-item.is-current-link::before{
      content:"";
      position:absolute;
      left:0;
      top:8px;
      bottom:8px;
      width:4px;
      border-radius:0 999px 999px 0;
      background:linear-gradient(180deg, #3B82F6, #8AB4FF);
    }


    /* =========================================================
       EDUPath Program Finder: desktop sidebar + mobile bottom sheet
       ========================================================= */

    .mobile-program-filter,
    .program-sheet{
      display:none;
    }

    nav.links a.is-active,
    nav.nav-links a.is-active{
      color:var(--navy) !important;
      font-weight:900 !important;
      position:relative;
    }
    nav.links a.is-active::after,
    nav.nav-links a.is-active::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:-12px;
      height:3px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(243,180,33,.92), rgba(243,180,33,.36));
    }

    .program-sidebar-inner{
      position:sticky !important;
      top:104px !important;
      max-height:calc(100vh - 124px) !important;
      overflow:hidden !important;
      padding:18px !important;
      border-radius:26px !important;
    }

    .sidebar-title small{
      color:#B47E00 !important;
    }
    .sidebar-title h3{
      font-size:26px !important;
    }

    .sidebar-nav{
      max-height:440px !important;
      overflow:auto !important;
      padding-right:6px !important;
      padding-bottom:22px !important;
      scrollbar-width:thin;
      scrollbar-color:rgba(180,126,0,.38) rgba(16,37,66,.06);
      mask-image:linear-gradient(to bottom, black 0%, black 90%, transparent 100%);
      -webkit-mask-image:linear-gradient(to bottom, black 0%, black 90%, transparent 100%);
    }
    .sidebar-nav::-webkit-scrollbar{width:8px}
    .sidebar-nav::-webkit-scrollbar-track{background:rgba(16,37,66,.06);border-radius:999px}
    .sidebar-nav::-webkit-scrollbar-thumb{background:rgba(180,126,0,.38);border-radius:999px}

    .program-sidebar-inner::after{
      content:"";
      position:absolute;
      left:14px;
      right:14px;
      bottom:10px;
      height:46px;
      background:linear-gradient(180deg, rgba(255,250,236,0), rgba(255,250,236,.96) 78%);
      pointer-events:none;
      z-index:2;
    }

    .sidebar-category{
      border-radius:18px !important;
      background:rgba(255,255,255,.72) !important;
      overflow:hidden !important;
    }
    .sidebar-category summary{
      min-height:60px !important;
      padding:14px 14px !important;
      background:linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,252,243,.68)) !important;
      border-radius:18px !important;
      transition:background .16s ease;
    }
    .sidebar-category summary:hover{
      background:rgba(243,180,33,.08) !important;
    }
    .sidebar-category[open] summary{
      border-bottom-left-radius:0 !important;
      border-bottom-right-radius:0 !important;
      background:linear-gradient(145deg, rgba(243,180,33,.12), rgba(255,255,255,.92)) !important;
    }
    .sidebar-category summary::after{
      content:"+" !important;
      width:28px !important;
      height:28px !important;
      border-radius:999px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      background:rgba(243,180,33,.10) !important;
      border:1px solid rgba(243,180,33,.22) !important;
      color:#B47E00 !important;
      font-size:18px !important;
      line-height:1 !important;
    }
    .sidebar-category[open] summary::after{
      content:"−" !important;
      background:rgba(243,180,33,.16) !important;
    }
    .sidebar-category.is-current{
      border-color:rgba(55,125,255,.34) !important;
      box-shadow:0 14px 28px rgba(55,125,255,.08), 0 10px 20px rgba(16,37,66,.05) !important;
      background:linear-gradient(145deg, rgba(239,246,255,.92), rgba(255,255,255,.82)) !important;
    }
    .sidebar-category.is-current summary{
      background:linear-gradient(145deg, rgba(235,244,255,.98), rgba(255,255,255,.92)) !important;
      border-bottom:1px solid rgba(55,125,255,.12);
    }
    .sidebar-category.is-current summary::after{
      background:rgba(55,125,255,.10) !important;
      border-color:rgba(55,125,255,.20) !important;
      color:#2D67C8 !important;
    }
    .current-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      margin-top:6px;
      min-height:22px;
      padding:0 9px;
      border-radius:999px;
      background:rgba(55,125,255,.10);
      border:1px solid rgba(55,125,255,.18);
      color:#2D67C8;
      font-size:10px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      width:max-content;
    }
    .sidebar-item{
      padding:10px 14px !important;
      background:rgba(255,255,255,.56) !important;
    }
    .sidebar-item.is-current-link{
      background:linear-gradient(145deg, rgba(55,125,255,.10), rgba(255,255,255,.92)) !important;
      color:#15345F !important;
      font-weight:900 !important;
      position:relative;
      padding-left:18px !important;
    }
    .sidebar-item.is-current-link::before{
      content:"";
      position:absolute;
      left:0;
      top:8px;
      bottom:8px;
      width:4px;
      border-radius:0 999px 999px 0;
      background:linear-gradient(180deg, #3B82F6, #8AB4FF);
    }

    @media(max-width:1200px){
      .program-layout{
        grid-template-columns:260px minmax(0,1fr) !important;
        gap:26px !important;
      }
      .program-list-area .grid{
        grid-template-columns:repeat(auto-fit,minmax(230px,1fr)) !important;
      }
    }

    @media(max-width:980px){
      .program-sidebar{
        display:none !important;
      }
      .mobile-program-filter{
        display:block !important;
        margin:0 0 18px !important;
      }
      .mobile-program-filter-btn{
        width:100%;
        min-height:64px;
        padding:14px 16px;
        border-radius:20px;
        border:1px solid rgba(243,180,33,.26);
        background:linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,249,236,.96));
        box-shadow:0 14px 34px rgba(16,37,66,.06);
        display:flex;
        align-items:center;
        gap:14px;
        text-align:left;
        cursor:pointer;
      }
      .filter-icon{
        width:40px;
        height:40px;
        border-radius:14px;
        display:grid;
        place-items:center;
        background:rgba(243,180,33,.12);
        border:1px solid rgba(243,180,33,.18);
        flex:0 0 auto;
      }
      .filter-icon span{
        display:block;
        width:16px;
        height:2px;
        background:var(--navy);
        border-radius:999px;
        margin:2px 0;
      }
      .filter-copy strong{
        display:block;
        color:var(--navy);
        font-size:16px;
        line-height:1.2;
        letter-spacing:-.02em;
      }
      .filter-copy small{
        display:block;
        color:var(--muted);
        font-size:12px;
        margin-top:3px;
      }

      .program-sheet{
        display:block !important;
        position:fixed;
        inset:0;
        z-index:1200;
      }
      .program-sheet[hidden]{
        display:none !important;
      }
      .program-sheet-backdrop{
        position:absolute;
        inset:0;
        background:rgba(15,23,42,.28);
        backdrop-filter:blur(2px);
        -webkit-backdrop-filter:blur(2px);
      }
      .program-sheet-panel{
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:min(82vh, 720px);
        background:linear-gradient(180deg,#FFFDF7 0%, #FFF8EA 100%);
        border-radius:28px 28px 0 0;
        box-shadow:0 -18px 54px rgba(16,37,66,.18);
        padding:10px 16px 18px;
        display:flex;
        flex-direction:column;
        transform:translateY(100%);
        transition:transform .28s cubic-bezier(.22,.61,.36,1);
      }
      body.program-sheet-open .program-sheet-panel{
        transform:translateY(0);
      }
      .program-sheet-handle{
        width:48px;
        height:5px;
        border-radius:999px;
        background:rgba(16,37,66,.22);
        margin:0 auto 14px;
        flex:0 0 auto;
      }
      .program-sheet-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:16px;
        padding:0 0 14px;
        border-bottom:1px solid rgba(243,180,33,.22);
        margin-bottom:14px;
      }
      .program-sheet-head small{
        display:block;
        color:#B47E00;
        font-size:11px;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.12em;
        margin-bottom:6px;
      }
      .program-sheet-head h3{
        color:var(--navy);
        font-size:28px;
        line-height:1;
        letter-spacing:-.05em;
      }
      .program-sheet-close{
        width:42px;
        height:42px;
        border-radius:999px;
        border:1px solid rgba(243,180,33,.24);
        background:rgba(255,255,255,.8);
        font-size:28px;
        line-height:1;
        color:var(--navy);
        display:grid;
        place-items:center;
        flex:0 0 auto;
        cursor:pointer;
      }
      .program-sheet-inner{
        min-height:0;
        display:flex;
        flex-direction:column;
        gap:12px;
        flex:1;
      }
      .program-sheet-inner .sidebar-search{
        margin-bottom:2px !important;
      }
      .program-sheet-inner .sidebar-search span{
        display:block;
        color:var(--navy);
        font-size:13px;
        font-weight:900;
        margin-bottom:8px;
      }
      .program-sheet-inner .sidebar-search input{
        width:100%;
        height:48px;
        border-radius:999px;
        border:1px solid rgba(243,180,33,.32);
        padding:0 16px;
        background:rgba(255,255,255,.88);
        font:inherit;
        font-size:14px;
      }
      .program-sheet-nav{
        flex:1;
        min-height:0;
        overflow:auto;
        display:grid;
        gap:12px;
        padding:2px 2px 24px;
      }
      .sheet-category{
        border-radius:20px !important;
        overflow:hidden;
        background:rgba(255,255,255,.82) !important;
        border:1px solid rgba(243,180,33,.18) !important;
        box-shadow:0 10px 26px rgba(16,37,66,.05) !important;
      }
      .sheet-category summary{
        min-height:64px;
        padding:14px 16px !important;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,250,236,.82)) !important;
      }
      .sheet-category summary::-webkit-details-marker{
        display:none;
      }
      .sheet-category summary::after{
        content:'+' !important;
        width:32px;
        height:32px;
        border-radius:999px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        background:rgba(243,180,33,.10);
        border:1px solid rgba(243,180,33,.2);
        color:#B47E00;
        font-size:20px;
        font-weight:900;
        flex:0 0 auto;
      }
      .sheet-category[open] summary::after{
        content:'−' !important;
      }
      .sheet-category summary strong{
        display:block;
        font-size:16px !important;
        color:var(--navy);
      }
      .sheet-category summary em{
        display:block;
        font-style:normal;
        font-size:12px !important;
        color:var(--muted);
        margin-top:4px;
      }
      .sheet-item{
        display:block;
        padding:12px 16px !important;
        border-top:1px solid rgba(16,37,66,.06) !important;
        color:rgba(16,37,66,.84) !important;
        font-size:14px !important;
        font-weight:800 !important;
        line-height:1.35 !important;
        background:rgba(255,255,255,.72);
      }
      .sheet-item.drawer-all{
        position:sticky;
        top:0;
        z-index:1;
        background:rgba(255,248,232,.98) !important;
      }

      body.program-sheet-open{
        overflow:hidden;
      }

      .program-layout{
        grid-template-columns:1fr !important;
        gap:0 !important;
      }
      .program-list-area .section-head{
        margin-bottom:18px !important;
      }
      .program-list-area .grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:18px !important;
      }
      .links{
        display:none !important;
      }
    }

    @media(max-width:640px){
      .container,
      .hero > .container.hero-grid,
      .programs > .container{
        width:min(100% - 28px, 540px) !important;
      }
      .program-list-area .grid{
        grid-template-columns:1fr !important;
        gap:16px !important;
      }
      .program-sheet-panel{
        height:min(86vh, 740px);
        padding:10px 14px 16px;
        border-radius:24px 24px 0 0;
      }
      .program-sheet-head h3{
        font-size:25px;
      }
    }


    /* =========================================================
       MOBILE PROGRAM FINDER BUG FIX
       - true bottom sheet, not full-page panel
       - categories collapsed by default
       - program links visible only after opening a category
       - stable scrolling inside the sheet
       ========================================================= */
    @media(max-width:980px){
      .program-sheet{
        display:block !important;
        position:fixed !important;
        inset:0 !important;
        z-index:1200 !important;
        background:transparent !important;
      }
      .program-sheet[hidden]{
        display:none !important;
      }
      .program-sheet-backdrop{
        position:absolute !important;
        inset:0 !important;
        background:rgba(15,23,42,.30) !important;
        backdrop-filter:blur(2px) !important;
        -webkit-backdrop-filter:blur(2px) !important;
      }
      .program-sheet-panel{
        position:absolute !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        top:auto !important;
        height:min(78dvh, 680px) !important;
        max-height:calc(100dvh - 54px) !important;
        width:100% !important;
        background:linear-gradient(180deg,#FFFDF7 0%,#FFF8EA 100%) !important;
        border-radius:28px 28px 0 0 !important;
        box-shadow:0 -18px 54px rgba(16,37,66,.20) !important;
        padding:10px 16px 18px !important;
        display:flex !important;
        flex-direction:column !important;
        transform:translateY(105%) !important;
        opacity:1 !important;
        transition:transform .28s cubic-bezier(.22,.61,.36,1) !important;
      }
      body.program-sheet-open .program-sheet-panel{
        transform:translateY(0) !important;
      }
      .program-sheet-inner{
        min-height:0 !important;
        flex:1 1 auto !important;
        display:flex !important;
        flex-direction:column !important;
        gap:12px !important;
        overflow:hidden !important;
      }
      .program-sheet-nav{
        display:block !important;
        flex:1 1 auto !important;
        min-height:0 !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        padding:2px 2px 34px !important;
        scrollbar-width:thin !important;
        -webkit-overflow-scrolling:touch !important;
      }
      .program-sheet-nav .sheet-category{
        display:block !important;
        margin:0 0 12px !important;
        border-radius:20px !important;
        overflow:hidden !important;
        background:rgba(255,255,255,.82) !important;
        border:1px solid rgba(243,180,33,.18) !important;
        box-shadow:0 10px 26px rgba(16,37,66,.05) !important;
      }
      .program-sheet-nav .sheet-category summary{
        min-height:64px !important;
        padding:14px 16px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:14px !important;
        background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,250,236,.82)) !important;
        cursor:pointer !important;
      }
      .program-sheet-nav .sheet-category summary::-webkit-details-marker{
        display:none !important;
      }
      .program-sheet-nav .sheet-category summary::after{
        content:'+' !important;
        width:32px !important;
        height:32px !important;
        border-radius:999px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        background:rgba(243,180,33,.10) !important;
        border:1px solid rgba(243,180,33,.20) !important;
        color:#B47E00 !important;
        font-size:20px !important;
        font-weight:900 !important;
        flex:0 0 auto !important;
      }
      .program-sheet-nav .sheet-category[open] summary::after{
        content:'−' !important;
      }
      .program-sheet-nav .sheet-category:not([open]) > .sheet-item{
        display:none !important;
      }
      .program-sheet-nav .sheet-category[open] > .sheet-item{
        display:block !important;
      }
      .program-sheet-nav .sheet-item{
        padding:12px 16px !important;
        border-top:1px solid rgba(16,37,66,.06) !important;
        color:rgba(16,37,66,.84) !important;
        font-size:14px !important;
        font-weight:800 !important;
        line-height:1.35 !important;
        background:rgba(255,255,255,.72) !important;
      }
      .program-sheet-nav .sheet-item.drawer-all{
        position:relative !important;
        top:auto !important;
        z-index:auto !important;
        background:rgba(255,248,232,.98) !important;
      }
      .program-sheet-nav .sheet-category.is-current{
        border-color:rgba(55,125,255,.34) !important;
        background:linear-gradient(145deg, rgba(239,246,255,.90), rgba(255,255,255,.82)) !important;
      }
      .program-sheet-nav .sheet-category.is-current summary{
        background:linear-gradient(145deg, rgba(235,244,255,.96), rgba(255,255,255,.92)) !important;
      }
      .program-sheet-head{
        flex:0 0 auto !important;
      }
      .program-sheet-inner .sidebar-search{
        flex:0 0 auto !important;
      }
    }

    @media(max-width:640px){
      .program-sheet-panel{
        height:min(82dvh, 720px) !important;
        max-height:calc(100dvh - 34px) !important;
        border-radius:24px 24px 0 0 !important;
        padding:10px 14px 16px !important;
      }
      .program-sheet-head h3{
        font-size:26px !important;
      }
    }


    /* =========================================================
       LANDING PAGE FOOTER — replaces standalone Book Consultation CTA
       ========================================================= */
    .footer-cta,
    .site-footer{
      display:none !important;
    }

    .landing-footer{
      background:#102542 !important;
      color:#D1D5DB !important;
      padding:56px 0 28px !important;
      margin-top:0 !important;
    }

    .landing-footer .container{
      width:min(1120px, 92%) !important;
      margin:0 auto !important;
    }

    .footer-grid{
      display:grid !important;
      grid-template-columns:1.4fr repeat(3, 1fr) !important;
      gap:40px !important;
      margin-bottom:40px !important;
      align-items:start !important;
    }

    .footer-brand{
      max-width:320px !important;
    }

    .footer-logo{
      display:inline-flex !important;
      align-items:center !important;
      margin-bottom:14px !important;
    }

    .landing-footer .logo-img{
      width:152px !important;
      max-height:58px !important;
      object-fit:contain !important;
      display:block !important;
    }

    .footer-brand p{
      margin-top:14px !important;
      color:#9CA3AF !important;
      font-size:14px !important;
      line-height:1.6 !important;
    }

    .landing-footer h4{
      color:#FFFFFF !important;
      margin:0 0 16px !important;
      font-size:16px !important;
      line-height:1.2 !important;
      letter-spacing:-.01em !important;
    }

    .landing-footer ul{
      list-style:none !important;
      display:grid !important;
      gap:10px !important;
      margin:0 !important;
      padding:0 !important;
      color:#9CA3AF !important;
      font-size:14px !important;
    }

    .landing-footer a{
      color:#9CA3AF !important;
      text-decoration:none !important;
      transition:color .18s ease !important;
    }

    .landing-footer a:hover{
      color:#FFFFFF !important;
    }

    .footer-bottom{
      border-top:1px solid rgba(255,255,255,.16) !important;
      padding-top:24px !important;
      display:flex !important;
      justify-content:space-between !important;
      gap:20px !important;
      color:#9CA3AF !important;
      font-size:13px !important;
    }

    @media(max-width:980px){
      .footer-grid{
        grid-template-columns:1fr 1fr !important;
        gap:32px !important;
      }
    }

    @media(max-width:620px){
      .landing-footer{
        padding:44px 0 26px !important;
      }

      .footer-grid{
        grid-template-columns:1fr !important;
        gap:28px !important;
      }

      .footer-bottom{
        flex-direction:column !important;
      }

      .landing-footer .logo-img{
        width:132px !important;
      }
    }


    /* =========================================================
       FLOATING HERO CARDS ANIMATION
       ========================================================= */
    .hero-card-stage{
      perspective:1200px !important;
    }

    .hero-info-card{
      will-change:transform, translate, box-shadow !important;
      transition:box-shadow .25s ease, border-color .25s ease !important;
    }

    .hero-info-card.card-one{
      animation:heroFloatOne 5.8s ease-in-out infinite !important;
    }

    .hero-info-card.card-two{
      animation:heroFloatTwo 6.4s ease-in-out infinite !important;
      animation-delay:.35s !important;
    }

    .hero-info-card.card-three{
      animation:heroFloatThree 6s ease-in-out infinite !important;
      animation-delay:.7s !important;
    }

    .hero-info-card:hover{
      box-shadow:0 22px 48px rgba(16,37,66,.12), 0 8px 18px rgba(243,180,33,.10), inset 0 1px 0 rgba(255,255,255,.95) !important;
    }

    @keyframes heroFloatOne{
      0%,100%{translate:0 0;}
      50%{translate:0 -11px;}
    }

    @keyframes heroFloatTwo{
      0%,100%{translate:0 0;}
      50%{translate:0 -16px;}
    }

    @keyframes heroFloatThree{
      0%,100%{translate:0 0;}
      50%{translate:0 -10px;}
    }

    @media (max-width: 980px){
      .hero-info-card.card-one{
        animation:heroFloatOneMobile 5.6s ease-in-out infinite !important;
      }
      .hero-info-card.card-two{
        animation:heroFloatTwoMobile 6.1s ease-in-out infinite !important;
        animation-delay:.3s !important;
      }
      .hero-info-card.card-three{
        animation:heroFloatThreeMobile 5.8s ease-in-out infinite !important;
        animation-delay:.6s !important;
      }

      @keyframes heroFloatOneMobile{
        0%,100%{translate:0 0;}
        50%{translate:0 -8px;}
      }
      @keyframes heroFloatTwoMobile{
        0%,100%{translate:0 0;}
        50%{translate:0 -11px;}
      }
      @keyframes heroFloatThreeMobile{
        0%,100%{translate:0 0;}
        50%{translate:0 -7px;}
      }
    }

    @media (prefers-reduced-motion: reduce){
      .hero-info-card.card-one,
      .hero-info-card.card-two,
      .hero-info-card.card-three{
        animation:none !important;
        translate:0 0 !important;
      }
    }


    /* =========================================================
       STRONGER VISIBLE FLOATING MOTION — final override
       Uses individual transform properties so it does not change layout height.
       ========================================================= */
    .hero-info-card{
      transform-origin:center center !important;
      will-change:translate, scale, box-shadow !important;
    }

    .hero-info-card.card-one{
      animation:edupathFloatCardOne 3.8s ease-in-out infinite !important;
    }

    .hero-info-card.card-two{
      animation:edupathFloatCardTwo 4.2s ease-in-out infinite !important;
      animation-delay:.35s !important;
    }

    .hero-info-card.card-three{
      animation:edupathFloatCardThree 3.9s ease-in-out infinite !important;
      animation-delay:.7s !important;
    }

    @keyframes edupathFloatCardOne{
      0%,100%{
        translate:0 0;
        scale:1;
        box-shadow:0 16px 40px rgba(16,37,66,.09), inset 0 1px 0 rgba(255,255,255,.94);
      }
      50%{
        translate:0 -22px;
        scale:1.018;
        box-shadow:0 28px 58px rgba(16,37,66,.14), 0 12px 28px rgba(243,180,33,.12), inset 0 1px 0 rgba(255,255,255,.96);
      }
    }

    @keyframes edupathFloatCardTwo{
      0%,100%{
        translate:0 0;
        scale:1;
        box-shadow:0 16px 40px rgba(16,37,66,.09), inset 0 1px 0 rgba(255,255,255,.94);
      }
      50%{
        translate:10px -28px;
        scale:1.02;
        box-shadow:0 30px 62px rgba(16,37,66,.15), 0 14px 30px rgba(243,180,33,.13), inset 0 1px 0 rgba(255,255,255,.96);
      }
    }

    @keyframes edupathFloatCardThree{
      0%,100%{
        translate:0 0;
        scale:1;
        box-shadow:0 16px 40px rgba(16,37,66,.09), inset 0 1px 0 rgba(255,255,255,.94);
      }
      50%{
        translate:-8px -20px;
        scale:1.016;
        box-shadow:0 26px 56px rgba(16,37,66,.13), 0 10px 26px rgba(243,180,33,.11), inset 0 1px 0 rgba(255,255,255,.96);
      }
    }

    @media(max-width:980px){
      .hero-info-card.card-one{
        animation:edupathFloatCardOneMobile 3.8s ease-in-out infinite !important;
      }
      .hero-info-card.card-two{
        animation:edupathFloatCardTwoMobile 4.2s ease-in-out infinite !important;
        animation-delay:.35s !important;
      }
      .hero-info-card.card-three{
        animation:edupathFloatCardThreeMobile 3.9s ease-in-out infinite !important;
        animation-delay:.7s !important;
      }

      @keyframes edupathFloatCardOneMobile{
        0%,100%{translate:0 0;scale:1;}
        50%{translate:0 -14px;scale:1.012;}
      }
      @keyframes edupathFloatCardTwoMobile{
        0%,100%{translate:0 0;scale:1;}
        50%{translate:6px -18px;scale:1.014;}
      }
      @keyframes edupathFloatCardThreeMobile{
        0%,100%{translate:0 0;scale:1;}
        50%{translate:-5px -13px;scale:1.012;}
      }
    }


    /* =========================================================
       EXTRA VISIBLE FLOATING MOTION — stronger final override
       ========================================================= */
    .hero-info-card{
      transform-origin:center center !important;
      will-change:translate, scale, rotate, box-shadow !important;
    }

    .hero-info-card.card-one{
      animation:edupathFloatCardOneStrong 3.2s ease-in-out infinite !important;
    }

    .hero-info-card.card-two{
      animation:edupathFloatCardTwoStrong 3.7s ease-in-out infinite !important;
      animation-delay:.25s !important;
    }

    .hero-info-card.card-three{
      animation:edupathFloatCardThreeStrong 3.4s ease-in-out infinite !important;
      animation-delay:.55s !important;
    }

    @keyframes edupathFloatCardOneStrong{
      0%,100%{
        translate:0 0;
        scale:1;
        rotate:0deg;
        box-shadow:0 16px 40px rgba(16,37,66,.09), inset 0 1px 0 rgba(255,255,255,.94);
      }
      50%{
        translate:0 -34px;
        scale:1.028;
        rotate:-.45deg;
        box-shadow:0 34px 70px rgba(16,37,66,.17), 0 16px 34px rgba(243,180,33,.16), inset 0 1px 0 rgba(255,255,255,.97);
      }
    }

    @keyframes edupathFloatCardTwoStrong{
      0%,100%{
        translate:0 0;
        scale:1;
        rotate:0deg;
        box-shadow:0 16px 40px rgba(16,37,66,.09), inset 0 1px 0 rgba(255,255,255,.94);
      }
      50%{
        translate:16px -42px;
        scale:1.032;
        rotate:.55deg;
        box-shadow:0 38px 76px rgba(16,37,66,.18), 0 18px 38px rgba(243,180,33,.17), inset 0 1px 0 rgba(255,255,255,.97);
      }
    }

    @keyframes edupathFloatCardThreeStrong{
      0%,100%{
        translate:0 0;
        scale:1;
        rotate:0deg;
        box-shadow:0 16px 40px rgba(16,37,66,.09), inset 0 1px 0 rgba(255,255,255,.94);
      }
      50%{
        translate:-14px -32px;
        scale:1.026;
        rotate:-.4deg;
        box-shadow:0 32px 66px rgba(16,37,66,.16), 0 14px 32px rgba(243,180,33,.15), inset 0 1px 0 rgba(255,255,255,.97);
      }
    }

    @media(max-width:980px){
      .hero-info-card.card-one{
        animation:edupathFloatCardOneStrongMobile 3.2s ease-in-out infinite !important;
      }
      .hero-info-card.card-two{
        animation:edupathFloatCardTwoStrongMobile 3.7s ease-in-out infinite !important;
        animation-delay:.25s !important;
      }
      .hero-info-card.card-three{
        animation:edupathFloatCardThreeStrongMobile 3.4s ease-in-out infinite !important;
        animation-delay:.55s !important;
      }

      @keyframes edupathFloatCardOneStrongMobile{
        0%,100%{translate:0 0;scale:1;rotate:0deg;}
        50%{translate:0 -22px;scale:1.018;rotate:-.25deg;}
      }

      @keyframes edupathFloatCardTwoStrongMobile{
        0%,100%{translate:0 0;scale:1;rotate:0deg;}
        50%{translate:8px -26px;scale:1.02;rotate:.3deg;}
      }

      @keyframes edupathFloatCardThreeStrongMobile{
        0%,100%{translate:0 0;scale:1;rotate:0deg;}
        50%{translate:-7px -20px;scale:1.016;rotate:-.25deg;}
      }
    }

    @media(prefers-reduced-motion: reduce){
      .hero-info-card.card-one,
      .hero-info-card.card-two,
      .hero-info-card.card-three{
        animation:none !important;
        translate:0 0 !important;
        scale:1 !important;
        rotate:0deg !important;
      }
    }





/* =========================================================
   EDUPATH SHARED SITE SHELL — unified header, language switch & footer
   ========================================================= */
.edupath-site-header{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  min-height:76px !important;
  border-bottom:1px solid rgba(243,180,33,.24) !important;
  background:rgba(255,253,247,.86) !important;
  box-shadow:0 12px 38px rgba(16,37,66,.065) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.18) !important;
  backdrop-filter:blur(20px) saturate(1.18) !important;
}
.edupath-site-header .edupath-header-inner{
  width:min(1160px,92%) !important;
  min-height:76px !important;
  margin-inline:auto !important;
  padding:10px 0 !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:clamp(18px,2.5vw,34px) !important;
}
.edupath-site-header .edupath-header-logo{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  min-width:0 !important;
}
.edupath-site-header .edupath-header-logo img{
  width:150px !important;
  height:auto !important;
  max-height:56px !important;
  object-fit:contain !important;
}
.edupath-site-header .edupath-header-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(18px,2.2vw,30px) !important;
  min-width:0 !important;
}
.edupath-site-header .edupath-header-nav a{
  position:relative !important;
  padding:10px 0 !important;
  color:rgba(23,33,47,.65) !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  transition:color .2s ease !important;
}
.edupath-site-header .edupath-header-nav a:hover,
.edupath-site-header .edupath-header-nav a.is-active{
  color:#102542 !important;
}
.edupath-site-header .edupath-header-nav a::after{
  content:"" !important;
  position:absolute !important;
  left:10% !important;
  right:10% !important;
  bottom:2px !important;
  height:2px !important;
  border-radius:99px !important;
  background:linear-gradient(90deg,transparent,#F3B421,transparent) !important;
  opacity:0 !important;
  transform:scaleX(.35) !important;
  transition:opacity .2s ease,transform .2s ease !important;
}
.edupath-site-header .edupath-header-nav a:hover::after,
.edupath-site-header .edupath-header-nav a.is-active::after{
  opacity:1 !important;
  transform:scaleX(1) !important;
}
.edupath-site-header .edupath-header-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  min-width:0 !important;
}
.edupath-language-switch{
  display:inline-grid !important;
  grid-template-columns:auto 1fr 1fr !important;
  align-items:center !important;
  gap:3px !important;
  min-height:46px !important;
  padding:4px !important;
  border:1px solid rgba(16,37,66,.12) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.76) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(16,37,66,.06) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  backdrop-filter:blur(16px) !important;
  direction:ltr !important;
}
.edupath-language-switch .language-icon{
  width:30px !important;
  height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#9B7009 !important;
  border-radius:50% !important;
  background:rgba(243,180,33,.11) !important;
}
.edupath-language-switch .language-icon svg{
  width:16px !important;
  height:16px !important;
  display:block !important;
}
.edupath-language-switch .lang-btn{
  appearance:none !important;
  min-width:72px !important;
  min-height:36px !important;
  padding:0 11px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:rgba(16,37,66,.60) !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  cursor:pointer !important;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease !important;
}
.edupath-language-switch .lang-btn[data-lang="fa"]{
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif !important;
  font-size:12px !important;
}
.edupath-language-switch .lang-btn:hover{
  color:#102542 !important;
  background:rgba(243,180,33,.10) !important;
}
.edupath-language-switch .lang-btn.is-active{
  color:#fff !important;
  background:linear-gradient(145deg,#18395F,#102542) !important;
  box-shadow:0 8px 18px rgba(16,37,66,.19),inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.edupath-language-switch .lang-btn:focus-visible{
  outline:3px solid rgba(243,180,33,.42) !important;
  outline-offset:2px !important;
}
.edupath-site-header .edupath-shell-btn{
  min-height:46px !important;
  padding:0 19px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-decoration:none !important;
}
.edupath-site-header .edupath-shell-secondary{
  color:#102542 !important;
  border:1px solid rgba(16,37,66,.12) !important;
  background:rgba(255,255,255,.67) !important;
  box-shadow:0 10px 24px rgba(16,37,66,.055),inset 0 1px 0 rgba(255,255,255,.88) !important;
}
.edupath-site-header .edupath-shell-primary{
  color:#2A2108 !important;
  border:1px solid rgba(231,167,0,.40) !important;
  background:linear-gradient(135deg,#FFECA8 0%,#FFC229 48%,#F3A900 100%) !important;
  box-shadow:0 12px 26px rgba(243,180,33,.24),inset 0 1px 0 rgba(255,255,255,.74) !important;
}
.edupath-site-header .edupath-shell-btn:hover{
  transform:translateY(-2px) !important;
}
.edupath-site-header .edupath-shell-primary:hover{
  box-shadow:0 16px 32px rgba(243,180,33,.30),inset 0 1px 0 rgba(255,255,255,.82) !important;
}
.edupath-site-header .cta-mobile{display:none !important;}
.edupath-language-switch .lang-short{display:none !important;}

.edupath-site-footer{
  position:relative !important;
  overflow:hidden !important;
  padding:0 0 26px !important;
  color:#DCE4EF !important;
  background:
    radial-gradient(circle at 8% 0%,rgba(243,180,33,.13),transparent 24%),
    radial-gradient(circle at 92% 14%,rgba(74,117,168,.16),transparent 26%),
    linear-gradient(155deg,#102542 0%,#0B1F3A 58%,#07172C 100%) !important;
  border-top:1px solid rgba(243,180,33,.30) !important;
}
.edupath-site-footer::before{
  display:none !important;
}
.edupath-site-footer .edupath-footer-container{
  position:relative !important;
  z-index:1 !important;
  width:min(1160px,92%) !important;
  margin-inline:auto !important;
}
.edupath-site-footer .footer-cta-panel{
  transform:translateY(-1px) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:30px !important;
  padding:30px 32px !important;
  border:1px solid rgba(243,180,33,.34) !important;
  border-radius:0 0 28px 28px !important;
  background:
    radial-gradient(circle at 84% 16%,rgba(255,227,138,.18),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.045)) !important;
  box-shadow:0 24px 58px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  backdrop-filter:blur(16px) !important;
}
.edupath-site-footer .footer-cta-copy{max-width:720px !important;}
.edupath-site-footer .footer-eyebrow{
  display:block !important;
  margin-bottom:7px !important;
  color:#F3C85D !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
.edupath-site-footer .footer-cta-panel h2{
  margin:0 0 8px !important;
  color:#fff !important;
  font-size:clamp(25px,3vw,36px) !important;
  line-height:1.1 !important;
  letter-spacing:-.045em !important;
}
.edupath-site-footer .footer-cta-panel p{
  margin:0 !important;
  color:rgba(220,228,239,.72) !important;
  font-size:14px !important;
  line-height:1.65 !important;
}
.edupath-site-footer .footer-cta-button{
  min-height:50px !important;
  padding:0 23px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#2A2108 !important;
  background:linear-gradient(135deg,#FFECA8,#FFC229 50%,#F3A900) !important;
  border:1px solid rgba(255,231,166,.48) !important;
  box-shadow:0 16px 34px rgba(243,180,33,.22),inset 0 1px 0 rgba(255,255,255,.72) !important;
  font-size:13px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  transition:transform .2s ease,box-shadow .2s ease !important;
}
.edupath-site-footer .footer-cta-button:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 20px 40px rgba(243,180,33,.28),inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.edupath-site-footer .footer-main-grid{
  display:grid !important;
  grid-template-columns:minmax(260px,1.55fr) repeat(2,minmax(130px,.72fr)) minmax(230px,1fr) !important;
  gap:clamp(28px,4vw,54px) !important;
  padding:54px 0 42px !important;
  align-items:start !important;
}
.edupath-site-footer .footer-brand-block{max-width:370px !important;}
.edupath-site-footer .footer-logo-tile{
  width:max-content !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:9px 13px !important;
  margin-bottom:18px !important;
  border-radius:17px !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(255,255,255,.74) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.16) !important;
}
.edupath-site-footer .footer-logo-tile img{
  width:142px !important;
  height:auto !important;
  max-height:52px !important;
  object-fit:contain !important;
}
.edupath-site-footer .footer-brand-block>p{
  margin:0 !important;
  max-width:350px !important;
  color:rgba(220,228,239,.70) !important;
  font-size:14px !important;
  line-height:1.72 !important;
}
.edupath-site-footer .footer-trust-pills{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:20px !important;
}
.edupath-site-footer .footer-trust-pills span{
  display:inline-flex !important;
  min-height:30px !important;
  align-items:center !important;
  padding:0 11px !important;
  border-radius:999px !important;
  color:rgba(255,255,255,.82) !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  font-size:10px !important;
  font-weight:800 !important;
}
.edupath-site-footer .footer-nav-group h3,
.edupath-site-footer .footer-contact-card h3{
  margin:3px 0 17px !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
}
.edupath-site-footer .footer-nav-group ul{
  list-style:none !important;
  display:grid !important;
  gap:11px !important;
  margin:0 !important;
  padding:0 !important;
}
.edupath-site-footer .footer-nav-group a{
  display:inline-flex !important;
  align-items:center !important;
  color:rgba(220,228,239,.66) !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  transition:color .2s ease,transform .2s ease !important;
}
.edupath-site-footer .footer-nav-group a:hover{
  color:#fff !important;
  transform:translateX(3px) !important;
}
.edupath-site-footer .footer-contact-card{
  padding:21px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.edupath-site-footer .footer-contact-card p{
  margin:0 0 15px !important;
  color:rgba(220,228,239,.68) !important;
  font-size:12px !important;
  line-height:1.6 !important;
}
.edupath-site-footer .footer-contact-link{
  width:100% !important;
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:0 14px !important;
  margin-top:9px !important;
  border-radius:14px !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.07) !important;
  font-size:12px !important;
  font-weight:800 !important;
  transition:background .2s ease,border-color .2s ease !important;
}
.edupath-site-footer .footer-contact-link:hover{
  background:rgba(255,255,255,.11) !important;
  border-color:rgba(243,180,33,.35) !important;
}
.edupath-site-footer .footer-contact-link strong{
  color:#F3C85D !important;
  font-size:11px !important;
}
.edupath-site-footer .footer-bottom-bar{
  min-height:56px !important;
  padding-top:20px !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  color:rgba(220,228,239,.52) !important;
  font-size:11px !important;
}
.edupath-site-footer .footer-legal-links{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:wrap !important;
}
.edupath-site-footer .footer-legal-links a{
  color:rgba(220,228,239,.60) !important;
  font-weight:700 !important;
}
.edupath-site-footer .footer-legal-links a:hover{color:#fff !important;}

html[dir="rtl"] .edupath-site-header .edupath-header-nav,
body.shell-fa .edupath-site-header,
body.shell-fa .edupath-site-header .edupath-header-nav,
html[dir="rtl"] .edupath-site-footer,
body.shell-fa .edupath-site-footer{
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif !important;
}
html[dir="rtl"] .edupath-site-footer,
body.shell-fa .edupath-site-footer{
  direction:rtl !important;
  text-align:right !important;
}
html[dir="rtl"] .edupath-site-footer .footer-eyebrow,
body.shell-fa .edupath-site-footer .footer-eyebrow{
  letter-spacing:0 !important;
}
html[dir="rtl"] .edupath-site-footer .footer-nav-group a:hover,
body.shell-fa .edupath-site-footer .footer-nav-group a:hover{
  transform:translateX(-3px) !important;
}

@media(max-width:1120px){
  .edupath-site-header .edupath-header-nav{gap:18px !important;}
  .edupath-site-header .edupath-shell-secondary{display:none !important;}
}
@media(max-width:900px){
  .edupath-site-header .edupath-header-inner{
    grid-template-columns:auto 1fr !important;
  }
  .edupath-site-header .edupath-header-nav{display:none !important;}
  .edupath-site-footer .footer-main-grid{
    grid-template-columns:1.25fr 1fr 1fr !important;
  }
  .edupath-site-footer .footer-contact-card{grid-column:1/-1 !important;}
}
@media(max-width:680px){
  .edupath-site-header{min-height:68px !important;}
  .edupath-site-header .edupath-header-inner{
    min-height:68px !important;
    width:min(100% - 28px,620px) !important;
    gap:10px !important;
  }
  .edupath-site-header .edupath-header-logo img{width:116px !important;}
  .edupath-site-header .edupath-header-actions{gap:7px !important;}
  .edupath-language-switch{min-height:42px !important;}
  .edupath-language-switch .language-icon{display:none !important;}
  .edupath-language-switch .lang-full{display:none !important;}
  .edupath-language-switch .lang-short{display:inline !important;}
  .edupath-language-switch .lang-btn{
    min-width:39px !important;
    min-height:32px !important;
    padding:0 8px !important;
    font-size:10px !important;
  }
  .edupath-site-header .edupath-shell-primary{
    min-height:42px !important;
    padding:0 14px !important;
  }
  .edupath-site-header .cta-full{display:none !important;}
  .edupath-site-header .cta-mobile{display:inline !important;}
  .edupath-site-footer .footer-cta-panel{
    grid-template-columns:1fr !important;
    gap:20px !important;
    padding:27px 23px !important;
  }
  .edupath-site-footer .footer-cta-button{width:100% !important;}
  .edupath-site-footer .footer-main-grid{
    grid-template-columns:1fr 1fr !important;
    gap:34px 24px !important;
    padding:44px 0 36px !important;
  }
  .edupath-site-footer .footer-brand-block,
  .edupath-site-footer .footer-contact-card{grid-column:1/-1 !important;max-width:none !important;}
  .edupath-site-footer .footer-bottom-bar{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
}
@media(max-width:420px){
  .edupath-site-header .edupath-header-logo img{width:102px !important;}
  .edupath-site-header .edupath-header-inner{width:min(100% - 20px,420px) !important;}
  .edupath-language-switch{padding:3px !important;gap:1px !important;}
  .edupath-language-switch .lang-btn{min-width:34px !important;padding:0 6px !important;}
  .edupath-site-header .edupath-shell-primary{padding:0 11px !important;font-size:11px !important;}
  .edupath-site-footer .footer-main-grid{grid-template-columns:1fr !important;}
  .edupath-site-footer .footer-nav-group{grid-column:auto !important;}
}
@media(prefers-reduced-motion:reduce){
  .edupath-site-header *,
  .edupath-site-footer *{transition:none !important;animation:none !important;}
}

/* =========================================================
   HEADER V2 — original typography + minimal language dropdown
   ========================================================= */
.edupath-site-header,
.edupath-site-footer{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:optimizeLegibility !important;
}
.edupath-site-header :where(a,button),
.edupath-site-footer :where(a,button){
  font-family:inherit !important;
}
html[dir="rtl"] .edupath-site-header,
body.lang-fa .edupath-site-header,
body.shell-fa .edupath-site-header,
html[dir="rtl"] .edupath-site-footer,
body.lang-fa .edupath-site-footer,
body.shell-fa .edupath-site-footer{
  font-family:"Vazirmatn","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif !important;
  letter-spacing:0 !important;
}
.edupath-site-header .edupath-header-actions{
  gap:12px !important;
}
.edupath-language-menu{
  position:relative !important;
  display:inline-flex !important;
  flex:0 0 auto !important;
  direction:ltr !important;
}
.edupath-language-trigger{
  appearance:none !important;
  min-width:128px !important;
  min-height:44px !important;
  padding:0 12px !important;
  display:inline-grid !important;
  grid-template-columns:20px minmax(0,1fr) 14px !important;
  align-items:center !important;
  gap:8px !important;
  border:1px solid rgba(16,37,66,.13) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.82) !important;
  color:#102542 !important;
  box-shadow:0 8px 22px rgba(16,37,66,.055),inset 0 1px 0 rgba(255,255,255,.94) !important;
  cursor:pointer !important;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease !important;
}
.edupath-language-trigger:hover,
.edupath-language-menu.is-open .edupath-language-trigger{
  border-color:rgba(243,180,33,.58) !important;
  background:#fff !important;
  box-shadow:0 11px 28px rgba(16,37,66,.075),0 0 0 3px rgba(243,180,33,.08) !important;
}
.edupath-language-trigger:focus-visible{
  outline:3px solid rgba(243,180,33,.34) !important;
  outline-offset:2px !important;
}
.edupath-language-trigger .language-globe,
.edupath-language-trigger .language-chevron{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#8A6712 !important;
}
.edupath-language-trigger .language-globe svg{
  width:18px !important;
  height:18px !important;
}
.edupath-language-trigger .language-chevron svg{
  width:14px !important;
  height:14px !important;
  transition:transform .2s ease !important;
}
.edupath-language-menu.is-open .language-chevron svg{
  transform:rotate(180deg) !important;
}
.edupath-language-current{
  min-width:0 !important;
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:8px !important;
  white-space:nowrap !important;
}
.edupath-language-current-label{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#102542 !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  line-height:1 !important;
}
.edupath-language-current-code{
  color:rgba(16,37,66,.48) !important;
  font-family:"Inter","Segoe UI",Arial,sans-serif !important;
  font-size:9.5px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}
.edupath-language-popover{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  right:0 !important;
  z-index:1200 !important;
  width:202px !important;
  padding:7px !important;
  display:grid !important;
  gap:4px !important;
  border:1px solid rgba(16,37,66,.11) !important;
  border-radius:17px !important;
  background:rgba(255,255,255,.98) !important;
  box-shadow:0 22px 55px rgba(16,37,66,.16),inset 0 1px 0 rgba(255,255,255,.96) !important;
  -webkit-backdrop-filter:blur(20px) !important;
  backdrop-filter:blur(20px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(-6px) scale(.98) !important;
  transform-origin:top right !important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease !important;
}
.edupath-language-menu.is-open .edupath-language-popover{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) scale(1) !important;
}
.edupath-language-popover .lang-btn{
  appearance:none !important;
  width:100% !important;
  min-height:46px !important;
  padding:5px 9px !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) 20px !important;
  align-items:center !important;
  gap:10px !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#102542 !important;
  text-align:left !important;
  cursor:pointer !important;
  transition:background .16s ease,transform .16s ease !important;
}
.edupath-language-popover .lang-btn:hover{
  background:rgba(243,180,33,.09) !important;
}
.edupath-language-popover .lang-btn:focus-visible{
  outline:3px solid rgba(243,180,33,.30) !important;
  outline-offset:-1px !important;
}
.edupath-language-popover .lang-option-code{
  width:34px !important;
  height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(16,37,66,.10) !important;
  border-radius:9px !important;
  background:#F7F8FA !important;
  color:rgba(16,37,66,.66) !important;
  font-family:"Inter","Segoe UI",Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
}
.edupath-language-popover .lang-option-label{
  min-width:0 !important;
  display:block !important;
  color:#102542 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}
.edupath-language-popover .lang-btn[data-lang="en"] .lang-option-label{
  font-family:"Inter","Segoe UI",Arial,sans-serif !important;
}
.edupath-language-popover .lang-btn[data-lang="fa"] .lang-option-label{
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif !important;
  text-align:right !important;
}
.edupath-language-popover .lang-check{
  width:20px !important;
  height:20px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  color:transparent !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.edupath-language-popover .lang-btn.is-active{
  background:linear-gradient(145deg,rgba(255,248,226,.95),rgba(255,255,255,.96)) !important;
  box-shadow:inset 0 0 0 1px rgba(243,180,33,.24) !important;
}
.edupath-language-popover .lang-btn.is-active .lang-option-code{
  border-color:rgba(243,180,33,.34) !important;
  background:rgba(243,180,33,.13) !important;
  color:#755300 !important;
}
.edupath-language-popover .lang-btn.is-active .lang-check{
  color:#9A6D00 !important;
  background:rgba(243,180,33,.14) !important;
}
.edupath-site-header .edupath-shell-primary{
  min-height:44px !important;
  padding:0 20px !important;
  font-family:inherit !important;
  font-size:13px !important;
}
@media(max-width:900px){
  .edupath-language-trigger{min-width:118px !important;}
}
@media(max-width:680px){
  .edupath-language-trigger{
    min-width:48px !important;
    width:48px !important;
    min-height:42px !important;
    padding:0 !important;
    display:inline-flex !important;
    justify-content:center !important;
  }
  .edupath-language-trigger .language-globe,
  .edupath-language-trigger .language-chevron{display:none !important;}
  .edupath-language-current-label{display:none !important;}
  .edupath-language-current-code{
    color:#102542 !important;
    font-size:11px !important;
    letter-spacing:.04em !important;
  }
  .edupath-language-popover{
    right:0 !important;
    width:190px !important;
  }
}
@media(max-width:420px){
  .edupath-language-trigger{width:42px !important;min-width:42px !important;}
  .edupath-site-header .edupath-shell-primary{padding:0 12px !important;}
}





/* =========================================================
   HEADER V3 — one primary CTA + compact professional language menu
   ========================================================= */
.edupath-site-header,
.edupath-site-header button,
.edupath-site-header a{
  font-family:"Inter",Arial,sans-serif !important;
}
html[dir="rtl"] .edupath-site-header,
html[dir="rtl"] .edupath-site-header button,
html[dir="rtl"] .edupath-site-header a{
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif !important;
}

/* Get Free Guidance is the only header CTA. */
.edupath-site-header [data-shell-en="Explore Programs"],
.edupath-site-header [data-i18n-en="Explore Programs"],
.edupath-site-header .edupath-shell-secondary,
.edupath-site-header .header-explore-programs,
.edupath-site-header .explore-programs-cta{
  display:none !important;
}
.edupath-site-header .edupath-header-actions{
  gap:10px !important;
}

/* Compact language control */
.edupath-site-header .edupath-language-menu.edupath-language-compact{
  position:relative !important;
  display:inline-flex !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  isolation:isolate;
}
.edupath-site-header .edupath-language-compact .edupath-language-trigger{
  width:64px !important;
  min-width:64px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 11px 0 13px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  border-radius:14px !important;
  border:1px solid rgba(16,37,66,.13) !important;
  background:rgba(255,255,255,.72) !important;
  color:#102542 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 8px 20px rgba(16,37,66,.055) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08) !important;
  backdrop-filter:blur(14px) saturate(1.08) !important;
  cursor:pointer !important;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
  animation:none !important;
  clip-path:none !important;
  overflow:visible !important;
}
.edupath-site-header .edupath-language-compact .edupath-language-trigger::before,
.edupath-site-header .edupath-language-compact .edupath-language-trigger::after{
  content:none !important;
  display:none !important;
}
.edupath-site-header .edupath-language-compact .edupath-language-trigger:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(243,180,33,.48) !important;
  background:rgba(255,253,247,.96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 10px 24px rgba(16,37,66,.075) !important;
}
.edupath-site-header .edupath-language-compact.is-open .edupath-language-trigger{
  border-color:rgba(243,180,33,.64) !important;
  background:#fffdf7 !important;
  box-shadow:0 0 0 4px rgba(243,180,33,.11), 0 10px 24px rgba(16,37,66,.075) !important;
}
.edupath-site-header .edupath-language-compact .edupath-language-trigger:focus-visible{
  outline:3px solid rgba(243,180,33,.24) !important;
  outline-offset:2px !important;
}
.edupath-site-header .edupath-language-compact .edupath-language-current-code{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:25px !important;
  color:#102542 !important;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}
html[dir="rtl"] .edupath-site-header .edupath-language-compact .edupath-language-current-code{
  font-family:"Inter",Arial,sans-serif !important;
  letter-spacing:.06em !important;
}
.edupath-site-header .edupath-language-compact .language-chevron{
  width:14px !important;
  height:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:rgba(16,37,66,.48) !important;
  transition:transform .18s ease !important;
}
.edupath-site-header .edupath-language-compact .language-chevron svg{
  width:14px !important;
  height:14px !important;
  display:block !important;
}
.edupath-site-header .edupath-language-compact.is-open .language-chevron{
  transform:rotate(180deg) !important;
}

.edupath-site-header .edupath-language-compact .edupath-language-popover{
  position:absolute !important;
  inset-inline-end:0 !important;
  inset-inline-start:auto !important;
  top:calc(100% + 10px) !important;
  width:168px !important;
  min-width:168px !important;
  padding:6px !important;
  display:grid !important;
  gap:3px !important;
  border:1px solid rgba(16,37,66,.10) !important;
  border-radius:17px !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 20px 48px rgba(16,37,66,.16), inset 0 1px 0 rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.1) !important;
  backdrop-filter:blur(20px) saturate(1.1) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(-5px) scale(.98) !important;
  transform-origin:top right !important;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease !important;
  z-index:999 !important;
}
html[dir="rtl"] .edupath-site-header .edupath-language-compact .edupath-language-popover{
  transform-origin:top left !important;
}
.edupath-site-header .edupath-language-compact.is-open .edupath-language-popover{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) scale(1) !important;
}
.edupath-site-header .edupath-language-compact .edupath-language-popover .lang-btn{
  width:100% !important;
  min-width:0 !important;
  min-height:43px !important;
  padding:7px 9px !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) 18px !important;
  align-items:center !important;
  gap:9px !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#102542 !important;
  box-shadow:none !important;
  text-align:start !important;
  cursor:pointer !important;
  animation:none !important;
  clip-path:none !important;
  transition:background .16s ease, color .16s ease !important;
}
.edupath-site-header .edupath-language-compact .edupath-language-popover .lang-btn::before,
.edupath-site-header .edupath-language-compact .edupath-language-popover .lang-btn::after{
  content:none !important;
  display:none !important;
}
.edupath-site-header .edupath-language-compact .edupath-language-popover .lang-btn:hover,
.edupath-site-header .edupath-language-compact .edupath-language-popover .lang-btn:focus-visible{
  background:rgba(16,37,66,.055) !important;
  outline:none !important;
}
.edupath-site-header .edupath-language-compact .edupath-language-popover .lang-btn.is-active{
  background:linear-gradient(135deg,rgba(255,239,188,.72),rgba(255,250,235,.96)) !important;
}
.edupath-site-header .edupath-language-compact .lang-option-code{
  width:34px !important;
  height:28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:9px !important;
  background:rgba(16,37,66,.065) !important;
  color:#102542 !important;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}
.edupath-site-header .edupath-language-compact .lang-btn.is-active .lang-option-code{
  background:#102542 !important;
  color:#fff !important;
}
.edupath-site-header .edupath-language-compact .lang-option-label{
  display:block !important;
  color:#102542 !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
.edupath-site-header .edupath-language-compact .lang-btn[data-lang="en"] .lang-option-label{
  direction:ltr !important;
  text-align:left !important;
  font-family:"Inter",Arial,sans-serif !important;
}
.edupath-site-header .edupath-language-compact .lang-btn[data-lang="fa"] .lang-option-label{
  direction:rtl !important;
  text-align:right !important;
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif !important;
}
.edupath-site-header .edupath-language-compact .lang-check{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#B47E00 !important;
  font-size:13px !important;
  font-weight:900 !important;
  opacity:0 !important;
}
.edupath-site-header .edupath-language-compact .lang-btn.is-active .lang-check{
  opacity:1 !important;
}

/* Keep the primary CTA visually dominant without making the header crowded. */
.edupath-site-header .edupath-shell-primary{
  min-height:46px !important;
  padding-inline:22px !important;
  white-space:nowrap !important;
}

@media(max-width:1100px){
  .edupath-site-header .edupath-header-nav{gap:20px !important;}
  .edupath-site-header .edupath-shell-primary{padding-inline:18px !important;}
}
@media(max-width:720px){
  .edupath-site-header .edupath-language-compact .edupath-language-trigger{
    width:48px !important;
    min-width:48px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 8px !important;
    gap:3px !important;
    border-radius:13px !important;
  }
  .edupath-site-header .edupath-language-compact .language-chevron{
    width:11px !important;
  }
  .edupath-site-header .edupath-language-compact .language-chevron svg{
    width:11px !important;
    height:11px !important;
  }
  .edupath-site-header .edupath-language-compact .edupath-language-current-code{
    min-width:22px !important;
    font-size:11px !important;
  }
  .edupath-site-header .edupath-language-compact .edupath-language-popover{
    width:158px !important;
    min-width:158px !important;
  }
}
@media(max-width:440px){
  .edupath-site-header .edupath-shell-primary{
    min-height:42px !important;
    padding-inline:14px !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .edupath-site-header .edupath-language-compact *,
  .edupath-site-header .edupath-language-compact *::before,
  .edupath-site-header .edupath-language-compact *::after{
    transition:none !important;
  }
}



/* Technology page V4: complete bilingual UI while official program names/tags stay English. */
html[dir="rtl"] body,
body.lang-fa{
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif;
}
html[dir="rtl"] .hero,
html[dir="rtl"] .programs,
body.lang-fa .hero,
body.lang-fa .programs{
  direction:rtl;
  text-align:right;
}
html[dir="rtl"] .hero h1,
html[dir="rtl"] .hero .eyebrow,
html[dir="rtl"] .sidebar-title small,
html[dir="rtl"] .program-sheet-head small,
body.lang-fa .hero h1,
body.lang-fa .hero .eyebrow{
  letter-spacing:0 !important;
}
html[dir="rtl"] article.card .content h3,
html[dir="rtl"] .program-badge,
html[dir="rtl"] [data-program],
body.lang-fa article.card .content h3,
body.lang-fa .program-badge,
body.lang-fa [data-program]{
  direction:ltr !important;
  unicode-bidi:plaintext;
  text-align:left !important;
  font-family:"Inter",Arial,sans-serif !important;
  letter-spacing:-.02em;
}
html[dir="rtl"] article.card .content p,
html[dir="rtl"] article.card .program-link,
body.lang-fa article.card .content p,
body.lang-fa article.card .program-link{
  direction:rtl;
  text-align:right;
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif;
}
html[dir="rtl"] .program-badge,
body.lang-fa .program-badge{
  right:auto !important;
  left:14px !important;
}
html[dir="rtl"] .sidebar-search input,
html[dir="rtl"] .drawer-search input,
body.lang-fa .sidebar-search input,
body.lang-fa .drawer-search input{
  font-family:"Vazirmatn","Inter",Tahoma,Arial,sans-serif;
}



/* V5: official program names, category names and program tags stay English in every language. */
.english-program-name,
.english-category-name,
.english-program-tag,
html[dir="rtl"] .english-program-name,
html[dir="rtl"] .english-category-name,
html[dir="rtl"] .english-program-tag {
  direction:ltr !important;
  unicode-bidi:isolate !important;
  font-family:"Inter",Arial,sans-serif !important;
  letter-spacing:-.02em !important;
}
html[dir="rtl"] .sidebar-item.english-program-name,
html[dir="rtl"] .drawer-item.english-program-name,
html[dir="rtl"] .sheet-item.english-program-name,
html[dir="rtl"] .sidebar-category summary .english-category-name,
html[dir="rtl"] .drawer-category summary .english-category-name,
html[dir="rtl"] .sheet-category summary .english-category-name {
  text-align:left !important;
}
html[dir="rtl"] article.card .english-program-name,
html[dir="rtl"] article.card .english-program-tag,
html[dir="rtl"] .program-category-card .english-category-name {
  direction:ltr !important;
}



.edupath-site-footer .footer-instagram-panel{
  min-height:116px !important;
  padding:24px 28px !important;
  gap:24px !important;
  background:
    radial-gradient(circle at 7% 20%,rgba(225,48,108,.16),transparent 28%),
    radial-gradient(circle at 92% 18%,rgba(252,175,69,.14),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.038)) !important;
}
.edupath-site-footer .footer-instagram-copy{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  min-width:0 !important;
}
.edupath-site-footer .footer-instagram-icon{
  width:54px !important;
  height:54px !important;
  flex:0 0 54px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  border-radius:17px !important;
  background:linear-gradient(135deg,#833AB4 0%,#C13584 34%,#E1306C 58%,#F77737 79%,#FCAF45 100%) !important;
  box-shadow:0 16px 32px rgba(225,48,108,.20),inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.edupath-site-footer .footer-instagram-icon svg{
  width:29px !important;
  height:29px !important;
}
.edupath-site-footer .footer-instagram-text{
  min-width:0 !important;
}
.edupath-site-footer .footer-instagram-panel .footer-eyebrow{
  margin-bottom:4px !important;
  color:#F3C85D !important;
}
.edupath-site-footer .footer-instagram-panel h2{
  margin:0 !important;
  font-size:clamp(22px,2.5vw,31px) !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
}
.edupath-site-footer .footer-instagram-handle{
  display:inline-block !important;
  margin-top:5px !important;
  color:rgba(220,228,239,.68) !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
}
.edupath-site-footer .footer-instagram-button{
  min-height:48px !important;
  padding:0 20px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.20) !important;
  color:#fff !important;
  background:rgba(255,255,255,.09) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.14) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  backdrop-filter:blur(14px) !important;
  font-size:13px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease !important;
}
.edupath-site-footer .footer-instagram-button svg{
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
}
.edupath-site-footer .footer-instagram-button:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(225,48,108,.58) !important;
  background:linear-gradient(135deg,rgba(131,58,180,.30),rgba(225,48,108,.28),rgba(252,175,69,.24)) !important;
  box-shadow:0 16px 34px rgba(225,48,108,.16),inset 0 1px 0 rgba(255,255,255,.18) !important;
}
html[dir="rtl"] .edupath-site-footer .footer-instagram-copy{
  direction:rtl !important;
}
html[dir="rtl"] .edupath-site-footer .footer-instagram-handle{
  direction:ltr !important;
  unicode-bidi:isolate !important;
}
@media(max-width:620px){
  .edupath-site-footer .footer-instagram-panel{
    min-height:0 !important;
    padding:22px 20px !important;
    gap:18px !important;
  }
  .edupath-site-footer .footer-instagram-icon{
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
    border-radius:15px !important;
  }
  .edupath-site-footer .footer-instagram-icon svg{
    width:25px !important;
    height:25px !important;
  }
  .edupath-site-footer .footer-instagram-panel h2{
    font-size:22px !important;
  }
  .edupath-site-footer .footer-instagram-button{
    width:100% !important;
  }
}


/* Stage 1.1 audited safety overrides */
html{scroll-padding-top:88px}
:focus-visible{outline:3px solid rgba(243,180,33,.62);outline-offset:3px}
img[width][height]{height:auto}
[hidden]{display:none!important}
body.is-scroll-locked{overflow:hidden}
@media(max-width:620px){.programs-arrow{display:none!important}}

/* CMS-driven category hero image */
.hero::before{
  background:
    linear-gradient(90deg,rgba(255,253,247,.86) 0%,rgba(255,253,247,.38) 34%,rgba(255,253,247,.10) 100%),
    linear-gradient(180deg,rgba(255,248,232,.22),rgba(255,253,247,.42)),
    var(--category-hero-image) center center/cover no-repeat !important;
}

/* Stage 1.1 accessibility and CMS empty-state safeguards. */
.edupath-site-header a:focus-visible,.edupath-site-header button:focus-visible,.edupath-site-footer a:focus-visible,.program-drawer a:focus-visible,.program-drawer button:focus-visible,.program-drawer input:focus-visible,.program-sidebar a:focus-visible,.program-sidebar summary:focus-visible,.program-sheet-panel a:focus-visible,.program-sheet-panel button:focus-visible,.program-sheet-panel input:focus-visible,.card a:focus-visible{outline:3px solid rgba(243,180,33,.72);outline-offset:3px}
.programs-empty{grid-column:1/-1;min-height:180px;display:grid;place-items:center;text-align:center;padding:30px;border:1px dashed rgba(243,180,33,.45);border-radius:24px;background:rgba(255,255,255,.72);color:var(--muted);font-weight:800}
@media(max-width:720px){html[dir="rtl"] .edupath-site-header .edupath-language-compact .edupath-language-popover{left:0!important;right:auto!important}}

/* Keep the footer logo unboxed on the dark footer background. */
.edupath-site-footer .footer-logo-tile {
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Keep category cards and category heroes on the same Sanity image while
   preserving a readable, low-opacity directional overlay. */
.hero::before {
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:1 !important;
  border:0 !important;
  filter:saturate(1.06) contrast(1.03) brightness(.9) !important;
  background:var(--category-hero-image) center center/cover no-repeat !important;
}
.hero::after {
  background:linear-gradient(90deg,
    rgba(10,27,48,.70) 0%,
    rgba(10,27,48,.54) 40%,
    rgba(10,27,48,.24) 72%,
    rgba(10,27,48,.10) 100%) !important;
}
html[dir="rtl"] .hero::after {
  background:linear-gradient(270deg,
    rgba(10,27,48,.70) 0%,
    rgba(10,27,48,.54) 40%,
    rgba(10,27,48,.24) 72%,
    rgba(10,27,48,.10) 100%) !important;
}
.hero h1,
.hero .hero-copy {
  color:#fff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.32) !important;
}
.hero .eyebrow {
  color:#FFD46A !important;
  text-shadow:0 2px 12px rgba(0,0,0,.32) !important;
}
@media(max-width:760px) {
  .hero::after,
  html[dir="rtl"] .hero::after {
    background:linear-gradient(180deg,
      rgba(10,27,48,.64) 0%,
      rgba(10,27,48,.48) 58%,
      rgba(10,27,48,.36) 100%) !important;
  }
}