:root {
      color-scheme: light;
      --deep-navy: #0B1F3A;
      --midnight-blue: #142D4E;
      --primary-blue: #2563EB;
      --ice-blue: #BFE3FF;
      --pale-blue: #F0F7FF;
      --white: #FFFFFF;
      --navy-ink: #111827;
      --secondary-text: #64748B;
      --line: #E2E8F0;
      --night: #0B1F3A;
      --hero: #0B1F3A;
      --surface: #142D4E;
      --surface-2: #1D335C;
      --ink: #111827;
      --muted: #64748B;
      --ice: #BFE3FF;
      --yellow: #F4B942;
      --mint: #65dfc4;
      --light: #F0F7FF;
      --light-surface: #F7FBFF;
      --light-ink: #0B1F3A;
      --brand: #2563EB;
      --display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;
      --body: "DM Sans", sans-serif;
      --wrap: 1160px;
      --radius: 12px;
      --shadow: 0 22px 72px rgba(11, 31, 58, 0.18);
    }
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 92px; }
    body { margin: 0; background: var(--pale-blue); color: var(--navy-ink); font: 15px/1.6 var(--body); }
    body, button, input, select { font-family: var(--body); }
    button, a, input, select { -webkit-tap-highlight-color: transparent; }
    button { color: inherit; }
    a { color: inherit; text-decoration: none; }
    img, svg { display: block; max-width: 100%; }
    :focus-visible { outline: 3px solid var(--yellow); outline-offset: 3px; }
    .wrap { width: min(var(--wrap), calc(100% - 48px)); margin-inline: auto; }
    .section { padding: 100px 0; position: relative; isolation: isolate; }
    .motion-ready .motion-item { opacity: 0; translate: 0 22px; scale: .985; transition: opacity .65s ease, translate .65s cubic-bezier(.2,.7,.2,1), scale .65s cubic-bezier(.2,.7,.2,1); transition-delay: var(--motion-delay, 0ms); }
    .motion-ready .motion-item.is-visible { opacity: 1; translate: 0 0; scale: 1; }
    .motion-ready .motion-item.is-visible:hover { transition-delay: 0ms; }
    .section-dark { background: var(--night); }
    .section-light { background: var(--light); color: var(--light-ink); }
    .section:not(#courses):not(.about-learning)::before { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .8; background: radial-gradient(ellipse at 14% 25%, rgba(191, 227, 255, 0.9) 0, transparent 30%), radial-gradient(ellipse at 82% 22%, rgba(37, 99, 235, 0.18) 0, transparent 28%), radial-gradient(ellipse at 72% 88%, rgba(244, 185, 66, 0.2) 0, transparent 26%), radial-gradient(ellipse at 35% 78%, rgba(20, 45, 78, 0.1) 0, transparent 24%); background-size: 160% 160%; filter: blur(18px); animation: page-color-drift 13s ease-in-out infinite alternate, page-color-shift 27s linear infinite; pointer-events: none; }
    .section-light:not(#courses):not(.about-learning)::before { opacity: .62; background: radial-gradient(ellipse at 14% 25%, rgba(37, 99, 235, 0.12) 0, transparent 34%), radial-gradient(ellipse at 82% 22%, rgba(90, 200, 255, 0.18) 0, transparent 30%), radial-gradient(ellipse at 72% 88%, rgba(244, 185, 66, 0.15) 0, transparent 28%), radial-gradient(ellipse at 35% 78%, rgba(20, 45, 78, 0.08) 0, transparent 24%); }
    .section:not(#courses)::after { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .22; background-image: radial-gradient(circle, rgba(255,255,255,0.9) 0 1px, transparent 1.7px), linear-gradient(115deg, transparent 30%, rgba(255,255,255,0.1) 49%, transparent 68%); background-size: 57px 57px, 220% 100%; mask-image: linear-gradient(135deg, transparent 3%, #000 43%, transparent 94%); animation: page-particle-drift 19s linear infinite, page-sheen-drift 12s ease-in-out infinite alternate; pointer-events: none; }
    .section-light:not(#courses)::after { opacity: .18; background-image: radial-gradient(circle, rgba(11,31,58,0.12) 0 1px, transparent 1.8px), linear-gradient(115deg, transparent 30%, rgba(255,255,255,0.7) 49%, transparent 68%); }
    @keyframes page-color-drift { 0% { background-position: 0% 12%; } 50% { background-position: 100% 78%; } 100% { background-position: 18% 100%; } }
    @keyframes page-color-shift { to { filter: blur(20px) hue-rotate(38deg); } }
    @keyframes page-particle-drift { to { background-position: 114px 114px, 0 0; } }
    @keyframes page-sheen-drift { to { background-position: 0 0, -110% 0; } }
    .eyebrow { margin: 0 0 12px; color: var(--ice); font-size: 11px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
    .section-light .eyebrow { color: #3151a0; }
    .section-head { position: relative; max-width: 720px; margin-bottom: 42px; padding: clamp(22px, 3vw, 34px); overflow: hidden; background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(240,247,255,0.96)); border: 1px solid rgba(37, 99, 235, 0.12); border-radius: 16px; box-shadow: 0 18px 48px rgba(11, 31, 58, 0.08); }
    .section-head::before { position: absolute; top: 0; bottom: 0; left: 0; width: 4px; content: ""; background: linear-gradient(180deg, var(--primary-blue), var(--ice-blue)); }
    .section-head::after { position: absolute; top: -95px; right: -75px; width: 230px; aspect-ratio: 1; content: ""; border-radius: 50%; background: radial-gradient(circle, rgba(191, 227, 255, 0.8), transparent 70%); pointer-events: none; }
    .section-head > * { position: relative; z-index: 1; }
    .section-head h2 { margin: 0; color: var(--deep-navy); font: 700 clamp(26px, 3.2vw, 40px)/1.08 var(--display); letter-spacing: 0; text-wrap: balance; }
    .section-head h2::after { content: ""; display: block; width: 54px; height: 4px; margin-top: 16px; border-radius: 2px; background: linear-gradient(90deg, var(--primary-blue), var(--ice-blue)); box-shadow: 0 0 18px rgba(37,99,235,0.25); }
    .section-head .eyebrow { display: table; margin: 0 0 15px; padding: 6px 10px; color: var(--primary-blue); background: rgba(191, 227, 255, 0.5); border: 1px solid rgba(37,99,235,.12); border-radius: 999px; font-size: 10px; letter-spacing: .14em; }
    .section-head p:last-child { max-width: 580px; margin: 15px 0 0; color: var(--secondary-text); }
    .section-light .section-head { background: linear-gradient(135deg, #ffffff, #f4f8ff); border-color: rgba(37, 99, 235, 0.1); box-shadow: 0 18px 44px rgba(11, 31, 58, 0.08); }
    .section-light .section-head .eyebrow { color: #3151a0; background: #eaf1ff; border-color: #dbe7fa; }
    .section-light .section-head p:last-child { color: #5d6c89; }
    #courses .section-head p:last-child { font-size: 17px; line-height: 1.65; }
    .btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 19px; border: 1px solid transparent; border-radius: 7px; font-size: 13px; font-weight: 700; cursor: pointer; transition: transform .2s, background .2s, border-color .2s, color .2s; }
    .btn:hover { transform: translateY(-2px); }
    .btn-yellow { background: var(--primary-blue); color: white; box-shadow: 0 8px 28px rgba(37,99,235,0.25); }
    .btn-yellow:hover { background: #1d4ed8; }
    .btn-line { border-color: rgba(37,99,235,0.25); background: rgba(255,255,255,0.75); color: var(--deep-navy); }
    .btn-line:hover { border-color: var(--primary-blue); background: rgba(191,227,255,0.4); }
    .btn-dark { background: var(--deep-navy); color: white; }
    .text-link { display: inline-flex; align-items: center; gap: 7px; color: var(--primary-blue); font-size: 13px; font-weight: 700; }
    .text-link:hover { color: #1d4ed8; }
    .top-progress { position: fixed; inset: 0 auto auto 0; z-index: 120; width: 0; height: 3px; background: var(--primary-blue); box-shadow: 0 0 12px rgba(37,99,235,0.55); }
    .announcement { min-height: 39px; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 6px 18px; background: #0d1a3d; border-bottom: 1px solid var(--line); color: #c7d9f6; font-size: 11px; text-align: center; }
    .announcement strong { color: var(--ice-blue); font-variant-numeric: tabular-nums; letter-spacing: .04em; }
    .announcement a { margin-left: 5px; color: var(--ice-blue); font-weight: 700; white-space: nowrap; }
    .header { position: sticky; top: 0; z-index: 80; background: rgba(255,255,255,0.9); border-bottom: 1px solid rgba(11,31,58,0.08); backdrop-filter: blur(18px); }
    .nav-wrap { width: 100%; max-width: none; height: 74px; display: flex; align-items: center; gap: 28px; margin-inline: auto; padding-inline: clamp(20px, 3vw, 48px); }
    .nav-wrap > nav { flex: 1; min-width: 0; display: flex; justify-content: center; }
    .logo { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; line-height: 1; text-decoration: none; }
    .header .logo { transform: translateY(-2px); }
    .logo img { display: block; width: 80px; height: 44px; object-fit: contain; transition: transform .25s ease; }
    .logo:hover img { transform: translateY(-2px) scale(1.02); }
    .logo-name {
      position: relative;
      top: 2px;
      display: block;
      color: transparent;
      background: linear-gradient(100deg, #347fc4 0%, #218f9d 52%, #27875f 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: 'DM Sans', sans-serif;
      font-size: 16.5px;
      font-weight: 900;
      line-height: 1.15;
      letter-spacing: -0.02em;
      white-space: nowrap;
      transition: color .2s;
    }
    .logo-name > span { color: inherit; }
    .nav-links { display: flex; align-items: center; justify-content: center; gap: 21px; margin: 0 auto; padding: 0; list-style: none; }
    .nav-links a { color: var(--deep-navy); font-size: 12px; font-weight: 600; transition: color .2s; }
    .nav-links a:hover { color: var(--primary-blue); }
    .nav-courses { position: relative; }
    .nav-internships { position: relative; }
    .nav-course-toggle { display: inline-flex; align-items: center; padding: 8px 0; color: var(--deep-navy); background: transparent; border: 0; cursor: pointer; font: 600 12px var(--body); }
    .nav-course-toggle:hover, .nav-course-toggle[aria-expanded="true"] { color: var(--primary-blue); }
    .course-menu { position: absolute; z-index: 90; top: calc(100% + 18px); left: -18px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; width: min(620px, 85vw); max-height: min(68vh, 560px); overflow: auto; padding: 12px; background: rgba(255,255,255,0.96); border: 1px solid rgba(37,99,235,0.15); border-radius: 9px; box-shadow: 0 20px 55px rgba(11,31,58,0.15); }
    #courseMenu.internship-nav-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(620px, 85vw); max-height: min(68vh, 560px); overflow: auto; padding: 12px; }
    .course-menu[hidden] { display: none; }
    .course-menu-item { display: block; width: 100%; padding: 12px; color: var(--deep-navy); text-align: left; background: #f8fbff; border: 1px solid rgba(11,31,58,0.08); border-radius: 6px; cursor: pointer; transition: background .2s, border-color .2s, transform .2s; }
    .course-menu-item:hover { background: #edf5ff; border-color: rgba(37,99,235,0.2); transform: translateY(-1px); }
    .course-menu-item strong { display: block; margin-bottom: 4px; color: var(--deep-navy); font: 700 13px/1.25 var(--display); }
    .course-menu-item small { display: block; margin-bottom: 6px; color: var(--primary-blue); font-size: 9px; font-weight: 700; }
    .course-menu-item span { display: -webkit-box; overflow: hidden; color: var(--secondary-text); font-size: 10px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .internship-nav-menu { position: absolute; z-index: 90; top: calc(100% + 18px); left: -18px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; width: min(430px, 80vw); padding: 10px; background: rgba(255,255,255,0.96); border: 1px solid rgba(37,99,235,0.15); border-radius: 9px; box-shadow: 0 20px 55px rgba(11,31,58,0.15); }
    .internship-nav-menu[hidden] { display: none; }
    .internship-nav-menu a { padding: 10px 11px; color: var(--deep-navy); background: #f8fbff; border: 1px solid rgba(11,31,58,0.08); border-radius: 6px; font-size: 11px; transition: background .2s, border-color .2s; }
    .internship-nav-menu a:hover { color: var(--primary-blue); background: #edf5ff; border-color: rgba(37,99,235,0.2); }
    .nav-actions { display: flex; align-items: center; gap: 9px; }
    .search-trigger { display: inline-flex; align-items: center; gap: 9px; min-height: 36px; padding: 0 9px; color: var(--deep-navy); background: rgba(191,227,255,0.2); border: 1px solid rgba(37,99,235,0.18); border-radius: 5px; cursor: pointer; font-size: 11px; }
    .search-trigger kbd { padding: 2px 5px; border: 1px solid rgba(37,99,235,0.2); border-radius: 3px; color: var(--secondary-text); font: 10px var(--body); }
    .nav-actions .btn { min-height: 38px; padding-inline: 13px; font-size: 11px; }
    .menu-toggle { display: none; width: 40px; height: 40px; padding: 9px; background: transparent; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; }
    .menu-toggle span { display: block; height: 2px; margin: 4px 0; background: var(--deep-navy); }

    /* Hero */
    .hero { position: relative; overflow: hidden; min-height: 650px; padding: 76px 0 88px; background: linear-gradient(115deg, #0B1F3A 0%, #142D4E 42%, #0B1F3A 100%); isolation: isolate; }
    .hero::before { position: absolute; z-index: -1; inset: -25%; content: ""; opacity: .8; background: radial-gradient(ellipse at 26% 35%, rgba(191,227,255,0.2) 0, transparent 26%), radial-gradient(ellipse at 68% 28%, rgba(37,99,235,0.25) 0, transparent 23%), radial-gradient(ellipse at 82% 80%, rgba(191,227,255,0.14) 0, transparent 25%), radial-gradient(ellipse at 40% 85%, rgba(255,255,255,0.06) 0, transparent 24%); filter: blur(18px); animation: hero-aurora-drift 22s ease-in-out infinite alternate; pointer-events: none; }
    .hero::after { position: absolute; z-index: -1; top: 8%; right: -110px; width: min(56vw, 760px); aspect-ratio: 1; content: ""; border: 1px solid rgba(191,227,255,0.15); border-radius: 50%; box-shadow: 0 0 0 44px rgba(37,99,235,0.06), 0 0 0 110px rgba(191,227,255,0.05), inset 0 0 90px rgba(191,227,255,0.08); animation: hero-orbit-drift 34s linear infinite; pointer-events: none; }
    @keyframes hero-aurora-drift { 0% { transform: translate3d(-9%, 4%, 0) rotate(-6deg) scale(.96); } 50% { transform: translate3d(8%, -6%, 0) rotate(3deg) scale(1.1); } 100% { transform: translate3d(-5%, 8%, 0) rotate(8deg) scale(1.04); } }
    @keyframes hero-orbit-drift { to { transform: rotate(360deg); } }
    .hero .wrap { width: min(100% - clamp(48px, 8vw, 136px), 1760px); }
    #network { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; opacity: .8; }
    .hero-grid { position: absolute; inset: 0; z-index: -1; opacity: .2; background-image: linear-gradient(rgba(191,227,255,0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(191,227,255,0.12) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom, black, transparent 90%); }
    .glow { position: absolute; z-index: -1; width: 320px; aspect-ratio: 1; border-radius: 50%; filter: blur(90px); opacity: .15; animation: drift 13s ease-in-out infinite alternate; pointer-events: none; }
    .glow.one { background: rgba(37,99,235,0.7); top: -140px; left: 25%; opacity: .25; }
    .glow.two { background: rgba(191,227,255,0.7); right: 12%; bottom: -230px; opacity: .18; animation-delay: -7s; }
    @keyframes drift { to { transform: translate(120px, 72px) scale(1.3); } }
    .hero-layout { display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: clamp(35px, 6vw, 80px); }
    .hero-copy { position: relative; z-index: 1; }
    .hero-kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 20px; color: #BFE3FF; font-size: 12px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
    .live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ice-blue); box-shadow: 0 0 10px rgba(191,227,255,0.85); }
    .hero h1 { max-width: 800px; margin: 0; color: white; font: 700 clamp(38px, 5.12vw, 66px)/.99 var(--display); letter-spacing: 0; text-wrap: balance; }
    .hero h1 .role-line { display: block; min-height: 1.06em; margin-top: 7px; color: var(--ice-blue); }
    .type-cursor { display: inline-block; width: 3px; height: .77em; margin-left: 3px; vertical-align: -.04em; background: var(--ice-blue); animation: blink .8s steps(2, start) infinite; }
    @keyframes blink { to { visibility: hidden; } }
    .hero-copy > p { max-width: 590px; margin: 23px 0 27px; color: rgba(255,255,255,0.78); font-size: 16px; }
    .hero-buttons { display: flex; flex-wrap: wrap; gap: 11px; }
    .stats-row { display: grid; gap: 9px; max-width: 650px; margin-top: 30px; }
    .stat-pill { display: grid; grid-template-columns: 68px minmax(0, 1fr); align-items: start; gap: 13px; padding: 13px 15px; background: rgba(255,255,255,0.08); border: 1px solid rgba(191,227,255,0.22); border-left: 3px solid var(--primary-blue); border-radius: 9px; box-shadow: 0 9px 24px rgba(11,31,58,0.16); transition: border-color .2s, background .2s, transform .2s, box-shadow .2s; }
    .stat-pill:hover { transform: translateX(3px); background: rgba(255,255,255,0.12); box-shadow: 0 12px 28px rgba(11,31,58,0.22); }
    .stat-pill:nth-child(2) { border-left-color: #8ec8ff; }
    .stat-pill:nth-child(2) > strong { color: #dff1ff; }
    .stat-pill > strong { color: #ffffff; font: 700 23px/1.1 var(--display); }
    .stat-pill:nth-child(3) { border-left-color: #7ae0c7; }
    .stat-pill:nth-child(3) > strong { color: #d8fff6; }
    .stat-copy h2 { margin: 0 0 3px; color: #eaf6ff; font: 700 12px/1.3 var(--display); }
    .stat-copy p { margin: 0; color: rgba(255,255,255,0.74); font-size: 11px; line-height: 1.5; }
    .form-stage { position: relative; padding: 20px 25px 22px; }
    .enquiry-card { position: relative; z-index: 2; max-width: 410px; margin-left: auto; padding: 26px; color: var(--light-ink); background: var(--light-surface); border: 1px solid #ffffffbd; border-radius: 10px; box-shadow: 0 25px 70px #02081866; }
    .enquiry-card::before { position: absolute; top: 0; right: 25px; left: 25px; height: 3px; content: ""; background: linear-gradient(90deg, var(--yellow), var(--mint)); border-radius: 0 0 4px 4px; }
    .enquiry-card h2 { margin: 0; font: 700 24px/1.15 var(--display); }
    .enquiry-card > p { margin: 8px 0 20px; color: #5e6e8e; font-size: 12px; }
    .field { display: grid; gap: 6px; margin: 12px 0; }
    .field label { color: #253a6b; font-size: 11px; font-weight: 700; }
    .field input, .field select { width: 100%; min-height: 44px; padding: 0 12px; color: #122044; background: white; border: 1px solid #d0dced; border-radius: 5px; font-size: 13px; }
    .field input::placeholder { color: #8d9ab0; }
    .enquiry-card .btn { width: 100%; margin-top: 4px; }
    .form-note { min-height: 19px; margin: 9px 0 0; color: #34528c; font-size: 11px; }
    .tech-strip { position: relative; isolation: isolate; overflow: hidden; padding: 18px 0; background: linear-gradient(105deg, #f3f8f5, #edf4f8 48%, #fbf7ec); border-block: 1px solid #d8e6df; }
    .tech-strip::before { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .65; background: radial-gradient(ellipse at 20% 50%, #66c5a71c, transparent 38%), radial-gradient(ellipse at 80% 50%, #e7ad411c, transparent 38%); background-size: 150% 100%; animation: tech-strip-glow 16s ease-in-out infinite alternate; pointer-events: none; }
    .tech-track { position: relative; display: flex; width: max-content; gap: 54px; align-items: center; animation: marquee 32s linear infinite; }
    .tech-strip:hover .tech-track { animation-play-state: paused; }
    .tech-word { color: #536b68; font: 700 12px var(--display); letter-spacing: .08em; white-space: nowrap; }
    .tech-word:nth-child(3n) { color: #2e7163; }
    .tech-word i { display: inline-block; width: 5px; height: 5px; margin: 0 0 2px 47px; border-radius: 50%; background: #c08a20; }
    @keyframes tech-strip-glow { to { background-position: 100% 50%; } }
    @keyframes marquee { to { transform: translateX(-50%); } }

    /* Courses */
    #courses { isolation: isolate; overflow: hidden; color: #e8f2ff; background: radial-gradient(ellipse at 84% 8%, #65dfc426 0, transparent 28%), radial-gradient(ellipse at 5% 10%, #456fe933 0, transparent 33%), radial-gradient(ellipse at 96% 72%, #ffc83d17 0, transparent 32%), linear-gradient(135deg, #08142b 0%, #0d2040 55%, #12344b 100%); }
    #courses::after { position: absolute; z-index: -1; inset: -30%; content: ""; opacity: .55; background: radial-gradient(ellipse at 25% 35%, #6864db22 0, transparent 24%), radial-gradient(ellipse at 76% 65%, #43c4ad20 0, transparent 25%), radial-gradient(ellipse at 53% 10%, #efbd5720 0, transparent 20%); filter: blur(26px); animation: course-atmosphere 28s ease-in-out infinite alternate; pointer-events: none; }
    @keyframes course-atmosphere { 0% { transform: translate(-3%, 2%) rotate(-3deg) scale(.96); } 100% { transform: translate(3%, -2%) rotate(4deg) scale(1.06); } }
    #courses::before { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .35; pointer-events: none; background-image: linear-gradient(#a7d4ff0a 1px, transparent 1px), linear-gradient(90deg, #a7d4ff0a 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(135deg, transparent 5%, #000 50%, transparent 95%); }
    #courses .section-head { max-width: 800px; margin-inline: auto; text-align: center; color: #f3f7ff; background: linear-gradient(125deg, #10244a, #153862 55%, #17526a); border-color: #65dfc43b; box-shadow: 0 20px 48px #020a1b50; }
    #courses .section-head::before { width: 5px; background: linear-gradient(180deg, var(--yellow), var(--mint)); }
    #courses .section-head::after { background: radial-gradient(circle, #65dfc42b, transparent 70%); }
    #courses .section-head .eyebrow { color: #dff8f0; background: #65dfc41b; border-color: #65dfc43b; }
    #courses .section-head h2 { color: #fff; }
    #courses .section-head h2 span { background: linear-gradient(100deg, var(--mint), #ffe18b 85%); background-clip: text; color: transparent; -webkit-background-clip: text; text-shadow: 0 0 28px #65dfc422; }
    #courses .section-head h2::after { margin-inline: auto; background: linear-gradient(90deg, var(--mint), var(--yellow)); box-shadow: 0 0 18px #65dfc444; }
    #courses .section-head p:last-child { margin-inline: auto; color: #c4d7ee; }
    .course-tools { display: grid; gap: 15px; margin: -8px 0 25px; }
    .course-tools .filters { align-items: center; gap: 8px; }
    .course-control-row { display: flex; align-items: center; gap: 9px; }
    .course-result-count { flex: 1; margin: 0; color: #d2e1f5; font-size: 11px; font-weight: 600; }
    .course-sort, .course-search { min-height: 42px; color: #e8f3ff; background-color: #10244b; border: 1px solid #37557f; border-radius: 8px; font: 500 11px var(--body); box-shadow: 0 7px 20px #020a1b30; }
    .course-sort { min-width: 142px; padding: 0 29px 0 12px; cursor: pointer; }
    .course-sort option { color: #10213d; background: #f7fbff; }
    .course-search { width: min(310px, 100%); padding: 0 13px 0 38px; background-color: #f8fbff; border-color: #b9cde7; color: #12284b; font-size: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%233d6090' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 12px center; }
    .course-search::placeholder { color: #71829b; }
    .course-sort:focus-visible, .course-search:focus-visible { outline-color: var(--mint); border-color: var(--mint); }
    .filters { display: flex; flex-wrap: wrap; gap: 6px; }
    #courses .filter-btn { min-height: 39px; padding: 0 15px; color: #183c68; background: #dceeff; border: 1px solid #b4d4f5; border-radius: 999px; font-weight: 700; box-shadow: 0 4px 12px #020a1b18; }
    #courses .filter-btn:nth-child(1) { --filter-accent: #65dfc4; --filter-tint: #d9f8ef; --filter-ink: #126c61; }
    #courses .filter-btn:nth-child(2) { --filter-accent: #b28cf1; --filter-tint: #f0e8ff; --filter-ink: #6943a6; }
    #courses .filter-btn:nth-child(3) { --filter-accent: #65b5ef; --filter-tint: #e1f2ff; --filter-ink: #246498; }
    #courses .filter-btn:nth-child(4) { --filter-accent: #68c9b4; --filter-tint: #ddf6ed; --filter-ink: #277c6a; }
    #courses .filter-btn:nth-child(5) { --filter-accent: #ef9abc; --filter-tint: #ffe8f0; --filter-ink: #a04d70; }
    #courses .filter-btn:nth-child(6) { --filter-accent: #f1b95d; --filter-tint: #fff1d8; --filter-ink: #916017; }
    #courses .filter-btn:not(.active) { color: var(--filter-ink, #183c68); background: var(--filter-tint, #dceeff); border-color: color-mix(in srgb, var(--filter-accent, #b4d4f5) 45%, white); }
    #courses .filter-btn:not(.active):hover { color: #10213d; background: color-mix(in srgb, var(--filter-accent) 38%, white); border-color: var(--filter-accent); }
    #courses .filter-btn:hover { color: #fff; border-color: #91c2ed; background: #24578d; transform: translateY(-1px); }
    #courses .filter-btn.active { color: #fff; border-color: var(--filter-accent, #65dfc4); background: linear-gradient(120deg, color-mix(in srgb, var(--filter-ink, #174c72) 88%, #10244b), var(--filter-ink, #217e8b)); box-shadow: 0 5px 16px #020a1b66, 0 0 0 2px color-mix(in srgb, var(--filter-accent, #65dfc4) 24%, transparent); }
    .course-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 21px; }
    .course-card { --course-accent: #65a8e5; position: relative; overflow: hidden; background: linear-gradient(180deg, #fbfdff, #e8f2ff); border: 1px solid #85acd355; border-radius: 15px; box-shadow: 0 16px 38px #020a1b48; transform-style: preserve-3d; transition: border-color .25s, box-shadow .3s, transform .2s ease-out; cursor: pointer; }
    .course-card:nth-child(5n + 2) { --course-accent: #8965d7; }
    .course-card:nth-child(5n + 3) { --course-accent: #1598a3; }
    .course-card:nth-child(5n + 4) { --course-accent: #c17b22; }
    .course-card:nth-child(5n) { --course-accent: #c35b85; }
    .course-card:hover, .course-card:focus-visible { border-color: var(--course-accent); box-shadow: 0 22px 46px #020a1b75, 0 0 0 2px color-mix(in srgb, var(--course-accent) 32%, transparent); }
    .course-art { position: relative; isolation: isolate; overflow: hidden; height: 190px; background: radial-gradient(ellipse at 50% 100%, #2262a8 0, transparent 66%), linear-gradient(135deg, #061631, #0e2d5c 55%, #123d70); }
    .course-art[data-art="pie"], .course-art[data-art="neural"] { background: radial-gradient(ellipse at 50% 100%, #3159a5 0, transparent 66%), linear-gradient(135deg, #091837, #142d62); }
    .course-art[data-art="browser"], .course-art[data-art="wireframe"] { background: radial-gradient(ellipse at 50% 100%, #1f739a 0, transparent 66%), linear-gradient(135deg, #061b36, #0d3a64); }
    .course-art[data-art="cloud"], .course-art[data-art="infinity"] { background: radial-gradient(ellipse at 50% 100%, #2765a5 0, transparent 66%), linear-gradient(135deg, #081931, #12345d); }
    .course-art[data-art="shield"] { background: radial-gradient(ellipse at 50% 100%, #3159a5 0, transparent 66%), linear-gradient(135deg, #09172e, #152d56); }
    .course-art[data-course-art="data-science"] { background: radial-gradient(ellipse at 75% 14%, #65dfc444, transparent 38%), linear-gradient(135deg, #09233d, #125477 58%, #173565); }
    .course-art[data-course-art="data-analytics"] { background: radial-gradient(ellipse at 22% 16%, #ffc83d35, transparent 38%), linear-gradient(135deg, #112549, #285787 58%, #236f86); }
    .course-art[data-course-art="generative-ai"] { background: radial-gradient(ellipse at 78% 28%, #c796ff55, transparent 40%), linear-gradient(135deg, #171b45, #4c3981 62%, #27638a); }
    .course-art[data-course-art="ai-automated-testing"] { background: radial-gradient(ellipse at 75% 14%, #65dfc444, transparent 38%), linear-gradient(135deg, #09233d, #125477 58%, #173565); }
    .course-art[data-course-art="ai-full-stack-java"] { background: radial-gradient(ellipse at 25% 15%, #ffc83d33, transparent 38%), linear-gradient(135deg, #09233d, #125477 58%, #1d3c72); }
    .course-art[data-course-art="ai-full-stack-python"] { background: radial-gradient(ellipse at 75% 18%, #65dfc440, transparent 38%), linear-gradient(135deg, #102740, #176b70 58%, #294c81); }
    .course-art[data-course-art="cloud-aws"] { background: radial-gradient(ellipse at 75% 22%, #ffc83d30, transparent 38%), linear-gradient(135deg, #10264b, #255a91 58%, #18808b); }
    .course-art[data-course-art="devops"] { background: radial-gradient(ellipse at 24% 22%, #65dfc440, transparent 38%), linear-gradient(135deg, #102740, #176b70 58%, #294c81); }
    .course-art[data-course-art="cyber-security"] { background: radial-gradient(ellipse at 72% 18%, #60a5fa45, transparent 38%), linear-gradient(135deg, #0b1f3a, #1e4e82 58%, #173765); }
    .course-art[data-course-art="ui-ux"] { background: radial-gradient(ellipse at 75% 20%, #ffc83d35, transparent 38%), linear-gradient(135deg, #25305d, #665092 58%, #a6537b); }
    .course-art[data-course-art="digital-marketing"] { background: radial-gradient(ellipse at 24% 18%, #ffc83d38, transparent 38%), linear-gradient(135deg, #152747, #345d94 58%, #9a526e); }
    .course-art::before { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .62; background: radial-gradient(circle at 18% 20%, #c9e7ff 0 1px, transparent 1.6px), radial-gradient(circle at 80% 72%, #83caff 0 1px, transparent 1.6px), linear-gradient(120deg, transparent 35%, #ffffff16 50%, transparent 65%); background-size: 36px 36px, 48px 48px, 220% 100%; animation: course-art-shimmer 12s linear infinite; }
    .course-art::after { position: absolute; z-index: 2; top: -40%; left: -70%; width: 35%; height: 180%; content: ""; transform: rotate(24deg); background: #b9e1ff20; transition: left .55s ease; pointer-events: none; }
    .course-card:hover .course-art::after { left: 140%; }
    .course-art svg { position: relative; z-index: 1; width: 100%; height: 100%; filter: drop-shadow(0 8px 12px #244c7819); }
    .course-art svg > g { transform-box: fill-box; transform-origin: center; animation: course-art-float 6s ease-in-out infinite; }
    .course-art svg circle { transform-box: fill-box; transform-origin: center; animation: course-art-pulse 3.8s ease-in-out infinite alternate; }
    .course-art svg circle:nth-of-type(2n) { animation-delay: -1.3s; }
    .course-art svg circle:nth-of-type(3n) { animation-delay: -2.1s; }
    .course-card:hover .course-art svg > g { animation-duration: 3.2s; }
    .course-card:hover .course-art svg circle { animation-duration: 1.9s; }
    @keyframes course-art-float { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-7px) rotate(.8deg); } }
    @keyframes course-art-pulse { from { transform: scale(.94); opacity: .82; } to { transform: scale(1.08); opacity: 1; } }
    @keyframes course-art-shimmer { to { background-position: 36px 36px, -48px 48px, -220% 0; } }
    .course-art-tags { position: absolute; z-index: 3; right: 12px; bottom: 11px; left: 12px; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; pointer-events: none; }
    .course-art-tags span { padding: 5px 8px; color: #183b69; background: #f5f9ffed; border: 1px solid #fff; border-radius: 999px; box-shadow: 0 3px 10px #17375a22; font-size: 9px; font-weight: 700; letter-spacing: .015em; animation: course-tag-enter .45s both; }
    .course-art-tags span:nth-child(2) { animation-delay: .12s; }
    @keyframes course-tag-enter { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
    .course-art svg > g { stroke: #d5eaff; }
    .course-art svg > path { stroke: #8dc5f3; }
    .course-art svg [fill="#ffc83d"] { fill: #ffc83d; }
    .course-art svg [fill="#bcdcff"] { fill: #83b9ed; }
    .course-info { position: relative; padding: 18px 20px 20px; border-top: 4px solid var(--course-accent); background: linear-gradient(180deg, #fbfdff, #e9f2ff); }
    .course-meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #526a89; font-size: 10px; }
    .course-meta span:first-child { padding: 5px 8px; color: color-mix(in srgb, var(--course-accent), #102d56 40%); background: color-mix(in srgb, var(--course-accent) 24%, white); border: 1px solid color-mix(in srgb, var(--course-accent) 30%, white); border-radius: 99px; font-weight: 700; }
    .course-meta span:last-child { padding: 4px 7px; color: #506582; background: #ffffffaa; border: 1px solid #d6e2ef; border-radius: 999px; font-variant-numeric: tabular-nums; white-space: nowrap; }
    .course-title-row { display: flex; align-items: center; gap: 11px; min-height: 51px; margin: 10px 0 6px; }
    .course-icon { --icon-bg: #e2efff; --icon-color: #2b6db1; display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; color: var(--icon-color); background: var(--icon-bg); border: 1px solid color-mix(in srgb, var(--icon-color) 22%, white); border-radius: 12px; box-shadow: 0 5px 12px #18385b13; transition: transform .25s, box-shadow .25s; }
    .course-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .course-icon--chart { --icon-bg: #fff4d6; --icon-color: #a96b11; }
    .course-icon--pie { --icon-bg: #e2f4ff; --icon-color: #2876ab; }
    .course-icon--neural { --icon-bg: #e9e5ff; --icon-color: #6655be; }
    .course-icon--browser { --icon-bg: #def2f5; --icon-color: #24758c; }
    .course-icon--cloud { --icon-bg: #e2edff; --icon-color: #376bb0; }
    .course-icon--infinity { --icon-bg: #e2f3ee; --icon-color: #287c6a; }
    .course-icon--shield { --icon-bg: #fff0df; --icon-color: #a66322; }
    .course-icon--wireframe { --icon-bg: #fce9ef; --icon-color: #a74f75; }
    .course-card:hover .course-icon, .course-card:focus-visible .course-icon { transform: translateY(-2px) rotate(-3deg); box-shadow: 0 8px 16px #18385b20; }
    .course-info h3 { min-height: 0; margin: 0; color: color-mix(in srgb, var(--course-accent), #102d56 42%); font: 700 19px/1.15 var(--display); transition: color .2s; }
    .course-info h3::after { display: block; width: 26px; height: 2px; margin-top: 6px; content: ""; background: var(--course-accent); border-radius: 2px; transition: width .2s; }
    .course-card:hover .course-info h3::after, .course-card:focus-visible .course-info h3::after { width: 42px; }
    .course-card:hover .course-info h3, .course-card:focus-visible .course-info h3 { color: color-mix(in srgb, var(--course-accent), #102d56 20%); }
    .course-info p { min-height: 55px; margin: 0 0 15px; color: #5c6b83; font-size: 11px; line-height: 1.65; }
    .course-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 12px; border-top: 1px solid #e6edf6; color: #627089; font-size: 10px; }
    .course-foot strong { display: inline-flex; align-items: center; gap: 5px; color: color-mix(in srgb, var(--course-accent), #102d56 36%); font-size: 11px; }
    .course-foot strong i { color: #c58b12; font-size: 15px; font-style: normal; transition: transform .2s; }
    .course-card:hover .course-foot strong i, .course-card:focus-visible .course-foot strong i { transform: translate(2px,-2px); }
    .empty-state { grid-column: 1/-1; padding: 38px; color: #536480; text-align: center; background: #fff; border: 1px dashed #afc0d7; border-radius: 8px; }

    /* Course finder */
    .finder-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 56px; align-items: start; }
    .finder-layout .section-head { margin: 0; }
    .quiz-panel { position: relative; overflow: hidden; padding: 30px; background: radial-gradient(ellipse at 100% 0, #20356866, transparent 46%), linear-gradient(145deg,#0d1940,#0a1534); border: 1px solid #293e6d; border-radius: 12px; box-shadow: 0 20px 55px #02091d3d; }
    .quiz-top { display: flex; justify-content: space-between; align-items: center; color: #b8c9e4; font-size: 11px; font-weight: 600; }
    .quiz-top span:last-child { color: var(--yellow); font-variant-numeric: tabular-nums; }
    .quiz-progress { height: 6px; margin: 12px 0 27px; background: #26375f; border-radius: 8px; overflow: hidden; }
    .quiz-progress span { display: block; width: 13%; height: 100%; background: linear-gradient(90deg,#8fb7f0,var(--yellow)); border-radius: inherit; box-shadow: 0 0 15px #ffc83d55; transition: width .45s cubic-bezier(.2,.75,.25,1); }
    .quiz-panel h3 { margin: 0 0 20px; font: 700 clamp(21px,2.5vw,27px)/1.2 var(--display); letter-spacing: -.015em; }
    .quiz-content.quiz-enter { animation: quiz-enter .34s cubic-bezier(.2,.75,.25,1) both; }
    @keyframes quiz-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
    .quiz-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .quiz-option { position: relative; display: grid; grid-template-columns: 30px 1fr 18px; align-items: center; gap: 10px; min-height: 68px; padding: 12px 14px; text-align: left; color: #d6e5ff; background: #101f4aab; border: 1px solid #2a3d6c; border-radius: 8px; cursor: pointer; font-size: 12px; line-height: 1.5; transition: border-color .22s, background .22s, transform .22s, box-shadow .22s; }
    .quiz-option:hover, .quiz-option:focus-visible { border-color: var(--yellow); background: #172750; box-shadow: 0 8px 22px #02091d55; transform: translateY(-2px); }
    .quiz-option-mark { display: grid; place-items: center; width: 28px; height: 28px; color: #c1d2eb; background: #ffffff0a; border: 1px solid #344a76; border-radius: 7px; font-size: 10px; font-weight: 700; }
    .quiz-option-arrow { color: var(--yellow); opacity: 0; transform: translateX(-4px); transition: opacity .2s, transform .2s; }
    .quiz-option:hover .quiz-option-arrow, .quiz-option:focus-visible .quiz-option-arrow { opacity: 1; transform: translateX(0); }
    .quiz-navigation { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 39px; margin-top: 17px; }
    .quiz-navigation > span { color: #879bbd; font-size: 10px; }
    .quiz-back { padding: 8px 11px; color: #c5d5ee; background: transparent; border: 1px solid #354973; border-radius: 6px; cursor: pointer; font: 600 11px var(--body); transition: color .2s, border-color .2s, background .2s; }
    .quiz-back:hover { color: var(--yellow); background: #ffffff08; border-color: #8295b8; }
    .quiz-result { display: none; }
    .quiz-result.show { display: block; animation: quiz-enter .4s ease both; }
    .quiz-result > .eyebrow { color: var(--yellow); }
    .quiz-result > h3 { margin-bottom: 22px; }
    .match-row { display: grid; gap: 7px; margin: 12px 0; padding: 16px; background: #101f4aab; border: 1px solid #2a3d6c; border-radius: 8px; }
    .match-rank { color: var(--yellow); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .match-row strong { font: 700 17px/1.25 var(--display); }
    .match-row small { color: #a7bbdc; font-size: 10px; }
    .match-row p { margin: 2px 0 0; color: #bdcce3; font-size: 11px; line-height: 1.55; }
    .quiz-result-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
    .quiz-result-actions .btn { min-height: 40px; }

    /* Learning roadmap */
    .roadmap { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 13px; padding-top: 43px; }
    .roadmap::before, .roadmap-fill { position: absolute; z-index: 0; top: 22px; left: 10%; width: 80%; height: 3px; content: ""; background: #293962; border-radius: 3px; }
    .roadmap-fill { width: 0; background: linear-gradient(90deg, #8fb7f0, var(--yellow)); box-shadow: 0 0 14px #ffc83d55; transition: width .35s ease-out, height .35s ease-out; }
    .road-step { position: relative; min-height: 196px; padding: 29px 16px 17px; color: var(--ice); background: linear-gradient(155deg, #101f48, #0b1735 78%); border: 1px solid #263960; border-radius: 8px; box-shadow: 0 12px 28px #02091d22; opacity: 0; transform: translateY(18px); transition: opacity .45s ease, transform .45s ease, border-color .25s, box-shadow .25s, background .25s; }
    .road-step.in-view { opacity: .7; transform: translateY(0); }
    .road-step.active { opacity: 1; transform: translateY(-4px); background: linear-gradient(155deg, #182b59, #0d1b3d 80%); border-color: #829bca; box-shadow: 0 16px 35px #02091d55, 0 0 0 1px #9bb9ee22; }
    .road-step:hover { border-color: #637da9; box-shadow: 0 18px 36px #02091d66; }
    .road-node { position: absolute; z-index: 1; top: -43px; left: 50%; display: grid; place-items: center; width: 46px; height: 46px; color: #b3c8e9; background: #0e1a3e; border: 2px solid #526991; border-radius: 50%; font: 700 13px var(--display); transform: translateX(-50%); transition: color .3s, background .3s, border-color .3s, box-shadow .3s, scale .3s; }
    .road-step.active .road-node { color: #182241; background: var(--yellow); border-color: #ffe18b; box-shadow: 0 0 0 5px #ffc83d1c, 0 0 22px #ffc83d55; scale: 1.06; }
    .road-step h3 { margin: 0 0 9px; font: 700 16px/1.2 var(--display); }
    .road-step p { margin: 0; color: #b4c5e0; font-size: 11px; line-height: 1.6; }
    .road-step small { display: inline-block; margin-top: 15px; padding: 5px 8px; color: #c7d7f0; background: #ffffff0b; border: 1px solid #ffffff12; border-radius: 4px; font-size: 9px; letter-spacing: .04em; }
    /* Learner support and add-on benefits */
    #mentors { overflow: hidden; background: radial-gradient(ellipse at 12% 88%, #65b5a21b, transparent 35%), linear-gradient(145deg, #f0f5f3, #e8f0f5); }
    .mentor-guidance-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(34px, 6vw, 80px); }
    .mentor-guidance-copy .eyebrow { color: #287363; }
    .mentor-guidance-copy h2 { max-width: 520px; margin: 0; color: #153936; font: 800 clamp(32px, 4vw, 46px)/1.05 var(--display); letter-spacing: -.03em; }
    .mentor-guidance-copy > p:not(.eyebrow) { max-width: 530px; margin: 17px 0 23px; color: #465e5b; font-size: 14px; line-height: 1.8; }
    .mentor-support-list { display: grid; gap: 15px; margin: 0 0 25px; padding: 0; list-style: none; }
    .mentor-support-point { display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: start; }
    .mentor-support-point > span { display: grid; place-items: center; width: 34px; height: 34px; color: #237562; background: #ddf2e9; border: 1px solid #c6e5d7; border-radius: 10px; font: 700 11px var(--display); }
    .mentor-support-point strong { color: #203e3b; font: 700 14px var(--display); }
    .mentor-support-point p { margin: 3px 0 0; color: #526762; font-size: 13px; line-height: 1.6; }
    .mentor-teaching-visual { position: relative; min-height: 420px; }
    .mentor-teaching-main, .mentor-teaching-inset { position: absolute; overflow: hidden; margin: 0; background: #d7e6df; border: 5px solid #fff; box-shadow: 0 22px 52px #183b3526; }
    .mentor-teaching-main { inset: 0 12% 35px 0; border-radius: 18px 18px 54px 18px; transform: rotate(-2deg); animation: mentor-image-float 7s ease-in-out infinite; }
    .mentor-teaching-inset { right: 0; bottom: 0; width: 43%; height: 43%; border-radius: 14px 14px 28px 14px; transform: rotate(3deg); animation: mentor-image-float 8s ease-in-out -2s infinite reverse; }
    .mentor-teaching-main img, .mentor-teaching-inset img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
    .mentor-teaching-main:hover img, .mentor-teaching-inset:hover img { transform: scale(1.06); }
    .mentor-teaching-main figcaption, .mentor-teaching-inset figcaption { position: absolute; right: 12px; bottom: 12px; left: 12px; padding: 9px 11px; color: #fff; background: #102b2bd9; border: 1px solid #ffffff40; border-radius: 7px; font-size: 11px; font-weight: 700; backdrop-filter: blur(8px); }
    .mentor-image-note { position: absolute; right: 0; bottom: -24px; margin: 0; color: #50625c; font-size: 10px; }
    @keyframes mentor-image-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -9px; } }
    .addon-benefits-section { background: radial-gradient(ellipse at 8% 5%, #65b5a21c, transparent 32%), radial-gradient(ellipse at 92% 95%, #e6b6531c, transparent 34%), linear-gradient(135deg, #f7f9f5, #edf4f5); }
    .benefits-intro { max-width: 720px; margin-bottom: 34px; }
    .benefits-intro .eyebrow { color: #287363; }
    .benefits-intro h2 { margin: 0; color: #153936; font: 800 clamp(32px, 4vw, 46px)/1.05 var(--display); letter-spacing: -.03em; }
    .benefits-intro > p:last-child { max-width: 610px; margin: 14px 0 0; color: #4d625e; font-size: 14px; line-height: 1.75; }
    .addon-benefits-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
    .addon-benefit-card { position: relative; min-height: 190px; padding: 23px; overflow: hidden; background: linear-gradient(145deg, #fff, #f5f8f6); border: 1px solid #dce8e3; border-radius: 12px 12px 30px 12px; box-shadow: 0 12px 28px #173b2c0c; transition: transform .28s, border-color .28s, box-shadow .28s; }
    .addon-benefit-card::after { position: absolute; right: -45px; bottom: -55px; width: 130px; aspect-ratio: 1; content: ""; border: 1px solid #65b5a22a; border-radius: 50%; box-shadow: 0 0 0 15px #65b5a20a, 0 0 0 38px #e6b65308; transition: transform .4s; }
    .addon-benefit-card:hover { transform: translateY(-5px); border-color: #93c5b3; box-shadow: 0 20px 36px #173b2c18; }
    .addon-benefit-card:hover::after { transform: scale(1.2) rotate(25deg); }
    .benefit-icon { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 18px; color: #257563; background: #e1f3eb; border: 1px solid #c8e6d8; border-radius: 11px; font: 700 11px var(--display); }
    .addon-benefit-card:nth-child(3n + 2) .benefit-icon { color: #825d24; background: #fbf0d8; border-color: #efe0ba; }
    .addon-benefit-card:nth-child(3n) .benefit-icon { color: #5767a4; background: #eceeff; border-color: #daddf7; }
    .addon-benefit-card h3 { position: relative; z-index: 1; margin: 0 0 8px; color: #193a38; font: 700 18px/1.2 var(--display); }
    .addon-benefit-card p { position: relative; z-index: 1; max-width: 340px; margin: 0; color: #51635f; font-size: 13px; line-height: 1.7; }
    .benefits-note { margin: 21px 0 0; color: #536660; font-size: 11px; line-height: 1.65; }
    .corporate-training-section { overflow: hidden; background: radial-gradient(ellipse at 4% 14%, #66b69e24, transparent 34%), radial-gradient(ellipse at 96% 84%, #f0c65d25, transparent 34%), linear-gradient(140deg, #f7faf7, #edf4f4 58%, #f6f1e7); }
    .corporate-training-layout { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: clamp(35px, 6vw, 78px); }
    .corporate-training-copy { position: relative; z-index: 1; }
    .corporate-training-copy .eyebrow { color: #287363; }
    .corporate-training-copy h2 { max-width: 560px; margin: 0; color: #153936; font: 800 clamp(34px, 4.2vw, 49px)/1.04 var(--display); letter-spacing: -.035em; }
    .corporate-training-copy > p:not(.eyebrow) { max-width: 560px; margin: 16px 0 23px; color: #4d625e; font-size: 14px; line-height: 1.8; }
    .corporate-training-points { display: grid; gap: 15px; margin: 0 0 25px; padding: 0; list-style: none; }
    .corporate-training-points li { display: grid; grid-template-columns: 36px 1fr; gap: 12px; align-items: start; }
    .corporate-training-points li > span { display: grid; place-items: center; width: 34px; height: 34px; color: #237562; background: #ddf2e9; border: 1px solid #c6e5d7; border-radius: 10px; font: 700 10px var(--display); }
    .corporate-training-points strong { color: #203e3b; font: 700 14px var(--display); }
    .corporate-training-points p { margin: 3px 0 0; color: #526762; font-size: 12px; line-height: 1.6; }
    .corporate-training-note { max-width: 520px; margin: 14px 0 0; color: #61716d; font-size: 10px; line-height: 1.6; }
    .progress-section { overflow: hidden; color: #183c38; background: radial-gradient(ellipse at 92% 4%, #70cbb328 0, transparent 31%), radial-gradient(ellipse at 8% 95%, #e6b65325 0, transparent 35%), linear-gradient(145deg, #f4f8f3, #edf5f1 62%, #eaf2f5); }
    .progress-intro { display: grid; grid-template-columns: 1fr .72fr; gap: 56px; align-items: end; margin-bottom: 42px; }
    .progress-intro .eyebrow { margin-bottom: 14px; }
    .progress-intro h2 { max-width: 620px; margin: 0; color: #173b37; font: 800 clamp(32px, 4.24vw, 51px)/.99 var(--display); letter-spacing: -.035em; }
    .progress-intro h2 span { color: #287d68; }
    .progress-intro-copy { padding-bottom: 5px; }
    .progress-intro-copy p { max-width: 430px; margin: 0 0 15px; color: #536a64; font-size: 14px; line-height: 1.75; }
    .progress-intro-copy .text-link { color: #237562; }
    .progress-intro-copy .text-link:hover { color: #164f43; }
    .progress-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
    .progress-card { min-height: 273px; padding: 23px 21px 24px; background: linear-gradient(155deg, #fff, #f2f7f4); border: 1px solid #d6e5dd; border-radius: 10px; box-shadow: 0 12px 30px #173b2c10; transition: transform .22s, box-shadow .22s, border-color .22s; }
    .progress-card:hover { transform: translateY(-4px); border-color: #88bfa8; box-shadow: 0 18px 36px #173b2c1d; }
    .progress-card-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; }
    .progress-icon { display: grid; place-items: center; width: 48px; height: 48px; color: #426ba9; background: #e8effb; border: 1px solid #d0def1; border-radius: 9px; }
    .progress-icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
    .progress-number { color: #728777; font: 700 15px var(--display); }
    .progress-label { margin: 0 0 7px; color: #426ba9; font-size: 9px; font-weight: 700; letter-spacing: .14em; }
    .progress-card h3 { margin: 0 0 8px; color: #183c38; font: 700 20px/1.15 var(--display); }
    .progress-card > p:last-child { margin: 0; color: #526760; font-size: 12px; line-height: 1.7; }
    .progress-card:nth-child(2) .progress-icon { color: #986a19; background: #fbf1dc; border-color: #efe0bd; }
    .progress-card:nth-child(2) .progress-label { color: #986a19; }
    .progress-card:nth-child(3) .progress-icon { color: #237562; background: #e0f3eb; border-color: #c6e6d8; }
    .progress-card:nth-child(3) .progress-label { color: #237562; }
    .progress-card:nth-child(4) .progress-icon { color: #7659a2; background: #f0eafa; border-color: #dfd2f0; }
    .progress-card:nth-child(4) .progress-label { color: #7659a2; }
    .progress-cta { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 18px; padding: 24px 29px; color: #183c38; background: linear-gradient(105deg, #e0f1e9, #edf3df); border: 1px solid #c8e1d4; border-radius: 10px; }
    .progress-cta-label { color: #287563; font-size: 9px; font-weight: 700; letter-spacing: .16em; }
    .progress-cta h3 { margin: 5px 0 3px; font: 700 21px/1.2 var(--display); }
    .progress-cta p { margin: 0; color: #526a61; font-size: 12px; }
    .internship-section { isolation: isolate; overflow: hidden; color: #142243; background: radial-gradient(ellipse at 9% 4%, #5876f133 0, transparent 30%), radial-gradient(ellipse at 92% 56%, #65dfc426 0, transparent 30%), radial-gradient(ellipse at 50% 110%, #ffc83d12 0, transparent 38%), linear-gradient(135deg, #07152f 0%, #0b2044 55%, #102d58 100%); }
    .internship-heading { max-width: 960px; margin: 0 auto 42px; text-align: center; }
    .internship-kicker { display: inline-block; margin: 0 0 12px; padding: 7px 12px; color: #d9efff; background: #ffffff10; border: 1px solid #9dc8ef3d; border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: .15em; }
    .internship-heading h2 { margin: 0; color: #f4f8ff; font: 800 clamp(48px, 6.7vw, 82px)/.98 var(--display); font-size: clamp(48px, 6.7vw, 82px); letter-spacing: -.045em; text-wrap: balance; }
    .internship-heading h2 span { color: var(--mint); }
    .internship-heading > p:not(.internship-kicker) { max-width: 680px; margin: 18px auto 0; color: #cfdaea; font-size: 16px; line-height: 1.75; }
    .internship-highlights { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin: 21px 0 0; padding: 0; list-style: none; }
    .internship-highlights li { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 7px 12px; color: #e0ebf8; background: #ffffff0b; border: 1px solid #9dc8ef32; border-radius: 999px; font-size: 11px; font-weight: 600; }
    .internship-highlights li span { color: var(--yellow); font-size: 13px; }
    .internship-course-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
    .internship-course-card { --course-accent: #438be8; position: relative; overflow: hidden; min-height: 270px; background: linear-gradient(150deg, #fbfdff, #e9f2ff); border: 1px solid #d3e4f6; border-radius: 14px; box-shadow: 0 14px 35px #020a1b38; transition: transform .25s, box-shadow .25s, background .25s, border-color .25s; }
    .internship-course-card:nth-child(4n + 2) { --course-accent: #8b63dc; }
    .internship-course-card:nth-child(4n + 3) { --course-accent: #148f9d; }
    .internship-course-card:nth-child(4n) { --course-accent: #bd7b19; }
    .internship-course-card::before { position: absolute; top: 0; right: 0; left: 0; height: 5px; content: ""; background: linear-gradient(90deg, var(--course-accent), color-mix(in srgb, var(--course-accent), #fff 45%)); transition: height .22s; }
    .internship-course-card::after { position: absolute; top: -48px; right: -42px; width: 116px; aspect-ratio: 1; content: ""; background: radial-gradient(circle, color-mix(in srgb, var(--course-accent), transparent 78%), transparent 70%); pointer-events: none; }
    .internship-course-card:hover, .internship-course-card:focus-within { transform: translateY(-5px); background: linear-gradient(145deg, #173762, #0d2445); border-color: color-mix(in srgb, var(--course-accent), #fff 35%); box-shadow: 0 24px 48px #020a1b5c; }
    .internship-course-card:hover::before, .internship-course-card:focus-within::before { height: 7px; }
    .internship-course-content { position: relative; z-index: 1; display: flex; min-height: 270px; flex-direction: column; align-items: flex-start; padding: 22px 19px 19px; }
    .internship-topic { display: inline-flex; align-items: center; min-height: 24px; margin-bottom: 13px; padding: 4px 9px; color: color-mix(in srgb, var(--course-accent), #10213d 23%); background: color-mix(in srgb, var(--course-accent), #fff 88%); border: 1px solid color-mix(in srgb, var(--course-accent), #fff 70%); border-radius: 999px; font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
    .internship-course-content h3 { margin: 0 0 9px; color: #15345c; font: 700 18px/1.2 var(--display); transition: color .2s; }
    .internship-course-content p { flex: 1; margin: 0 0 13px; color: #536984; font-size: 11px; line-height: 1.6; transition: color .2s; }
    .internship-tags { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 0 15px; }
    .internship-tags span { padding: 4px 7px; color: #425a78; background: #eaf1fa; border: 1px solid #d7e3f1; border-radius: 5px; font-size: 9px; font-weight: 600; line-height: 1.2; }
    .internship-course-card:hover .internship-topic, .internship-course-card:focus-within .internship-topic { color: #fff; background: color-mix(in srgb, var(--course-accent), #10213d 35%); border-color: color-mix(in srgb, var(--course-accent), #fff 25%); }
    .internship-course-card:hover .internship-tags span, .internship-course-card:focus-within .internship-tags span { color: #e7f1ff; background: #ffffff12; border-color: #ffffff22; }
    .internship-course-card:hover h3, .internship-course-card:focus-within h3 { color: #fff; }
    .internship-course-card:hover p, .internship-course-card:focus-within p { color: #c5d9f0; }
    .internship-course-content button { display: inline-flex; align-items: center; gap: 9px; min-height: 37px; padding: 0 11px; color: #fff; background: color-mix(in srgb, var(--course-accent), #10213d 24%); border: 1px solid transparent; border-radius: 7px; font-size: 10px; font-weight: 700; cursor: pointer; transition: background .2s, color .2s, transform .2s, border-color .2s; }
    .internship-course-content button:hover { color: #10213d; background: color-mix(in srgb, var(--course-accent), #fff 45%); border-color: color-mix(in srgb, var(--course-accent), #fff 20%); transform: translateX(3px); }
    .internship-course-content button span { color: inherit; font-size: 14px; transition: transform .2s; }
    .internship-course-content button:hover span { transform: translate(2px,-2px); }
    .internship-note { max-width: 850px; margin: 22px auto 0; color: #a9bfda; font-size: 10px; line-height: 1.55; text-align: center; }
    /* Stories, FAQ and footer */
    .testimonial-section .section-head { max-width: 750px; margin-bottom: 35px; }
    .testimonial-section .section-head > p:last-child { color: #98abc9; }
    #finder .section-head, #courses .section-head, .testimonial-section .section-head { color: #172945; background: linear-gradient(135deg, #fffdf7, #f0f7f5); border-color: #dbe9e2; box-shadow: 0 18px 44px #02081735; }
    #finder .section-head::after, #courses .section-head::after, .testimonial-section .section-head::after { background: radial-gradient(circle, #65b5a229, transparent 70%); }
    #finder .section-head .eyebrow, #courses .section-head .eyebrow, .testimonial-section .section-head .eyebrow { color: #347664; background: #e4f3eb; border-color: #d2e9dc; }
    #finder .section-head h2, #courses .section-head h2, .testimonial-section .section-head h2 { color: #172945; }
    #finder .section-head h2::after, #courses .section-head h2::after, .testimonial-section .section-head h2::after { background: linear-gradient(90deg, #55b895, #e9aa43); box-shadow: 0 0 18px #55b89533; }
    #finder .section-head p:last-child, #courses .section-head p:last-child, .testimonial-section .section-head p:last-child { color: #596b68; }
    #courses .section-head h2 span { background: linear-gradient(100deg, #2563eb, #0b1f3a 85%); background-clip: text; color: transparent; -webkit-background-clip: text; text-shadow: none; }
    .story-layout { display: grid; grid-template-columns: .78fr 1.22fr; align-items: stretch; overflow: hidden; background: linear-gradient(135deg, #101f47, #0b1735); border: 1px solid #263960; border-radius: 12px; box-shadow: 0 20px 50px #02081738; }
    .story-photo { position: relative; isolation: isolate; min-height: 425px; overflow: hidden; background: linear-gradient(145deg,#152b60,#0a1434 60%,#203c78); }
    .story-portrait { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; }
    .story-photo::before { position: absolute; z-index: 0; inset: 50% 0 0; content: ""; background: linear-gradient(transparent,#050c22a8); }
    .story-photo small { position: absolute; z-index: 1; bottom: 19px; left: 19px; padding: 7px 9px; color: #e0eaff; background: #07142bc9; border: 1px solid #ffffff28; border-radius: 4px; font-size: 8px; font-weight: 700; letter-spacing: .08em; }
    .story-testimonial { display: flex; flex-direction: column; justify-content: center; min-height: 425px; padding: clamp(28px, 5vw, 64px); }
    .story-course-label { margin: 0 0 7px; color: #afc5f1; font-size: 9px; font-weight: 700; letter-spacing: .16em; }
    .story-course { margin: 0 0 17px; color: #fff; font: 800 clamp(27px, 3.6vw, 42px)/1.02 var(--display); letter-spacing: -.025em; }
    .quote-mark { height: 34px; color: var(--yellow); font: 700 48px/.9 var(--display); }
    .story-testimonial blockquote { margin: 8px 0 17px; color: #e4efff; font: 500 clamp(17px, 2vw, 21px)/1.55 var(--body); }
    .story-testimonial cite { color: #a9bbd9; font-size: 11px; font-style: normal; }
    .story-controls { display: flex; gap: 8px; margin-top: 23px; }
    .icon-btn { display: grid; place-items: center; width: 39px; height: 39px; color: var(--ink); background: transparent; border: 1px solid #344771; border-radius: 5px; cursor: pointer; }
    .icon-btn:hover { border-color: var(--yellow); color: var(--yellow); }
    .faq-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .faq-item { align-self: start; background: #0c1839; border: 1px solid #1d2e5c; border-radius: 6px; }
    .faq-item summary { position: relative; padding: 16px 42px 16px 16px; cursor: pointer; list-style: none; font-size: 12px; font-weight: 700; }
    .faq-item summary::-webkit-details-marker { display: none; }
    .faq-item summary::after { position: absolute; right: 16px; content: "+"; color: var(--yellow); font-size: 19px; line-height: 1; }
    .faq-item[open] summary::after { content: "−"; }
    .faq-item p { margin: 0; padding: 0 16px 16px; color: #9db2d6; font-size: 11px; }
    .closing { position: relative; isolation: isolate; overflow: hidden; padding: 58px 0; background: var(--light); color: var(--light-ink); }
    .closing::before { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .62; background: radial-gradient(ellipse at 12% 20%, #5376df20 0, transparent 34%), radial-gradient(ellipse at 82% 25%, #39b99b26 0, transparent 32%), radial-gradient(ellipse at 66% 88%, #e9ae4020 0, transparent 32%), radial-gradient(ellipse at 35% 78%, #9660d916 0, transparent 30%); background-size: 160% 160%; filter: blur(20px); animation: page-color-drift 13s ease-in-out infinite alternate, page-color-shift 27s linear infinite; pointer-events: none; }
    .closing::after { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .22; background-image: radial-gradient(circle, #356b8a5c 0 1px, transparent 1.8px), linear-gradient(115deg, transparent 30%, #ffffff80 49%, transparent 68%); background-size: 57px 57px, 220% 100%; animation: page-particle-drift 19s linear infinite, page-sheen-drift 12s ease-in-out infinite alternate; pointer-events: none; }
    .closing-inner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 33px 38px; background: #dbeaff; border: 1px solid #c7daef; border-radius: 9px; }
    .closing h2 { margin: 0; font: 700 clamp(21px, 2.4vw, 30px)/1.1 var(--display); }
    .closing p { margin: 8px 0 0; color: #566785; font-size: 12px; }
    .about-hero { position: relative; overflow: hidden; padding: 80px 0 76px; background: radial-gradient(ellipse at 12% 100%, #65dfc426 0, transparent 34%), radial-gradient(ellipse at 82% 18%, #1d3b78 0, transparent 37%), linear-gradient(125deg,#050c22,#0b1940 68%,#102454); }
    .about-hero::before { position: absolute; top: -145px; left: 34%; width: 520px; aspect-ratio: 1; content: ""; border: 1px solid #65dfc426; border-radius: 50%; box-shadow: 0 0 0 28px #65dfc40a, 0 0 0 68px #a98af00a, 0 0 0 120px #ffc83d08; animation: about-orbit 38s linear infinite; pointer-events: none; }
    @keyframes about-orbit { to { transform: rotate(360deg); } }
    .about-hero::after { position: absolute; right: 9%; top: 18%; width: 250px; height: 250px; content: ""; border: 1px solid #bcdcff20; border-radius: 50%; box-shadow: 0 0 0 32px #bcdcff08, 0 0 0 68px #bcdcff05; pointer-events: none; }
    .about-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); align-items: center; gap: clamp(35px, 6vw, 76px); }
    .about-hero-copy { position: relative; z-index: 1; }
    .about-hero h1 { max-width: 790px; margin: 0; color: #f4f8ff; font: 700 clamp(34px,4.8vw,58px)/1.02 var(--display); letter-spacing: -.025em; }
    .about-lead { max-width: 640px; margin: 22px 0 27px; color: #d1def0; font-size: 17px; line-height: 1.75; }
    .about-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; }
    .about-nameplate { display: flex; align-items: center; gap: 13px; margin-top: 54px; color: #c5d6f0; }
    .about-nameplate span { color: var(--yellow); font: 800 25px/.9 var(--display); letter-spacing: -.06em; }
    .about-nameplate i { width: 1px; height: 27px; background: #53688f; }
    .about-nameplate strong { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
    .about-hero-visual { position: relative; min-height: 390px; margin: 0; overflow: hidden; background: #172c4a; border: 1px solid #bcdcff33; border-radius: 18px 18px 54px 18px; box-shadow: 0 28px 65px #02081766; transform: rotate(1deg); animation: about-photo-float 7s ease-in-out infinite; }
    @keyframes about-photo-float { 0%, 100% { transform: rotate(1deg) translateY(0); } 50% { transform: rotate(-.4deg) translateY(-9px); } }
    .about-hero-visual::after { position: absolute; inset: 35% 0 0; content: ""; background: linear-gradient(transparent, #07132be0); }
    .about-hero-visual img { width: 100%; height: 100%; min-height: 390px; object-fit: cover; object-position: center; }
    .about-hero-visual figcaption { position: absolute; z-index: 1; right: 22px; bottom: 20px; left: 22px; display: grid; gap: 5px; color: white; }
    .about-hero-visual figcaption span { font: 700 18px var(--display); }
    .about-hero-visual figcaption small { color: #e2eafa; font-size: 11px; }

    .search-trigger { gap: 9px; min-height: 40px; padding: 0 15px; color: #fff; background: linear-gradient(120deg, #0b1f3a, #245bd3); border: 1px solid #4779e8; border-radius: 999px; box-shadow: 0 5px 16px #163c8a30; font-size: 12px; font-weight: 700; transition: transform .2s, box-shadow .2s, background .2s; }
    .search-trigger:hover { background: linear-gradient(120deg, #12315a, #3472ef); box-shadow: 0 7px 21px #163c8a45; transform: translateY(-1px); }
    .search-icon { width: 17px; height: 17px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.8; }
    .palette { width: min(620px, calc(100% - 28px)); margin-top: 12vh; overflow: hidden; color: #e8f2ff; background: linear-gradient(145deg, #0c1938, #111f48); border: 1px solid #3c5a91; border-radius: 18px; box-shadow: 0 28px 90px #02081799, 0 0 0 1px #8db4ff12; }
    .palette::backdrop { background: #071226b8; backdrop-filter: blur(7px); }
    .palette-search { display: flex; align-items: center; gap: 13px; min-height: 72px; padding: 0 19px; color: #78a5ff; background: linear-gradient(100deg, #132954, #102246 65%, #102b46); border-bottom: 1px solid #2a416c; }
    .palette-search .search-icon { width: 21px; height: 21px; color: #6ee7d2; }
    .palette-search input { flex: 1; width: 0; min-height: 54px; padding: 0; color: #f3f7ff; background: transparent; border: 0; outline: 0; font-size: 15px; }
    .palette-search input::placeholder { color: #9aaccb; }
    .palette-search-tag { padding: 5px 8px; color: #9ce8d9; background: #65dfc414; border: 1px solid #65dfc433; border-radius: 999px; font-size: 8px; font-weight: 700; letter-spacing: .12em; white-space: nowrap; }
    .palette-list { padding: 11px; }
    .palette-item { padding: 13px 14px; border-radius: 9px; }
    .palette-item[aria-selected="true"], .palette-item:hover { background: linear-gradient(100deg, #1d3764, #1a3155); }
    .palette-hint { padding: 11px 16px; background: #09152d80; border-color: #26385f; font-size: 10px; }
    @media (max-width: 640px) {
      .search-trigger { width: 40px; height: 40px; min-height: 40px; padding: 0; justify-content: center; }
      .search-trigger span { display: none; }
      .palette { margin-top: 9vh; }
      .palette-search { gap: 10px; padding-inline: 14px; }
      .palette-search-tag { display: none; }
      .palette-search input { font-size: 14px; }
    }
    .about-learning { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 92% 12%, #b4dcd12b 0, transparent 30%), linear-gradient(135deg, #f7f8f2, #edf5f1); background-size: 160% 160%; animation: page-color-drift 13s ease-in-out infinite alternate, page-color-shift 27s linear infinite; }
    .about-learning::before { position: absolute; z-index: -1; right: -150px; bottom: -290px; width: 620px; aspect-ratio: 1; content: ""; border: 1px solid #328c7924; border-radius: 50%; box-shadow: 0 0 0 35px #328c7909, 0 0 0 90px #dba5440b; animation: about-orbit 48s linear infinite reverse; pointer-events: none; }
    .about-learning-layout { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: clamp(34px, 6vw, 80px); }
    .about-learning-copy .eyebrow { color: #287363; }
    .about-learning-copy h2 { max-width: 540px; margin: 0; color: #102b32; font: 800 clamp(31px, 4vw, 46px)/1.04 var(--display); letter-spacing: -.035em; }
    .about-learning-copy > p:not(.eyebrow) { max-width: 530px; margin: 16px 0 23px; color: #465e5b; font-size: 14px; line-height: 1.8; }
    .about-learning-points { display: grid; gap: 15px; margin: 0; padding: 0; list-style: none; }
    .about-learning-points li { display: grid; grid-template-columns: 34px 1fr; align-items: start; gap: 12px; }
    .about-learning-points li > span { display: grid; place-items: center; width: 32px; height: 32px; color: #237562; background: #dff2e8; border: 1px solid #c8e6d7; border-radius: 9px; font: 700 11px var(--display); }
    .about-learning-points strong { color: #203e3b; font: 700 13px var(--display); }
    .about-learning-points p { margin: 3px 0 0; color: #526762; font-size: 13px; line-height: 1.65; }
    .about-photo-grid { display: grid; grid-template-columns: 1.15fr .85fr; grid-template-rows: 210px 190px auto; gap: 12px; align-items: stretch; }
    .about-photo { position: relative; overflow: hidden; margin: 0; background: #d7e6df; border: 1px solid #fff; border-radius: 13px; box-shadow: 0 12px 28px #193f3318; }
    .about-photo-main { grid-row: 1 / 3; transform: translateY(12px); }
    .about-photo-secondary { transform: translateY(-12px); }
    .about-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.2,1), filter .4s; }
    .about-photo:hover img { transform: scale(1.06); filter: saturate(1.12); }
    .about-photo figcaption { position: absolute; right: 10px; bottom: 10px; left: 10px; padding: 8px 10px; color: #fff; background: #102b2bc9; border: 1px solid #ffffff30; border-radius: 7px; font-size: 10px; font-weight: 700; backdrop-filter: blur(8px); }
    .about-photo-note { grid-column: 1/-1; margin: 0; color: #50625c; font-size: 11px; line-height: 1.6; }
    .about-principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
    .about-principle { min-height: 190px; padding: 24px; background: linear-gradient(145deg, #fff, #f1f7f5); border: 1px solid #d7e2ef; border-radius: 8px 8px 24px 8px; box-shadow: 0 10px 28px #102a5510; transition: transform .3s, box-shadow .3s, border-color .3s; }
    .about-principle:hover { transform: translateY(-5px); border-color: #9bcbbb; box-shadow: 0 18px 36px #173b5319; }
    .about-principle > span { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 22px; color: #17316e; background: #e5efff; border-radius: 7px; font: 700 13px var(--display); }
    .about-principle:nth-child(2) > span { color: #087b68; background: #d9f7ef; }
    .about-principle h3 { margin: 0 0 8px; color: #132653; font: 700 19px var(--display); }
    .about-principle p { margin: 0; color: #4b5e74; font-size: 14px; line-height: 1.7; }
    .about-course-flow { display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; gap: 28px; margin-top: 28px; padding: 23px 25px; background: linear-gradient(120deg, #eef6f0, #f8f7ef); border: 1px solid #dfe9dd; border-radius: 12px; }
    .about-course-flow-heading span { color: #37816e; font-size: 9px; font-weight: 700; letter-spacing: .13em; }
    .about-course-flow-heading p { margin: 7px 0 0; color: #314c45; font: 700 17px/1.25 var(--display); }
    .about-course-flow ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
    .about-course-flow li { display: grid; gap: 5px; padding: 11px; background: #fff; border: 1px solid #e1e9df; border-radius: 8px; transition: transform .22s, border-color .22s, box-shadow .22s; }
    .about-course-flow li:hover { transform: translateY(-4px); border-color: #8acbb4; box-shadow: 0 9px 20px #285b4518; }
    .about-course-flow li > span { color: #ac7927; font: 700 10px var(--display); }
    .about-course-flow li strong { color: #24463e; font: 700 12px var(--display); }
    .about-course-flow li small { color: #71817a; font-size: 9px; }
    .about-course-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
    .about-course { position: relative; min-height: 158px; padding: 19px; overflow: hidden; background: linear-gradient(150deg,#101f48,#0b1735); border: 1px solid #263960; border-radius: 8px 8px 24px 8px; transition: transform .25s,border-color .25s,background .25s,box-shadow .25s; }
    .about-course::after { position: absolute; right: -35px; bottom: -62px; width: 125px; aspect-ratio: 1; content: ""; border: 1px solid #65dfc426; border-radius: 50%; box-shadow: 0 0 0 15px #65dfc40a, 0 0 0 34px #ffc83d08; transition: transform .5s; }
    .about-course:hover { transform: translateY(-5px); border-color: #65dfc477; background: linear-gradient(150deg,#18355a,#0d2840); box-shadow: 0 16px 34px #02081745; }
    .about-course:hover::after { transform: scale(1.25) rotate(30deg); }
    .about-course > span { color: var(--yellow); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
    .about-course h3 { margin: 10px 0 7px; color: #eef4ff; font: 700 18px/1.2 var(--display); }
    .about-course p { margin: 0; color: #c1cfe4; font-size: 13px; line-height: 1.7; }
    .about-note { margin: 19px 0 0; color: #c0cee4; font-size: 12px; line-height: 1.65; }
    .about-support-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 54px; align-items: start; }
    .about-support-layout .section-head { margin: 0; }
    .about-support-card { padding: 27px; background: #fff; border: 1px solid #d7e2ef; border-radius: 9px; box-shadow: 0 12px 32px #102a5512; }
    .about-support-card h3 { margin: 0 0 16px; color: #132653; font: 700 22px var(--display); }
    .about-support-card ul { display: grid; gap: 12px; margin: 0 0 23px; padding: 0; list-style: none; }
    .about-support-card li { position: relative; padding-left: 25px; color: #465875; font-size: 14px; line-height: 1.65; }
    .about-page .section-head p:last-child { color: #4c5d77; font-size: 14px; line-height: 1.75; }
    .about-support-card li::before { position: absolute; left: 0; color: #b48100; content: "✓"; font-weight: 700; }
    .about-footer { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
    .about-footer-links { display: flex; flex-wrap: wrap; gap: 18px; }
    .about-footer-links a, .about-footer > p { color: #8ea3c8; font-size: 10px; }
    .about-footer-links a:hover { color: var(--yellow); }
    .footer { position: relative; isolation: isolate; overflow: hidden; padding: 62px 0 22px; background: #050c22; border-top: 1px solid #19284e; }
    .footer::before { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .72; background: radial-gradient(ellipse at 12% 20%, #536fea32 0, transparent 34%), radial-gradient(ellipse at 82% 25%, #45c6b730 0, transparent 32%), radial-gradient(ellipse at 66% 88%, #f6bc4a21 0, transparent 32%), radial-gradient(ellipse at 35% 78%, #a05fe51d 0, transparent 30%); background-size: 160% 160%; filter: blur(20px); animation: page-color-drift 13s ease-in-out infinite alternate, page-color-shift 27s linear infinite; pointer-events: none; }
    .footer::after { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .18; background-image: radial-gradient(circle, #ffffff8a 0 1px, transparent 1.7px), linear-gradient(115deg, transparent 30%, #ffffff0c 49%, transparent 68%); background-size: 57px 57px, 220% 100%; animation: page-particle-drift 19s linear infinite, page-sheen-drift 12s ease-in-out infinite alternate; pointer-events: none; }
    .footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.35fr; gap: 38px; padding-bottom: 42px; }
    .footer .logo { gap: 7px; max-width: 100%; }
    .footer .logo img { flex: 0 0 auto; width: 112px; height: 46px; border-radius: 4px; }
    .footer .logo-name { min-width: 0; background-image: linear-gradient(100deg, #8cc9f0 0%, #79d2c1 52%, #96d99e 100%); font-size: 12px; line-height: 1.05; }
    .footer-about p { max-width: 250px; margin: 18px 0 0; color: #8ea3c8; font-size: 11px; }
    .footer-col h3 { margin: 3px 0 14px; color: #dce9ff; font-size: 11px; letter-spacing: .05em; }
    .footer-col p { margin: 8px 0; color: #8ea3c8; font-size: 10px; line-height: 1.6; }
    .footer-col a, .footer-col address { display: block; margin: 8px 0; color: #8ea3c8; font-size: 10px; font-style: normal; }
    .footer-col a:hover { color: var(--yellow); }
    .footer-bottom { display: flex; justify-content: space-between; gap: 15px; padding-top: 18px; border-top: 1px solid #1a2a50; color: #7387ad; font-size: 9px; }
    @media (max-width: 1000px) {
      body:not(.about-page) .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      body:not(.about-page) .footer-about { grid-column: 1 / -1; }
    }
    @media (max-width: 760px) {
      body:not(.about-page) .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .footer .logo img { width: 96px; height: 40px; }
      .footer .logo-name { font-size: 11px; }
    }
    @media (max-width: 420px) {
      .footer .logo { gap: 5px; }
      .footer .logo img { width: 86px; height: 36px; }
      .footer .logo-name { font-size: 10px; }
    }
    .floating-enquire, .back-top { position: fixed; z-index: 60; right: 22px; display: grid; place-items: center; width: 48px; height: 48px; border: 0; border-radius: 50%; box-shadow: 0 8px 26px #02081766; cursor: pointer; transition: transform .2s, opacity .2s; }
    .floating-enquire { bottom: 23px; color: #142143; background: var(--yellow); font-size: 20px; }
    .back-top { right: 79px; bottom: 27px; width: 40px; height: 40px; color: var(--ink); background: #1b2e5d; opacity: 0; pointer-events: none; font-size: 19px; }
    .back-top.visible { opacity: 1; pointer-events: auto; }
    .floating-enquire:hover, .back-top:hover { transform: translateY(-3px); }

    /* Dialogs */
    dialog { width: min(700px, calc(100% - 28px)); max-height: min(88vh, 850px); padding: 0; color: var(--light-ink); background: var(--light-surface); border: 1px solid #d0deef; border-radius: 10px; box-shadow: var(--shadow); }
    dialog::backdrop { background: #020817bb; backdrop-filter: blur(5px); }
    .dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px 19px; border-bottom: 1px solid #dbe4ef; }
    .dialog-head strong { color: #152858; font: 700 14px var(--display); }
    .dialog-close { display: grid; place-items: center; width: 32px; height: 32px; color: #293b65; background: transparent; border: 1px solid #c9d6e6; border-radius: 5px; cursor: pointer; font-size: 19px; }
    .course-dialog-art { height: 230px; background: #0a1534; }
    .course-dialog-art svg { width: 100%; height: 100%; }
    .dialog-content { padding: 20px 23px 24px; }
    .dialog-content h2 { margin: 0 0 7px; color: #132653; font: 700 28px/1.12 var(--display); }
    .dialog-content > p { color: #5c6d89; font-size: 12px; }
    .module-list { margin: 19px 0; border-top: 1px solid #d8e2ef; }
    .module-list details { border-bottom: 1px solid #d8e2ef; }
    .syllabus-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-top: 24px; }
    .syllabus-heading h3 { margin: 0; color: #172c59; font: 700 18px var(--display); }
    .syllabus-heading p { margin: 0; color: #65738c; font-size: 10px; }
    .module-list summary { display: flex; align-items: baseline; gap: 11px; padding: 14px 3px; color: #1b315f; cursor: pointer; font-size: 13px; font-weight: 700; }
    .module-list summary span { flex: 0 0 auto; color: #277b70; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
    .module-detail { padding: 0 4px 16px 52px; color: #536480; font-size: 12px; line-height: 1.6; }
    .module-detail > strong { color: #243e6d; font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
    .module-detail ul { display: grid; gap: 5px; margin: 7px 0 11px; padding-left: 17px; }
    .module-detail li::marker { color: #3b9c84; }
    .module-detail p { margin: 0; padding: 9px 11px; color: #405675; background: #edf4f8; border-left: 3px solid #65b5a2; border-radius: 0 5px 5px 0; font-size: 11px; }
    .module-detail p strong { color: #243e6d; }
    .course-knowledge-check { margin: 26px 0 22px; padding: 19px; background: linear-gradient(145deg, #f3f8f5, #edf3f7); border: 1px solid #d4e2dc; border-radius: 10px; }
    .course-quiz-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
    .course-quiz-heading .eyebrow { margin: 0 0 5px; color: #287363; font-size: 9px; }
    .course-quiz-heading h3 { margin: 0; color: #173b37; font: 700 18px/1.2 var(--display); }
    .course-quiz-count { flex: 0 0 auto; padding: 5px 8px; color: #385c55; background: #e1efe9; border-radius: 99px; font-size: 9px; font-weight: 700; }
    .course-quiz-intro { margin: 9px 0 14px; color: #5c6d68; font-size: 11px; line-height: 1.6; }
    .course-quiz-progress { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 7px; color: #64766e; font-size: 10px; font-weight: 600; }
    .course-quiz-track { height: 5px; overflow: hidden; background: #dce7e1; border-radius: 99px; }
    .course-quiz-track span { display: block; height: 100%; background: linear-gradient(90deg, #3d9c82, #d8a83d); border-radius: inherit; transition: width .3s ease; }
    .course-quiz-question { margin: 16px 0 11px; color: #1d3850; font: 700 15px/1.4 var(--display); }
    .course-quiz-options { display: grid; gap: 8px; }
    .course-quiz-option { display: grid; grid-template-columns: 27px 1fr; align-items: center; gap: 9px; min-height: 43px; padding: 8px 11px; color: #344c57; background: #fff; border: 1px solid #dce7e2; border-radius: 7px; text-align: left; cursor: pointer; font-size: 11px; line-height: 1.45; transition: background .2s, border-color .2s, transform .2s; }
    .course-quiz-option > span { display: grid; place-items: center; width: 25px; height: 25px; color: #527067; background: #eef4f1; border-radius: 6px; font-size: 9px; font-weight: 700; }
    .course-quiz-option:not(:disabled):hover { transform: translateY(-1px); border-color: #78b8a1; background: #f8fcf9; }
    .course-quiz-option:disabled { cursor: default; }
    .course-quiz-option.is-correct { border-color: #53a987; background: #eaf7ef; }
    .course-quiz-option.is-incorrect { border-color: #d58779; background: #fff0ed; }
    .course-quiz-feedback { margin-top: 12px; padding: 11px 12px; border-radius: 7px; font-size: 11px; }
    .course-quiz-feedback:empty { display: none; }
    .course-quiz-feedback.is-correct { color: #26583f; background: #e8f5eb; }
    .course-quiz-feedback.is-incorrect { color: #744238; background: #fff0ec; }
    .course-quiz-feedback p, .course-quiz-result p { margin: 4px 0 10px; line-height: 1.6; }
    .course-quiz-feedback .btn, .course-quiz-result .btn { min-height: 36px; padding: 8px 12px; font-size: 10px; }
    .course-quiz-result { text-align: center; padding: 10px 4px 0; }
    .course-quiz-result > strong { display: block; color: #237562; font: 800 36px/1 var(--display); }
    .course-quiz-result p { max-width: 390px; margin: 10px auto 14px; color: #526762; font-size: 11px; }
    .palette { width: min(560px, calc(100% - 24px)); align-self: start; margin-top: 14vh; overflow: visible; background: #0d1940; border: 1px solid #354976; color: var(--ink); }
    .palette input { width: 100%; min-height: 57px; padding: 0 19px; color: var(--ink); background: transparent; border: 0; border-bottom: 1px solid #26385f; outline: 0; font-size: 15px; }
    .palette-list { max-height: 340px; overflow: auto; padding: 8px; }
    .palette-item { display: flex; justify-content: space-between; gap: 12px; width: 100%; padding: 11px 12px; color: #dce9ff; background: transparent; border: 0; border-radius: 5px; text-align: left; cursor: pointer; font-size: 12px; }
    .palette-item small { color: #8196bb; font-size: 10px; }
    .palette-item[aria-selected="true"], .palette-item:hover { background: #1c2d58; }
    .palette-hint { padding: 9px 14px; color: #7f93b7; border-top: 1px solid #26385f; font-size: 9px; }
    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

    @media (max-width: 1000px) {
      .nav-wrap { gap: 15px; }.nav-links { gap: 12px; }.nav-links a, .nav-course-toggle { font-size: 11px; }.nav-actions .btn { display: none; }
      .header .logo img { width: 74px; height: 40px; }
      .hero-layout { gap: 30px; }.hero h1 { font-size: clamp(37px, 5.12vw, 54px); }
      .addon-benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 760px) {
      html { scroll-padding-top: 70px; }.wrap { width: min(100% - 34px, var(--wrap)); }.section { padding: 72px 0; }
      .announcement { font-size: 10px; gap: 6px; }.announcement a { margin-left: 0; }
      .nav-wrap { width: 100%; height: 64px; justify-content: space-between; padding-inline: 17px; }.menu-toggle { display: block; order: 3; }.nav-actions { margin-left: auto; }.search-trigger { width: 39px; height: 39px; padding: 0; justify-content: center; font-size: 0; }.search-trigger kbd { display: none; }
      .header .logo img { width: min(66px, 18vw); height: 36px; }
      .header .logo-name { font-size: 13px; }
      .nav-links { position: absolute; top: 64px; left: 0; right: 0; display: none; align-items: stretch; padding: 10px 18px 17px; background: #07112d; border-bottom: 1px solid var(--line); }
      .nav-links.open { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px 12px; }.nav-links a { display: block; padding: 10px; font-size: 12px; }
      .nav-courses, .nav-internships { grid-column: 1/-1; }
      .nav-course-toggle { min-height: 40px; padding: 10px; font-size: 12px; }
      .course-menu { position: static; grid-template-columns: 1fr; gap: 6px; width: 100%; max-height: 45vh; margin: 2px 0 8px; padding: 8px; box-shadow: none; }
      .internship-nav-menu { position: static; grid-template-columns: 1fr 1fr; gap: 6px; width: 100%; max-height: 40vh; overflow: auto; margin: 2px 0 8px; padding: 8px; box-shadow: none; }
      .syllabus-heading { align-items: flex-start; flex-direction: column; gap: 3px; }.module-detail { padding-left: 14px; }.module-list summary { align-items: flex-start; flex-direction: column; gap: 4px; }
      .about-hero { padding: 65px 0 58px; }.about-hero-inner { grid-template-columns: 1fr; gap: 35px; }.about-hero::after { right: -120px; top: 15%; width: 210px; height: 210px; }.about-lead { font-size: 14px; }.about-nameplate { margin-top: 32px; }.about-hero-visual, .about-hero-visual img { min-height: 280px; }.about-hero-visual { transform: none; }
      .about-learning-layout { grid-template-columns: 1fr; gap: 30px; }.about-photo-grid { grid-template-rows: 190px 170px auto; }
      .mentor-guidance-layout { grid-template-columns: 1fr; gap: 38px; }.mentor-teaching-visual { min-height: 330px; }.mentor-teaching-main { inset: 0 9% 28px 0; }.mentor-image-note { bottom: -20px; font-size: 9px; }
      .corporate-training-layout { grid-template-columns: 1fr; gap: 34px; }
      .addon-benefits-grid { grid-template-columns: 1fr; }
      .about-principles { grid-template-columns: 1fr; }.about-principle { min-height: 0; }.about-principle > span { margin-bottom: 14px; }
      .about-course-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.about-course { min-height: 0; padding: 16px; }
      .about-support-layout { grid-template-columns: 1fr; gap: 28px; }.about-footer { align-items: flex-start; flex-direction: column; }.about-footer-links { gap: 12px 18px; }
      .hero { min-height: 0; padding: 58px 0 65px; }.hero .wrap { width: min(100% - 34px, var(--wrap)); }.hero-layout { grid-template-columns: 1fr; gap: 45px; }.hero-copy { max-width: 620px; }.hero h1 { font-size: clamp(38px, 9.6vw, 58px); }.hero-copy > p { font-size: 14px; }.form-stage { width: min(500px, 100%); margin-inline: auto; padding: 10px 17px 18px; }.enquiry-card { margin: 0; }
      .course-tools { align-items: stretch; flex-direction: column; }.course-control-row { display: grid; grid-template-columns: 1fr 1fr; }.course-result-count { grid-column: 1/-1; }.course-search { width: 100%; }.filters { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }.filter-btn { flex: 0 0 auto; }
      .course-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }.course-art { height: 145px; }.course-info { padding: 14px; }.course-info h3 { font-size: 17px; }.course-info p { min-height: 52px; }
      .finder-layout { grid-template-columns: 1fr; gap: 27px; }.finder-layout .section-head { max-width: 540px; }.quiz-panel { padding: 20px; }
      .roadmap { grid-template-columns: 1fr; gap: 16px; padding: 8px 0 8px 58px; }.roadmap::before, .roadmap-fill { top: var(--road-start, 30px); bottom: auto; left: 22px; width: 3px; height: var(--road-length, calc(100% - 60px)); }.roadmap-fill { height: 0; width: 3px; }.road-step { min-height: 0; padding: 19px 20px; }.road-node { top: 19px; left: -58px; width: 46px; height: 46px; transform: none; }.road-step.active { transform: translateX(4px); }.road-step h3 { padding-top: 0; }.road-step p { max-width: 100%; }.road-step small { margin-top: 11px; }
      .mentor-grid { grid-template-columns: repeat(2, 1fr); }.mentor-card { min-height: 220px; padding: 18px 15px; }
      .progress-intro { grid-template-columns: 1fr .8fr; gap: 25px; }.progress-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }.progress-card { min-height: 245px; }
      .internship-heading h2 { font-size: clamp(44px, 8vw, 62px); }.internship-heading > p:not(.internship-kicker) { font-size: 14px; }.internship-course-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }.internship-course-card, .internship-course-content { min-height: 250px; }.internship-course-content { padding: 21px 19px 19px; }.internship-course-content h3 { font-size: 16px; }.internship-course-content p { font-size: 11px; }
      .story-layout { grid-template-columns: .75fr 1.25fr; }.story-photo, .story-testimonial { min-height: 350px; }.story-testimonial { padding: 28px; }.story-course { font-size: clamp(25px, 3.44vw, 34px); }
      .faq-list { grid-template-columns: 1fr; }.closing-inner { align-items: flex-start; flex-direction: column; padding: 25px; }
      .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px 24px; }
    }
    @media (max-width: 480px) {
      .hero h1 { font-size: 37px; }.stats-row { gap: 7px; }.stat-pill { grid-template-columns: 54px minmax(0, 1fr); gap: 9px; padding: 10px; }.stat-pill > strong { font-size: 20px; }.stat-copy h2 { font-size: 11px; }.stat-copy p { font-size: 10px; }
      .about-hero h1 { font-size: 34px; }.about-course-grid { grid-template-columns: 1fr; }.about-nameplate strong { font-size: 10px; }.about-support-card { padding: 20px; }
      .about-course-flow { grid-template-columns: 1fr; gap: 16px; padding: 19px; }.about-course-flow ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }.about-photo-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 145px auto; }.about-photo-main { grid-column: 1/-1; grid-row: auto; }
      .course-grid { grid-template-columns: 1fr; }.course-card { display: grid; grid-template-columns: 38% 1fr; min-height: 150px; }.course-art { height: 100%; min-height: 150px; }.course-info { display: flex; flex-direction: column; justify-content: center; padding: 13px; }.course-info p { min-height: 0; margin-bottom: 11px; }.course-meta { font-size: 9px; }.course-info h3 { font-size: 16px; }.course-foot { padding-top: 8px; }
      .internship-heading h2 { font-size: clamp(39px, 10vw, 48px); }.internship-heading > p:not(.internship-kicker) { font-size: 13px; }.internship-highlights { align-items: center; flex-direction: column; }.internship-highlights li { width: min(100%, 310px); justify-content: center; }.internship-course-grid { grid-template-columns: 1fr; }.internship-course-card, .internship-course-content { min-height: 0; }.internship-course-content { padding: 22px 20px 20px; }.internship-course-content h3 { font-size: 17px; }.internship-course-content p { margin-bottom: 12px; }
      .quiz-options { grid-template-columns: 1fr; }.quiz-option { min-height: 46px; }
      .addon-benefit-card { min-height: 0; padding: 20px; }
      .progress-intro { grid-template-columns: 1fr; gap: 18px; margin-bottom: 30px; }.progress-intro h2 { font-size: 34px; }.progress-intro-copy p { font-size: 13px; }.progress-steps { grid-template-columns: 1fr; gap: 10px; }.progress-card { min-height: 0; padding: 19px; }.progress-card-top { margin-bottom: 14px; }.progress-cta { align-items: flex-start; flex-direction: column; gap: 17px; padding: 22px; }.progress-cta h3 { font-size: 19px; }
      .story-layout { grid-template-columns: 1fr; }.story-photo { min-height: 290px; }.story-testimonial { min-height: 0; padding: 26px 23px; }.story-course { font-size: 30px; }
      .footer-grid { grid-template-columns: 1fr 1fr; }.footer-about { grid-column: 1/-1; }.footer-bottom { flex-direction: column; }
      .floating-enquire { right: 15px; bottom: 15px; width: 44px; height: 44px; }.back-top { right: 68px; bottom: 19px; }
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
      .motion-ready .motion-item, .motion-ready .motion-item.is-visible { opacity: 1 !important; translate: none !important; scale: 1 !important; }
      .road-step, .road-step.active { opacity: 1; transform: none; }
      .course-art::before,       .course-art::before, .course-art svg > g, .course-art svg circle, .course-art-tags span { animation: none !important; }
    }

    /* Ice-blue premium learning theme */
    :root {
      color-scheme: light;
      --night: #0b1f3a;
      --hero: #ffffff;
      --surface: #ffffff;
      --surface-2: #f0f7ff;
      --ink: #111827;
      --muted: #64748b;
      --line: #e2e8f0;
      --ice: #bfe3ff;
      --yellow: #2563eb;
      --mint: #7db8f4;
      --light: #ffffff;
      --light-surface: #ffffff;
      --light-ink: #111827;
      --brand: #2563eb;
      --display: "Manrope", "DM Sans", sans-serif;
      --body: "DM Sans", sans-serif;
      --shadow: 0 24px 70px #0b1f3a1a;
    }
    html { scroll-padding-top: 84px; }
    body { background: #fff; color: #111827; }
    :focus-visible { outline-color: #2563eb; }
    .section { padding-block: clamp(68px, 8vw, 104px); }
    .section::before, .section::after { opacity: 0 !important; }
    .section-dark, .section-light { color: #111827; background: #fff; }
    .section-light .eyebrow, .eyebrow { color: #2563eb; }
    .section-head, .section-light .section-head, #courses .section-head, .finder-layout .section-head {
      max-width: 760px; padding: 0; overflow: visible; color: #0b1f3a; background: transparent;
      border: 0; border-radius: 0; box-shadow: none; text-align: left;
    }
    .section-head::before, .section-head::after { display: none; }
    .section-head .eyebrow { display: block; width: fit-content; margin: 0 0 14px; padding: 0; color: #2563eb; background: transparent; border: 0; }
    .section-head h2, #courses .section-head h2 { color: #0b1f3a; font: 800 clamp(30px, 4vw, 46px)/1.12 var(--display); letter-spacing: -.045em; }
    .section-head h2::after { display: none; }
    .section-head p:last-child, .section-light .section-head p:last-child, #courses .section-head p:last-child { max-width: 620px; margin: 15px 0 0; color: #64748b; font-size: 16px; line-height: 1.75; }
    .btn { min-height: 47px; padding-inline: 20px; border-radius: 9px; font-size: 13px; transition: transform .2s, background .2s, box-shadow .2s, border-color .2s; }
    .btn-yellow, .btn-dark { color: #fff; background: #2563eb; box-shadow: 0 8px 20px #2563eb24; }
    .btn-yellow:hover, .btn-dark:hover { color: #fff; background: #1d4ed8; box-shadow: 0 12px 24px #2563eb30; }
    .btn-line { color: #0b1f3a; background: #fff; border-color: #cbd5e1; }
    .btn-line:hover { color: #1d4ed8; background: #f0f7ff; border-color: #93c5fd; }
    .text-link, .text-link:hover { color: #2563eb; }
    .top-progress { height: 3px; background: #2563eb; box-shadow: none; }

    .header { background: #ffffffed; border-bottom: 1px solid #e2e8f0; box-shadow: 0 4px 18px #0b1f3a08; backdrop-filter: blur(16px); }
    .nav-wrap { height: 76px; gap: clamp(12px, 2vw, 28px); }
    .logo-mark { color: #2563eb; }
    .logo-mark path:first-child { stroke: #2563eb; }
    .logo-mark path:nth-child(2) { stroke: #2563eb; }
    .logo-mark circle { fill: #2563eb; }
    .logo-badge { background: none; color: #0b1f3a; }
    .logo-word { color: #64748b; }
    .nav-links { gap: clamp(11px, 1.7vw, 23px); }
    .nav-links a, .nav-course-toggle { color: #475569; font-size: 12px; }
    .nav-links a:hover, .nav-course-toggle:hover, .nav-course-toggle[aria-expanded="true"] { color: #2563eb; }
    .search-trigger { color: #475569; background: #fff; border-color: #e2e8f0; border-radius: 8px; }
    .search-trigger kbd { color: #64748b; border-color: #e2e8f0; }
    .nav-actions .btn { display: inline-flex; min-height: 41px; padding-inline: 16px; }
    .menu-toggle { border-color: #dbe5f0; }
    .menu-toggle span { background: #0b1f3a; }
    .course-menu, .internship-nav-menu { background: #fff; border-color: #e2e8f0; box-shadow: 0 22px 60px #0b1f3a20; }
    .course-menu-item, .internship-nav-menu a { color: #334155; background: #fff; border-color: #e2e8f0; }
    .course-menu-item:hover, .internship-nav-menu a:hover { color: #0b1f3a; background: #f0f7ff; border-color: #bfdbfe; }
    .course-menu-item strong { color: #0b1f3a; }
    .course-menu-item small { color: #2563eb; }
    .course-menu-item span { color: #64748b; }
    .internship-nav-menu a { color: #334155; }

    .hero { min-height: 0; padding: clamp(68px, 8vw, 110px) 0 42px; background: radial-gradient(ellipse at 79% 22%, #bfe3ff88, transparent 34%), radial-gradient(ellipse at 14% 90%, #f0f7ff 0, transparent 42%), #fff; }
    .hero::before { opacity: .35; background: radial-gradient(ellipse at 78% 43%, #bfe3ff 0, transparent 34%), radial-gradient(ellipse at 20% 85%, #dceeff 0, transparent 36%); filter: blur(32px); }
    .hero::after { top: 8%; right: 2%; width: min(45vw, 600px); border-color: #bfdbfe55; box-shadow: 0 0 0 40px #dbeeff25, 0 0 0 90px #eff7ff45; }
    #network, .hero-grid, .hero .glow { opacity: 0 !important; }
    .hero .wrap { width: min(var(--wrap), calc(100% - 48px)); }
    .hero-layout { grid-template-columns: 1fr 1fr; gap: clamp(35px, 6vw, 90px); }
    .hero-copy { max-width: 610px; }
    .hero-kicker { margin-bottom: 22px; color: #2563eb; font-size: 11px; letter-spacing: .11em; }
    .live-dot { background: #2563eb; box-shadow: 0 0 0 5px #dbeafe; }
    .hero h1 { max-width: 650px; color: #0b1f3a; font: 800 clamp(45px, 6.1vw, 76px)/1.02 var(--display); letter-spacing: -.065em; }
    .hero h1 .role-line { min-height: 0; margin-top: 8px; color: #2563eb; }
    .hero-copy > p { max-width: 550px; margin: 24px 0 29px; color: #64748b; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.75; }
    .hero-buttons { gap: 12px; }
    .hero-dashboard { position: relative; display: grid; min-height: 440px; place-items: center; isolation: isolate; }
    .dashboard-window { position: relative; z-index: 2; width: min(100%, 500px); overflow: hidden; padding: 0 22px 20px; background: #fff; border: 1px solid #dce9f5; border-radius: 20px; box-shadow: 0 32px 85px #19456c20, 0 5px 16px #0b1f3a0a; transform: rotate(1deg); animation: dashboard-hover 7s ease-in-out infinite; }
    @keyframes dashboard-hover { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
    .dashboard-window-bar { display: flex; align-items: center; justify-content: space-between; height: 52px; margin-inline: -22px; padding: 0 18px; color: #7890a8; border-bottom: 1px solid #edf2f7; font-size: 9px; font-weight: 700; letter-spacing: .12em; }
    .dashboard-window-dots { display: flex; gap: 5px; }
    .dashboard-window-dots i { width: 7px; height: 7px; background: #dbeafe; border-radius: 50%; }
    .dashboard-window-dots i:first-child { background: #93c5fd; }
    .dashboard-avatar { display: grid; place-items: center; width: 27px; height: 27px; color: #1d4ed8; background: #eff6ff; border-radius: 50%; font-size: 11px; }
    .dashboard-welcome { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 25px 0 19px; }
    .dashboard-welcome > div { display: grid; gap: 6px; }
    .dashboard-overline, .dashboard-course-copy > span { color: #2563eb; font-size: 8px; font-weight: 700; letter-spacing: .12em; }
    .dashboard-welcome strong { color: #0b1f3a; font: 700 18px/1.35 var(--display); }
    .dashboard-spark { display: grid; place-items: center; width: 35px; height: 35px; color: #2563eb; background: #eff6ff; border-radius: 11px; font-size: 17px; }
    .dashboard-course { display: flex; align-items: center; gap: 13px; padding: 15px; background: linear-gradient(110deg, #f0f7ff, #f8fbff); border: 1px solid #e1edf8; border-radius: 12px; }
    .dashboard-course-icon { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; color: #2563eb; background: #fff; border: 1px solid #dbeafe; border-radius: 11px; font-size: 20px; }
    .dashboard-course-copy { display: grid; gap: 3px; flex: 1; }
    .dashboard-course-copy > span { color: #64748b; font-size: 7px; }
    .dashboard-course-copy strong { color: #0b1f3a; font: 700 13px var(--display); }
    .dashboard-course-copy small { color: #64748b; font-size: 9px; }
    .dashboard-arrow { color: #2563eb; font-size: 18px; }
    .dashboard-progress { margin-top: 17px; padding: 15px; background: #fff; border: 1px solid #edf2f7; border-radius: 11px; }
    .dashboard-progress > div:first-child { display: flex; justify-content: space-between; color: #475569; font-size: 10px; }
    .dashboard-progress > div:first-child strong { color: #2563eb; font-size: 9px; }
    .dashboard-progress-track { height: 7px; margin: 11px 0 8px; overflow: hidden; background: #eaf2fa; border-radius: 8px; }
    .dashboard-progress-track i { display: block; width: 62%; height: 100%; background: linear-gradient(90deg, #60a5fa, #2563eb); border-radius: inherit; animation: dashboard-progress-in 1.2s ease-out both; }
    @keyframes dashboard-progress-in { from { width: 5%; } }
    .dashboard-milestones { display: flex; justify-content: space-between; color: #94a3b8; font-size: 8px; }
    .dashboard-milestones span:first-child, .dashboard-milestones span:nth-child(2) { color: #2563eb; }
    .dashboard-bottom { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding-top: 15px; }
    .dashboard-next { display: flex; align-items: center; gap: 9px; }
    .dashboard-next-icon { display: grid; place-items: center; width: 31px; height: 31px; color: #2563eb; background: #eff6ff; border-radius: 9px; }
    .dashboard-next div { display: grid; gap: 2px; }
    .dashboard-next small { color: #64748b; font-size: 7px; font-weight: 700; letter-spacing: .08em; }
    .dashboard-next strong { color: #0b1f3a; font: 700 10px var(--display); }
    .dashboard-mini-chart { display: flex; align-items: end; gap: 4px; height: 32px; }
    .dashboard-mini-chart i { width: 7px; height: 12px; background: #bfdbfe; border-radius: 4px 4px 2px 2px; }
    .dashboard-mini-chart i:nth-child(2), .dashboard-mini-chart i:nth-child(5) { height: 21px; }
    .dashboard-mini-chart i:nth-child(3), .dashboard-mini-chart i:nth-child(6) { height: 16px; }
    .dashboard-mini-chart i:nth-child(4), .dashboard-mini-chart i:nth-child(7) { height: 29px; background: #60a5fa; }
    .dashboard-float-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 11px 14px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 15px 38px #0b1f3a18; animation: dashboard-hover 6s ease-in-out infinite reverse; }
    .dashboard-float-card > span:last-child { display: grid; gap: 2px; }
    .dashboard-float-card strong { color: #0b1f3a; font: 700 10px var(--display); }
    .dashboard-float-card small { color: #64748b; font-size: 8px; }
    .dashboard-float-top { top: 56px; right: -20px; }
    .dashboard-float-bottom { bottom: 48px; left: -27px; animation-delay: -2s; }
    .dashboard-float-check, .dashboard-float-blue { display: grid; place-items: center; width: 27px; height: 27px; color: #1d4ed8; background: #eff6ff; border-radius: 8px; font-weight: 700; }
    .dashboard-orbit { position: absolute; z-index: 0; border: 1px solid #93c5fd55; border-radius: 50%; }
    .dashboard-orbit-a { width: 390px; height: 390px; animation: about-orbit 45s linear infinite; }
    .dashboard-orbit-b { width: 465px; height: 465px; border-color: #dbeafe; }
    .stats-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: clamp(43px, 6vw, 74px); border-top: 1px solid #e2e8f0; }
    .stat-pill { display: flex; align-items: center; gap: 17px; min-height: 98px; padding: 18px 30px 14px 0; background: transparent; border: 0; }
    .stat-pill + .stat-pill { padding-left: 30px; border-left: 1px solid #e2e8f0; }
    .stat-pill > strong { color: #0b1f3a; font: 800 clamp(32px, 4vw, 45px)/1 var(--display); letter-spacing: -.06em; }
    .stat-copy h2 { margin: 0; color: #64748b; font: 600 12px/1.45 var(--body); }

    .tech-strip { padding: 17px 0; background: #f0f7ff; border-block: 1px solid #e2e8f0; }
    .tech-strip::before { display: none; }
    .tech-word, .tech-word:nth-child(3n) { color: #58718c; }
    .tech-word i { background: #60a5fa; }
    #courses { color: #111827; background: #f0f7ff; }
    #courses::before { opacity: .25; background-image: linear-gradient(#2563eb0b 1px, transparent 1px), linear-gradient(90deg, #2563eb0b 1px, transparent 1px); }
    #courses::after { opacity: .3; }
    #courses .section-head { max-width: 820px; margin: 0 0 36px; color: #0b1f3a; background: transparent; border: 0; box-shadow: none; text-align: left; }
    #courses .section-head::before, #courses .section-head::after { display: none; }
    #courses .section-head .eyebrow { color: #2563eb; background: transparent; border: 0; }
    #courses .section-head h2 span { background: none; color: #2563eb; text-shadow: none; -webkit-text-fill-color: #2563eb; }
    #courses .section-head h2::after { display: none; }
    #courses .section-head p:last-child { color: #64748b; }
    .course-result-count { color: #64748b; }
    .course-sort, .course-search { color: #334155; background-color: #fff; border-color: #dbe5f0; box-shadow: 0 3px 8px #0b1f3a06; }
    #courses .filter-btn { color: #475569; background: #fff; border-color: #dbe5f0; box-shadow: none; }
    #courses .filter-btn:not(.active) { color: #475569; background: #fff; border-color: #dbe5f0; }
    #courses .filter-btn:not(.active):hover { color: #1d4ed8; background: #eff6ff; border-color: #bfdbfe; }
    #courses .filter-btn.active { color: #fff; background: #2563eb; border-color: #2563eb; box-shadow: 0 5px 14px #2563eb27; }
    .course-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
    .course-card { display: flex; flex-direction: column; background: #fff; border-color: #e2e8f0; border-radius: 15px; box-shadow: 0 5px 20px #0b1f3a08; }
    .course-card:hover, .course-card:focus-visible { border-color: #93c5fd; box-shadow: 0 18px 38px #0b1f3a12, 0 0 0 2px #dbeafe; }
    .course-art { height: 165px; background: linear-gradient(135deg, #eff7ff, #dbeeff) !important; }
    .course-art::before { opacity: .24; }
    .course-art::after { background: #fff8; }
    .course-art svg { filter: none; }
    .course-art svg [fill="#102d57"] { fill: #dceeff; }
    .course-art svg [fill="#0f2049"], .course-art svg [fill="#102549"] { fill: #dceeff; }
    .course-art svg [stroke="#dcecff"], .course-art svg > g { stroke: #366b9d; }
    .course-art svg > path { stroke: #4585bd; }
    .course-art-tags span { color: #1d4ed8; background: #fff; border-color: #dbeafe; box-shadow: 0 2px 7px #0b1f3a0d; }
    .course-info { display: flex; flex: 1; flex-direction: column; padding: 18px 19px 19px; background: #fff; border-top: 1px solid #eef2f7; }
    .course-meta { color: #64748b; }
    .course-meta span:first-child { color: #1d4ed8; background: #eff6ff; border-color: #dbeafe; }
    .course-title-row { min-height: 54px; }
    .course-icon { --icon-bg: #eff6ff !important; --icon-color: #2563eb !important; border-color: #dbeafe; border-radius: 11px; box-shadow: none; }
    .course-info h3 { color: #0b1f3a; font-size: 17px; }
    .course-info h3::after { display: none; }
    .course-card:hover .course-info h3 { color: #1d4ed8; }
    .course-info p { flex: 1; min-height: 0; color: #64748b; font-size: 12px; }
    .course-foot { color: #64748b; border-color: #eef2f7; }
    .course-foot strong { color: #2563eb; }
    .course-foot strong i { color: #2563eb; }

    .finder-layout { grid-template-columns: .88fr 1.12fr; gap: clamp(34px, 6vw, 76px); align-items: center; }
    #finder { overflow: hidden; background: linear-gradient(135deg, #eef7ff, #e6f2ff 55%, #f8fbff); }
    #finder::before { opacity: .75 !important; background: radial-gradient(ellipse at 96% 9%, #bfdbfe88, transparent 33%), radial-gradient(ellipse at 8% 92%, #dbeafeaa, transparent 38%); filter: blur(22px); }
    #finder::after { opacity: .23 !important; background-image: radial-gradient(circle, #2563eb50 0 1px, transparent 1.8px), linear-gradient(115deg, transparent 30%, #ffffffaa 49%, transparent 68%); }
    .finder-layout .section-head { position: relative; z-index: 1; }
    .finder-layout .section-head h2 { max-width: 520px; }
    .finder-cta { margin-top: 23px; }
    .quiz-panel { padding: clamp(20px, 3vw, 31px); color: #0b1f3a; background: #fff; border: 1px solid #d8e8f7; border-radius: 18px; box-shadow: 0 20px 55px #0b1f3a12; }
    .quiz-top { color: #64748b; }
    .quiz-top span:last-child { color: #2563eb; }
    .quiz-progress { background: #eaf2fa; }
    .quiz-progress span { background: linear-gradient(90deg, #93c5fd, #2563eb); box-shadow: none; }
    .quiz-panel h3 { color: #0b1f3a; font-size: clamp(21px, 2.4vw, 26px); }
    .quiz-option { color: #334155; background: #f8fbff; border-color: #e2e8f0; border-radius: 10px; }
    .quiz-option:hover, .quiz-option:focus-visible { color: #1d4ed8; background: #eff6ff; border-color: #93c5fd; box-shadow: 0 6px 18px #2563eb12; }
    .quiz-option-mark { color: #1d4ed8; background: #eff6ff; border-color: #dbeafe; }
    .quiz-option-arrow { color: #2563eb; }
    .quiz-navigation > span { color: #64748b; }
    .quiz-back { color: #475569; border-color: #dbe5f0; }
    .quiz-back:hover { color: #1d4ed8; background: #eff6ff; border-color: #93c5fd; }
    .match-row { background: #f8fbff; border-color: #e2e8f0; }
    .match-rank { color: #2563eb; }
    .match-row strong { color: #0b1f3a; }
    .match-row small, .match-row p { color: #64748b; }
    .quiz-result > .eyebrow { color: #2563eb; }
    .quiz-result-actions .btn-line { color: #0b1f3a; }

    #corporate-training, #mentors, #add-on-benefits { background: #fff; }
    #why { background: #f0f7ff; }
    .progress-intro h2, .progress-card h3, .benefits-intro h2, .mentor-guidance-copy h2, .corporate-training-copy h2 { color: #0b1f3a; }
    .progress-intro-copy p, .progress-card > p:last-child, .mentor-guidance-copy > p:not(.eyebrow), .corporate-training-copy > p:not(.eyebrow) { color: #64748b; }
    .progress-steps { gap: 16px; }
    .progress-card, .addon-benefit-card { background: #fff; border-color: #e2e8f0; border-radius: 14px; box-shadow: 0 5px 20px #0b1f3a08; }
    .progress-card:hover, .addon-benefit-card:hover { border-color: #bfdbfe; box-shadow: 0 16px 34px #0b1f3a12; }
    .progress-label, .progress-card:nth-child(n) .progress-label, .benefit-icon { color: #2563eb; }
    .progress-icon, .progress-card:nth-child(n) .progress-icon { color: #2563eb; background: #eff6ff; border-color: #dbeafe; }
    .progress-number { color: #94a3b8; }
    .progress-cta { color: #0b1f3a; background: #e5f2ff; border-color: #d3e7fb; border-radius: 14px; }
    .progress-cta-label { color: #2563eb; }
    .progress-cta p { color: #64748b; }
    .addon-benefits-section { background: #fff; }
    .benefits-intro h2, .benefits-intro .eyebrow { color: #0b1f3a; }
    .benefits-intro .eyebrow { color: #2563eb; }
    .benefits-intro > p:last-child, .benefits-note { color: #64748b; }
    .addon-benefit-card h3 { color: #0b1f3a; }
    .addon-benefit-card p { color: #64748b; }
    .benefit-icon, .addon-benefit-card:nth-child(n) .benefit-icon { color: #2563eb; background: #eff6ff; border-color: #dbeafe; }
    .mentor-support-point > span, .corporate-training-points li > span { color: #2563eb; background: #eff6ff; border-color: #dbeafe; }
    .mentor-support-point strong, .corporate-training-points strong { color: #0b1f3a; }
    .mentor-support-point p, .corporate-training-points p, .corporate-training-note { color: #64748b; }
    .mentor-guidance-copy .eyebrow, .corporate-training-copy .eyebrow { color: #2563eb; }
    .internship-section { color: #111827; background: #f0f7ff; }
    .internship-heading h2 { color: #0b1f3a; }
    .internship-heading > p:not(.internship-kicker) { color: #64748b; }
    .internship-kicker, .internship-topic { color: #2563eb; }
    .internship-highlights li { color: #334155; background: #fff; border-color: #dbeafe; }
    .internship-course-card { background: #fff; border-color: #e2e8f0; box-shadow: 0 7px 24px #0b1f3a0a; }
    .internship-course-content h3 { color: #0b1f3a; }
    .internship-course-content p { color: #64748b; }
    .internship-tags span { color: #1d4ed8; background: #eff6ff; border-color: #dbeafe; }
    .internship-course-content button { color: #2563eb; }
    #roadmap { color: #0b1f3a; background: #fff; }
    #roadmap .section-head { margin-bottom: 54px; }
    .roadmap { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
    .roadmap::before { background: #dbeafe; }
    .roadmap-fill { background: #2563eb; box-shadow: none; }
    .road-step, .road-step.active { min-height: 185px; padding: 30px 15px 16px; color: #0b1f3a; background: #fff; border-color: #e2e8f0; border-radius: 14px; box-shadow: 0 6px 22px #0b1f3a08; }
    .road-step.in-view { opacity: 1; }
    .road-step.active { border-color: #bfdbfe; box-shadow: 0 12px 28px #2563eb12; }
    .road-node { color: #2563eb; background: #eff6ff; border-color: #bfdbfe; }
    .road-step.active .road-node { color: #fff; background: #2563eb; border-color: #2563eb; box-shadow: 0 0 0 5px #dbeafe; }
    .road-node svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
    .road-step h3 { color: #0b1f3a; }
    .road-step p { color: #64748b; }
    .road-step small { color: #2563eb; background: #eff6ff; border-color: #dbeafe; }
    .roadmap-fill { height: 3px; }

    .story-section, #faq { background: #f0f7ff; }
    #faq .section-head { margin-bottom: 34px; }
    .faq-item { color: #0b1f3a; background: #fff; border-color: #e2e8f0; border-radius: 11px; }
    .faq-item summary::after { color: #2563eb; }
    .faq-item p { color: #64748b; }
    .story-testimonial { color: #0b1f3a; background: #fff; border-color: #e2e8f0; }
    .story-testimonial blockquote, .story-attribution { color: #64748b; }
    .story-course { color: #0b1f3a; }
    .story-controls button { color: #2563eb; background: #eff6ff; border-color: #dbeafe; }
    .closing { background: #fff; }
    .closing::before { opacity: .55; background: radial-gradient(ellipse at 15% 25%, #bfdbfe88 0, transparent 36%), radial-gradient(ellipse at 85% 80%, #dbeafe88 0, transparent 38%); }
    .closing::after { opacity: .1; }
    .closing-inner { background: #f0f7ff; border-color: #dbeafe; border-radius: 16px; }
    .closing h2 { color: #0b1f3a; }
    .closing p { color: #64748b; }

    .contact-section { background: #f0f7ff; }
    .contact-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(35px, 7vw, 95px); }
    .contact-copy { max-width: 500px; }
    .contact-copy .eyebrow { color: #2563eb; }
    .contact-copy h1, .contact-copy h2 { margin: 0; color: #0b1f3a; font: 800 clamp(32px, 4vw, 46px)/1.08 var(--display); letter-spacing: -.05em; }
    .contact-copy > p:not(.eyebrow) { margin: 17px 0 25px; color: #64748b; font-size: 16px; line-height: 1.75; }
    .contact-assurance { display: flex; align-items: center; gap: 9px; color: #475569; font-size: 12px; }
    .contact-assurance span { color: #2563eb; }
    .contact-page .contact-section { min-height: min(760px, calc(100vh - 90px)); display: grid; align-items: center; }
    .contact-page .contact-section {
      background-color: #0b1f3a;
      background-image:
        linear-gradient(110deg, rgba(5, 15, 38, .76), rgba(9, 26, 54, .58)),
        url("images/sanctum-spaze-background.jpg");
      background-position: center, center 45%;
      background-size: cover;
    }
    .contact-page .contact-copy { position: relative; align-self: start; max-width: 560px; padding: clamp(28px, 4vw, 46px); color: #f4f8ff; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
    .contact-page .contact-copy .eyebrow { margin-bottom: 14px; color: #91f0d9; }
    .contact-page .contact-copy h1 { color: #fff; }
    .contact-page .contact-copy > p:not(.eyebrow) { color: #d7e5f6; }
    .contact-page .contact-copy > .contact-assurance { margin: 0; color: #d7e5f6; }
    .contact-page .contact-copy .contact-assurance span { color: #91f0d9; }
    .contact-info-bar { color: #d7e5f6; background: #0b1f3a; border-top: 1px solid rgba(101, 223, 196, .22); border-bottom: 1px solid rgba(101, 223, 196, .22); }
    .contact-info-bar-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px 36px; min-height: 64px; padding-block: 12px; }
    .contact-info-bar p { display: flex; align-items: baseline; gap: 9px; margin: 0; font-size: 12px; line-height: 1.6; }
    .contact-info-bar p > span { color: #91f0d9; font-size: 15px; }
    .contact-info-bar strong { color: #fff; white-space: nowrap; }
    .contact-info-bar a { color: #91f0d9; text-decoration: underline; text-underline-offset: 3px; }
    .contact-info-bar small { color: #a9bbd9; font-size: 10px; }
    .contact-location-section { background: #f0f7ff; }
    .contact-location-card { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: clamp(26px, 4vw, 42px); color: #f4f8ff; background-color: #0b1f3a; background-image: linear-gradient(110deg, rgba(5, 15, 38, .82), rgba(9, 26, 54, .68)), url("images/sanctum-spaze-background.jpg"); background-position: center, center 45%; background-size: cover; border: 1px solid rgba(101, 223, 196, .3); border-radius: 16px; box-shadow: 0 20px 55px rgba(11, 31, 58, .2); }
    .contact-location-card .eyebrow { margin: 0 0 14px; color: #91f0d9; }
    .contact-location-card h2 { margin: 0; color: #fff; font: 800 clamp(24px, 3vw, 34px)/1.12 var(--display); }
    .contact-location-card address { margin: 18px 0; color: #e0ebf8; font-size: 14px; font-style: normal; line-height: 1.8; }
    .contact-location-card .text-link { display: inline-flex; align-items: center; gap: 10px; padding: 13px 17px; color: #0b1f3a; background: #91f0d9; border: 1px solid rgba(255, 255, 255, .45); border-radius: 9px; box-shadow: 0 8px 22px rgba(0, 7, 22, .24); transition: background .2s, color .2s, transform .2s; }
    .contact-location-card .text-link:hover { color: #0b1f3a; background: #fff; transform: translateY(-2px); }
    .contact-page .form-stage { max-width: 540px; padding: 0; justify-self: end; transform: translateX(clamp(0px, 2vw, 24px)); }
    .contact-page .contact-enquiry-card { width: 100%; max-width: 540px; margin: 0; padding: clamp(26px, 3vw, 36px); background: linear-gradient(145deg, #fff 0%, #f5fbff 100%); border: 1px solid rgba(191, 227, 255, .9); border-radius: 22px; box-shadow: 0 28px 70px rgba(4, 17, 43, .28); }
    .contact-page .contact-enquiry-card::before { right: 30px; left: 30px; height: 4px; background: linear-gradient(90deg, #65dfc4, #2563eb 58%, #f4b942); }
    .contact-page .contact-enquiry-card h2 { color: #102a4d; font-size: 27px; letter-spacing: -.025em; }
    .contact-page .contact-enquiry-card > p { margin-block: 9px 22px; color: #63758c; }
    .contact-page .contact-enquiry-card .field { gap: 8px; margin: 15px 0; }
    .contact-page .contact-enquiry-card .field label { color: #263f60; font-size: 12px; }
    .contact-page .contact-enquiry-card .field input,
    .contact-page .contact-enquiry-card .field select { min-height: 49px; padding-inline: 14px; border-radius: 8px; }
    .contact-page .contact-enquiry-card .btn { min-height: 50px; margin-top: 8px; border-radius: 9px; }
    .contact-page .contact-enquiry-card .form-note { margin-top: 12px; line-height: 1.55; }
    .contact-page .form-stage { max-width: 650px; }
    .contact-page .contact-enquiry-card { max-width: 650px; }
    .contact-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
    .contact-form-grid .field { min-width: 0; }
    .contact-form-grid .field--full { grid-column: 1 / -1; }
    .contact-page .contact-enquiry-card .contact-form-grid .field[hidden] { display: none; }
    @media (max-width: 760px) {
      .contact-page .contact-layout { grid-template-columns: 1fr; gap: 30px; }
      .contact-page .form-stage { justify-self: stretch; max-width: 520px; transform: none; }
      .contact-page .contact-enquiry-card { max-width: none; }
      .contact-form-grid { grid-template-columns: 1fr; }
      .contact-form-grid .field--full { grid-column: auto; }
      .contact-location-card { align-items: flex-start; flex-direction: column; }
      .contact-info-bar-inner { align-items: flex-start; flex-direction: column; gap: 8px; padding-block: 13px; }
    }
    .form-stage { width: 100%; max-width: 520px; margin-inline: auto; padding: 0; }
    .enquiry-card { margin: 0; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 20px 55px #0b1f3a12; }
    .enquiry-card h2 { color: #0b1f3a; }
    .enquiry-card > p { color: #64748b; }
    .field label { color: #334155; }
    .field input, .field select { color: #0b1f3a; background: #fff; border-color: #dbe5f0; }
    .field input::placeholder { color: #94a3b8; }
    .field input:focus, .field select:focus { border-color: #60a5fa; box-shadow: 0 0 0 3px #dbeafe; }
    .form-note { color: #64748b; }

    .footer { background: #0b1f3a; border-top: 0; }
    .footer::before { opacity: .18; background: radial-gradient(ellipse at 85% 10%, #2563eb55 0, transparent 35%); filter: blur(24px); }
    .footer::after { opacity: .06; }
    .footer .logo-badge { color: #fff; }
    .footer .logo-word { color: #bfdbfe; }
    .footer .logo-mark path:first-child, .footer .logo-mark path:nth-child(2) { stroke: #93c5fd; }
    .footer .logo-mark circle { fill: #60a5fa; }
    .footer-about p, .footer-col a, .footer-col address, .about-footer-links a, .about-footer > p { color: #cbd5e1; }
    .footer-col h3 { color: #fff; }

    h1, h2, h3 { letter-spacing: 0; text-wrap: balance; }
    .section-head h2 {
      max-width: 19ch; padding-bottom: 15px; line-height: 1.12;
    }
    .section-head h2::after {
      display: block; width: 48px; height: 3px; margin: 15px 0 0; content: "";
      background: linear-gradient(90deg, #2563eb, #60a5fa); border-radius: 2px;
    }
    .section-head p:last-child { text-wrap: pretty; }
    .footer-col a:hover, .about-footer-links a:hover { color: #93c5fd; }
    .footer-bottom { color: #94a3b8; border-color: #ffffff1c; }
    .floating-enquire { color: #fff; background: #2563eb; box-shadow: 0 8px 24px #0b1f3a30; }
    .back-top { color: #fff; background: #1e3a5f; }

    dialog { color: #111827; background: #fff; border-color: #e2e8f0; border-radius: 16px; }
    .dialog-head { border-color: #e2e8f0; }
    .dialog-head strong, .dialog-content h2, .syllabus-heading h3 { color: #0b1f3a; }
    .dialog-close { color: #475569; border-color: #e2e8f0; }
    .dialog-content > p { color: #64748b; }
    .course-dialog-art { background: #eff6ff; }
    .module-list, .module-list details { border-color: #e2e8f0; }
    .module-list summary { color: #0b1f3a; }
    .module-list summary span, .module-detail > strong { color: #2563eb; }
    .module-detail, .module-detail p { color: #64748b; }
    .module-detail p { background: #f0f7ff; }
    .module-detail p strong { color: #0b1f3a; }
    .course-knowledge-check { background: #f0f7ff; border-color: #dbeafe; }
    .course-quiz-heading h3, .course-quiz-question { color: #0b1f3a; }
    .course-quiz-heading .eyebrow, .course-quiz-count { color: #2563eb; }
    .course-quiz-intro, .course-quiz-progress { color: #64748b; }
    .course-quiz-option { color: #334155; background: #fff; border-color: #e2e8f0; }
    .course-quiz-option > span { color: #2563eb; background: #eff6ff; }
    .course-quiz-option.is-correct { background: #eff6ff; border-color: #60a5fa; }
    .course-quiz-option.is-incorrect { background: #fff7f5; border-color: #fca5a5; }
    .course-quiz-result > strong { color: #2563eb; }
    .course-quiz-result p { color: #64748b; }
    .palette { color: #111827; background: #fff; border-color: #e2e8f0; }
    .palette input { color: #0b1f3a; border-color: #e2e8f0; }
    .palette-item { color: #334155; }
    .palette-item small, .palette-hint { color: #64748b; }
    .palette-item[aria-selected="true"], .palette-item:hover { background: #eff6ff; }
    .palette-hint { border-color: #e2e8f0; }

    @media (max-width: 1100px) {
      .nav-wrap { gap: 12px; padding-inline: 20px; }
      .nav-links { gap: 12px; }
      .nav-links a, .nav-course-toggle { font-size: 11px; }
      .nav-actions { gap: 6px; }
      .search-trigger { padding-inline: 7px; }
      .nav-actions .btn { padding-inline: 12px; }
      .roadmap { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 48px; }
      .roadmap::before, .roadmap-fill { display: none; }
      .road-node { top: -23px; left: 16px; width: 38px; height: 38px; transform: none; }
    }
    @media (max-width: 760px) {
      html { scroll-padding-top: 70px; }
      .header .nav-wrap { height: 66px; }
      .nav-links { background: #fff; border-color: #e2e8f0; box-shadow: 0 18px 28px #0b1f3a12; }
      .nav-links a, .nav-course-toggle { color: #334155; }
      .nav-actions .btn { display: none; }
      .hero { padding: 58px 0 32px; }
      .hero .wrap { width: min(100% - 34px, var(--wrap)); }
      .hero-layout { grid-template-columns: 1fr; gap: 24px; }
      .hero-copy { max-width: 650px; }
      .hero h1 { font-size: clamp(43px, 9.3vw, 64px); }
      .hero-copy > p { font-size: 15px; }
      .hero-dashboard { min-height: 390px; }
      .dashboard-window { width: min(90%, 500px); }
      .dashboard-float-top { right: -2px; }
      .dashboard-float-bottom { left: 0; }
      .dashboard-orbit-a { width: min(82vw, 370px); height: min(82vw, 370px); }
      .dashboard-orbit-b { width: min(95vw, 430px); height: min(95vw, 430px); }
      .stats-row { margin-top: 28px; }
      .stat-pill { gap: 10px; min-height: 78px; padding: 14px 14px 14px 0; }
      .stat-pill + .stat-pill { padding-left: 14px; }
      .stat-pill > strong { font-size: clamp(24px, 6vw, 34px); }
      .stat-copy h2 { font-size: 10px; }
      .course-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .finder-layout { grid-template-columns: 1fr; gap: 27px; }
      .contact-layout { grid-template-columns: 1fr; gap: 30px; }
      .roadmap { grid-template-columns: 1fr; gap: 17px; padding: 8px 0 8px 59px; }
      .roadmap::before, .roadmap-fill { display: block; top: var(--road-start, 28px); bottom: auto; left: 21px; width: 3px; height: var(--road-length, calc(100% - 55px)); }
      .roadmap-fill { height: 0; width: 3px; }
      .road-step, .road-step.active { min-height: 0; padding: 18px 20px; }
      .road-node, .road-step.active .road-node { top: 17px; left: -57px; width: 40px; height: 40px; transform: none; }
      .road-step h3 { padding-top: 0; }
      .road-step.active { transform: translateX(3px); }
      .corporate-training-layout, .mentor-guidance-layout { grid-template-columns: 1fr; gap: 35px; }
      .progress-intro { grid-template-columns: 1fr; gap: 18px; }
      .progress-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .progress-card { min-height: 220px; }
      .internship-course-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 480px) {
      .header .logo img { width: min(60px, 17vw); height: 33px; }
      .header .logo-name { font-size: 11.5px; }
      .wrap { width: min(100% - 34px, var(--wrap)); }
      .hero h1 { font-size: clamp(40px, 11.5vw, 52px); }
      .hero-buttons { align-items: stretch; flex-direction: column; }
      .hero-buttons .btn { width: 100%; }
      .hero-dashboard { min-height: 320px; margin-inline: -6px; }
      .dashboard-window { width: 94%; padding: 0 15px 15px; border-radius: 15px; }
      .dashboard-window-bar { height: 44px; margin-inline: -15px; padding-inline: 13px; }
      .dashboard-welcome { padding: 18px 0 14px; }
      .dashboard-welcome strong { font-size: 15px; }
      .dashboard-course { gap: 9px; padding: 11px; }
      .dashboard-course-icon { width: 36px; height: 36px; flex-basis: 36px; }
      .dashboard-course-copy strong { font-size: 11px; }
      .dashboard-progress { padding: 12px; }
      .dashboard-float-card { gap: 7px; padding: 8px 10px; }
      .dashboard-float-top { top: 17px; right: 0; }
      .dashboard-float-bottom { bottom: 13px; left: 0; }
      .stats-row { grid-template-columns: 1fr; margin-top: 20px; }
      .stat-pill, .stat-pill + .stat-pill { min-height: 67px; padding: 10px 0; border-left: 0; border-bottom: 1px solid #e2e8f0; }
      .stat-pill > strong { min-width: 78px; font-size: 30px; }
      .stat-copy h2 { font-size: 12px; }
      .course-tools { align-items: stretch; }
      .course-control-row { display: grid; grid-template-columns: 1fr 1fr; }
      .course-result-count { grid-column: 1/-1; }
      .course-search { width: 100%; }
      .course-grid { grid-template-columns: 1fr; gap: 13px; }
      .course-card { display: grid; grid-template-columns: 35% minmax(0, 1fr); min-height: 160px; }
      .course-art { height: 100%; min-height: 160px; }
      .course-art-tags { right: 6px; bottom: 7px; left: 6px; }
      .course-art-tags span { padding: 4px 6px; font-size: 8px; }
      .course-info { padding: 12px; }
      .course-title-row { min-height: 42px; gap: 7px; margin: 7px 0 5px; }
      .course-icon { width: 33px; height: 33px; flex-basis: 33px; }
      .course-icon svg { width: 19px; height: 19px; }
      .course-info h3 { font-size: 14px; }
      .course-info p { font-size: 10px; }
      .course-foot { align-items: flex-start; flex-direction: column; gap: 5px; }
      .quiz-panel { padding: 18px; }
      .quiz-options { grid-template-columns: 1fr; }
      .progress-steps, .internship-course-grid { grid-template-columns: 1fr; }
      .progress-card { min-height: 0; }
      .contact-layout { gap: 25px; }
      .enquiry-card { padding: 22px; }
      .footer-grid { gap: 25px 18px; }
      .footer-bottom { align-items: flex-start; flex-direction: column; }
    }
    .hero {
      background:
        radial-gradient(ellipse at 78% 28%, rgba(37, 99, 235, 0.24), transparent 36%),
        radial-gradient(ellipse at 9% 92%, rgba(191, 227, 255, 0.1), transparent 34%),
        linear-gradient(115deg, #0B1F3A 0%, #142D4E 52%, #0B1F3A 100%);
    }
    .hero .hero-grid {
      opacity: .28;
      background-image: linear-gradient(rgba(191, 227, 255, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(191, 227, 255, .1) 1px, transparent 1px);
    }
    .hero .glow.one { background: rgba(37, 99, 235, .7); }
    .hero .glow.two { background: rgba(191, 227, 255, .65); }
    .hero-kicker { color: var(--ice-blue); }
    .hero h1 { color: #fff; }
    .hero h1 .role-line { color: var(--ice-blue); }
    .hero-copy > p { color: #D6E4F4; }
    .hero .btn-line {
      color: #fff;
      background: rgba(255, 255, 255, .08);
      border-color: rgba(191, 227, 255, .42);
    }
    .hero .btn-line:hover { background: rgba(191, 227, 255, .16); border-color: var(--ice-blue); }
    .hero .stats-row {
      max-width: none;
      padding: 8px 22px;
      background: rgba(20, 45, 78, .78);
      border: 1px solid rgba(191, 227, 255, .22);
      border-radius: 14px;
      box-shadow: 0 18px 44px rgba(2, 12, 29, .2);
    }
    .hero .stat-pill { background: transparent; }
    .hero .stat-pill + .stat-pill { border-left-color: rgba(191, 227, 255, .24); }
    .hero .stat-pill > strong { color: #fff; }
    .hero .stat-copy h2 { color: #D6E4F4; }

    .closing {
      color: #fff;
      background:
        radial-gradient(ellipse at 12% 15%, rgba(37, 99, 235, .22), transparent 38%),
        linear-gradient(125deg, #0B1F3A, #142D4E 58%, #0B1F3A);
    }
    .closing::before {
      opacity: .55;
      background:
        radial-gradient(ellipse at 15% 25%, rgba(191, 227, 255, .18), transparent 36%),
        radial-gradient(ellipse at 85% 80%, rgba(37, 99, 235, .18), transparent 38%);
    }
    .closing::after { opacity: .12; }
    .closing-inner {
      background: rgba(20, 45, 78, .82);
      border-color: rgba(191, 227, 255, .2);
      box-shadow: 0 22px 55px rgba(2, 12, 29, .22);
    }
    .closing h2 { color: #fff; }
    .closing p { color: #D6E4F4; }

    .footer {
      color: #E8F1FC;
      background: #0B1F3A;
      border-top: 1px solid rgba(191, 227, 255, .16);
    }
    .footer .logo-word { color: #BFDFFF; }
    .footer a { color: #D6E4F4; }
    .footer a:hover { color: #BFE3FF; }
    .footer h2, .footer h3, .footer strong { color: #fff; }
    .footer p, .footer small, .footer-bottom { color: #B3C4DA; }

    :root {
      --yellow: #F4B942;
      --mint: #7DB8F4;
    }
    .btn-yellow {
      color: #0B1F3A;
      background: #F4B942;
      box-shadow: 0 8px 26px rgba(244, 185, 66, .24);
    }
    .btn-yellow:hover { background: #E6A925; }
    .hero-kicker { color: #F4B942; }
    .live-dot { background: #F4B942; box-shadow: 0 0 10px rgba(244, 185, 66, .8); }
    .hero h1 .role-line { color: #F4B942; }
    .hero .btn-line { border-color: rgba(244, 185, 66, .55); }
    .hero .btn-line:hover { border-color: #F4B942; }
    .hero .stats-row {
      border-color: rgba(244, 185, 66, .36);
      box-shadow: 0 18px 44px rgba(2, 12, 29, .2), inset 0 1px rgba(244, 185, 66, .12);
    }
    .hero .stat-pill { border-left-color: #F4B942; }
    .hero .stat-pill:nth-child(2), .hero .stat-pill:nth-child(3) { border-left-color: #F4B942; }
    .hero .stat-pill:nth-child(2) > strong, .hero .stat-pill:nth-child(3) > strong { color: #FCE6A9; }
    #courses .section-head h2 span { color: #2563EB; }
    #courses .section-head::before { background: linear-gradient(180deg, #2563EB, #F4B942); }
    .course-card:hover, .course-card:focus-visible { border-color: #F4B942; }
    .closing-inner { border-color: rgba(244, 185, 66, .36); }
    .footer { border-top-color: rgba(244, 185, 66, .32); }
    .footer a:hover { color: #F4B942; }

    .hero h1,
    .section-head h2,
    #whyTitle,
    .progress-intro h2,
    .corporate-training-copy h2,
    .mentor-guidance-copy h2,
    .benefits-intro h2,
    #whyTitle,
    .internship-heading h2,
    .closing h2,
    .contact-copy h2,
    .about-hero h1,
    .about-learning-copy h2 {
      display: inline-block;
      max-width: 100%;
      padding: .18em .3em .22em;
      border: 1px solid rgba(37, 99, 235, .14);
      border-left: 4px solid #F4B942;
      border-radius: 12px;
      background: linear-gradient(110deg, rgba(191, 227, 255, .42), rgba(255, 255, 255, .72));
      box-shadow: 0 8px 24px rgba(11, 31, 58, .07);
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
    }
    .hero h1,
    .internship-heading h2,
    .closing h2,
    .about-hero h1 {
      border-color: rgba(191, 227, 255, .22);
      border-left-color: #F4B942;
      background: linear-gradient(110deg, rgba(191, 227, 255, .13), rgba(255, 255, 255, .06));
      box-shadow: inset 0 1px rgba(255, 255, 255, .08);
    }
    .hero h1 { margin-left: -.3em; }
    .internship-heading h2 { border-left-color: #F4B942; }
    .section-head h2 { border-radius: 12px; }
    .contact-copy h2 { padding-inline: .28em; }
    .about-learning-copy h2 { background: linear-gradient(110deg, rgba(191, 227, 255, .45), rgba(255, 255, 255, .74)); }

    .nav-actions .btn { display: inline-flex; white-space: nowrap; }
    @media (max-width: 1000px) {
      .nav-wrap { gap: 12px; }
      .nav-links { gap: 10px; }
      .nav-actions { flex: 0 0 auto; }
      .nav-actions .btn { min-height: 36px; padding-inline: 10px; font-size: 10px; }
    }
    @media (max-width: 760px) {
      .header .nav-wrap { gap: 7px; }
      .header .nav-wrap > nav { flex: 0 0 auto; }
      .header .nav-actions { gap: 6px; margin-left: auto; }
      .header .nav-actions .btn { display: inline-flex; min-height: 35px; padding-inline: 9px; font-size: 10px; }
      .header .search-trigger { width: 34px; height: 35px; min-height: 35px; }
      .header .menu-toggle { width: 35px; height: 35px; flex: 0 0 35px; padding: 7px; }
    }
    @media (max-width: 480px) {
      .header .nav-wrap { padding-inline: 10px; gap: 5px; }
      .header .nav-actions { gap: 4px; }
      .header .nav-actions .btn { min-height: 33px; gap: 4px; padding-inline: 7px; font-size: 9px; }
      .header .search-trigger { width: 31px; min-height: 33px; height: 33px; }
      .header .menu-toggle { width: 32px; height: 33px; flex-basis: 32px; padding: 6px; }
    }
    @media (max-width: 380px) {
      .header .nav-wrap { padding-inline: 8px; gap: 4px; }
      .header .search-trigger { width: 29px; }
      .header .menu-toggle { width: 30px; flex-basis: 30px; }
      .header .nav-actions .btn { gap: 3px; padding-inline: 6px; font-size: 8px; }
    }

    /* Restore the earlier navy, teal and gold visual theme. */
    :root {
      --yellow: #F4B942;
      --mint: #65DFC4;
      --light: #F0F4F8;
      --light-surface: #FFFFFF;
      --light-ink: #15213E;
    }
    body { background: #F0F4F8; color: #172945; }
    :focus-visible { outline-color: #F4B942; }
    .section-dark { color: #E8F2FF; background: #0B1735; }
    .section-light { color: #172945; background: #F0F4F8; }
    .section:not(#courses):not(.about-learning)::before,
    .section:not(#courses)::after { opacity: .65; }
    .section-light:not(#courses):not(.about-learning)::after { opacity: .16; }
    .eyebrow, .section-light .eyebrow { color: #65DFC4; }
    .section-head, .section-light .section-head {
      color: #172945;
      background: linear-gradient(135deg, #FFFFFF, #EDF4F8);
      border-color: rgba(101, 223, 196, .24);
      border-radius: 12px;
      box-shadow: 0 18px 48px rgba(2, 8, 23, .18);
    }
    .section-head::before { background: linear-gradient(180deg, #65DFC4, #F4B942); }
    .section-head::after { background: radial-gradient(circle, rgba(101, 223, 196, .26), transparent 70%); }
    .section-head h2, .section-light .section-head h2 { color: #132653; }
    .section-head h2::after { background: linear-gradient(90deg, #65DFC4, #F4B942); box-shadow: 0 0 18px rgba(101, 223, 196, .3); }
    .section-head .eyebrow, .section-light .section-head .eyebrow {
      color: #287363;
      background: #E4F3EB;
      border-color: #D2E9DC;
    }
    .section-head p:last-child, .section-light .section-head p:last-child { color: #596B68; }
    .btn-yellow, .btn-dark {
      color: #10213D;
      background: #F4B942;
      box-shadow: 0 8px 24px rgba(244, 185, 66, .24);
    }
    .btn-yellow:hover, .btn-dark:hover { color: #10213D; background: #E6A925; }
    .btn-line { color: #132653; background: #FFFFFF; border-color: #B7C9DD; }
    .btn-line:hover { color: #153D6A; background: #EAF4F8; border-color: #65B5A2; }
    .text-link, .text-link:hover { color: #287D68; }
    .top-progress { background: linear-gradient(90deg, #65DFC4, #F4B942); }

    .announcement { color: #D6E5F6; background: #0D1A3D; border-color: #263960; }
    .header { background: rgba(255, 255, 255, .94); border-color: #DCE6EF; }
    .logo-mark { color: #142D4E; }
    .logo-mark path:first-child, .logo-mark path:nth-child(2) { stroke: #142D4E; }
    .logo-mark circle { fill: #F4B942; }
    .logo-badge { background: linear-gradient(105deg, #142D4E 20%, #2563EB 78%); background-clip: text; color: transparent; }
    .logo-word { color: #64748B; }
    .nav-links a, .nav-course-toggle { color: #263957; }
    .nav-links a:hover, .nav-course-toggle:hover, .nav-course-toggle[aria-expanded="true"] { color: #287D68; }
    .search-trigger { color: #263957; background: #F3F8FB; border-color: #D6E2EC; }
    .search-trigger kbd { color: #64748B; border-color: #D6E2EC; }
    .menu-toggle { border-color: #D6E2EC; }
    .menu-toggle span { background: #142D4E; }
    .nav-links.open { background: #FFFFFF; border-color: #DCE6EF; }
    .nav-links a, .nav-course-toggle { color: #263957; }
    .course-menu, .internship-nav-menu { border-color: #D9E5EF; }

    .hero {
      background:
        radial-gradient(ellipse at 77% 20%, rgba(83, 118, 223, .28), transparent 35%),
        radial-gradient(ellipse at 18% 86%, rgba(101, 223, 196, .2), transparent 38%),
        radial-gradient(ellipse at 55% 100%, rgba(244, 185, 66, .12), transparent 34%),
        linear-gradient(125deg, #07142B, #0D2040 55%, #12344B);
      background-size: 190% 190%, 190% 190%, 180% 180%, 220% 220%;
      animation: hero-background-flow 11s ease-in-out infinite alternate;
    }
    @keyframes hero-background-flow {
      0% { background-position: 0% 15%, 100% 85%, 30% 100%, 0% 50%; }
      100% { background-position: 100% 85%, 0% 15%, 75% 0%, 100% 50%; }
    }
    .hero::before { opacity: 1; animation-duration: 9s; }
    .hero::after { top: 2%; right: -9%; width: min(70vw, 900px); aspect-ratio: 1.18; border-radius: 48% 52% 57% 43% / 51% 42% 58% 49%; border-color: rgba(101, 223, 196, .4); box-shadow: 0 0 0 40px rgba(101, 223, 196, .1), 0 0 0 90px rgba(244, 185, 66, .065); animation-duration: 12s; }
    .hero .glow.one { animation-duration: 8s; }
    .hero .glow.two { animation-duration: 11s; }
    @media (max-width: 760px) {
      .hero::after { top: 5%; right: -22%; width: min(88vw, 560px); aspect-ratio: 1.05; }
    }
    #network, .hero-grid, .hero .glow { opacity: .7 !important; }
    .hero .glow.one { background: #5376DF; }
    .hero .glow.two { background: #65DFC4; }
    .hero-kicker { color: #F4B942; }
    .live-dot { background: #F4B942; box-shadow: 0 0 10px rgba(244, 185, 66, .8); }
    .hero h1 { color: #FFFFFF; }
    .hero h1 .role-line { color: #F4B942; }
    .hero-copy > p { color: #D6E5F6; }
    .hero .btn-line { color: #FFFFFF; background: rgba(255, 255, 255, .08); border-color: rgba(191, 219, 254, .38); }
    .hero .btn-line:hover { background: rgba(101, 223, 196, .12); border-color: #65DFC4; }
    .hero h1, .internship-heading h2, .closing h2, .about-hero h1 {
      border-color: rgba(101, 223, 196, .24);
      border-left-color: #F4B942;
      background: linear-gradient(110deg, rgba(19, 43, 77, .8), rgba(13, 32, 64, .48));
      box-shadow: inset 0 1px rgba(255, 255, 255, .07);
    }
    .hero .stats-row { background: transparent; border: 0; box-shadow: none; }
    .hero .stat-pill {
      background: rgba(255, 255, 255, .08);
      border: 1px solid rgba(191, 219, 254, .2);
      border-left: 3px solid #65DFC4;
      border-radius: 9px;
    }
    .hero .stat-pill + .stat-pill { border-left: 3px solid #F4B942; }
    .hero .stat-pill > strong, .hero .stat-pill:nth-child(2) > strong, .hero .stat-pill:nth-child(3) > strong { color: #FFFFFF; }
    .hero .stat-copy h2 { color: #E8F2FF; }
    .tech-strip { background: linear-gradient(105deg, #EFF7F4, #EDF4F8 48%, #FBF7EC); border-color: #D8E6DF; }
    .tech-word { color: #536B68; }
    .tech-word:nth-child(3n) { color: #2E7163; }
    .tech-word i { background: #F4B942; }

    #courses {
      color: #E8F2FF;
      background:
        radial-gradient(ellipse at 84% 8%, rgba(101, 223, 196, .15), transparent 28%),
        radial-gradient(ellipse at 5% 10%, rgba(83, 118, 223, .2), transparent 33%),
        radial-gradient(ellipse at 96% 72%, rgba(244, 185, 66, .1), transparent 32%),
        linear-gradient(135deg, #08142B, #0D2040 55%, #12344B);
    }
    #courses::before { opacity: .3; background-image: linear-gradient(#A7D4FF0A 1px, transparent 1px), linear-gradient(90deg, #A7D4FF0A 1px, transparent 1px); }
    #courses::after { opacity: .45; }
    #courses .section-head { color: #F3F7FF; background: linear-gradient(125deg, #10244A, #153862 55%, #17526A); border-color: rgba(101, 223, 196, .24); }
    #courses .section-head::before { display: block; background: linear-gradient(180deg, #65DFC4, #F4B942); }
    #courses .section-head::after { display: block; }
    #courses .section-head .eyebrow { color: #DFF8F0; background: rgba(101, 223, 196, .1); border-color: rgba(101, 223, 196, .25); }
    #courses .section-head h2 { color: #FFFFFF; }
    #courses .section-head h2 span { background: linear-gradient(100deg, #65DFC4, #FFE18B 85%); background-clip: text; color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    #courses .section-head h2::after { display: block; margin-inline: auto; }
    #courses .section-head p:last-child { color: #C4D7EE; }
    #courses .course-result-count { color: #D2E1F5; }
    #courses .course-sort { color: #E8F3FF; background-color: #10244B; border-color: #37557F; }
    #courses .filter-btn { color: #183C68; background: #DCEEFF; border-color: #B4D4F5; }
    #courses .filter-btn:not(.active) { color: var(--filter-ink, #183C68); background: var(--filter-tint, #DCEEFF); }
    #courses .filter-btn.active { color: #FFFFFF; background: linear-gradient(120deg, #174C72, #217E8B); border-color: #65DFC4; }
    #courses .course-card { background: #FFFFFF; border-color: #D4E3F0; }
    #courses .course-art { background: linear-gradient(135deg, #EAF4FC, #CFE5F6) !important; }
    #courses .course-info { background: #FFFFFF; }
    #courses .course-info h3 { color: #142D4E; }
    #courses .course-meta span:first-child, #courses .course-icon { color: #287D68; }
    #courses .course-foot strong { color: #287D68; }

    #finder {
      color: #E8F2FF;
      background:
        radial-gradient(ellipse at 90% 8%, rgba(101, 223, 196, .18), transparent 35%),
        linear-gradient(135deg, #0B1735, #142D4E 58%, #12344B);
    }
    #finder::before { opacity: .55 !important; background: radial-gradient(ellipse at 96% 9%, rgba(101, 223, 196, .25), transparent 35%), radial-gradient(ellipse at 8% 92%, rgba(244, 185, 66, .14), transparent 38%); }
    #finder::after { opacity: .2 !important; }
    #finder .section-head { background: linear-gradient(135deg, #FFFDF7, #F0F7F5); border-color: #DBE9E2; }
    #finder .section-head .eyebrow { color: #347664; background: #E4F3EB; border-color: #D2E9DC; }
    #finder .section-head h2 { color: #172945; }
    #finder .section-head h2::after { background: linear-gradient(90deg, #65B5A2, #E9AA43); }
    #finder .section-head p:last-child { color: #596B68; }
    .quiz-panel { color: #E8F2FF; background: linear-gradient(145deg, #10244A, #0D1940); border-color: #293E6D; box-shadow: 0 20px 55px rgba(2, 9, 29, .24); }
    .quiz-top, .quiz-navigation > span, .match-row small, .match-row p { color: #9DB2D6; }
    .quiz-top span:last-child, .match-rank, .quiz-result > .eyebrow { color: #65DFC4; }
    .quiz-progress { background: #263960; }
    .quiz-progress span { background: linear-gradient(90deg, #65DFC4, #F4B942); }
    .quiz-panel h3, .match-row strong { color: #F4F8FF; }
    .quiz-option, .match-row { color: #D6E5F6; background: #142D4E; border-color: #31496D; }
    .quiz-option-mark { color: #65DFC4; background: #1B3B58; border-color: #2D5670; }
    .quiz-option:hover, .quiz-option:focus-visible { background: #1A3A5D; border-color: #65B5A2; }
    .quiz-option-arrow { color: #F4B942; }
    .quiz-back { color: #D6E5F6; border-color: #405777; }

    #corporate-training, #mentors, #add-on-benefits { background: #FFFFFF; }
    #why { background: linear-gradient(145deg, #F4F8F3, #EDF5F1 62%, #EAF2F5); }
    .progress-intro h2, .progress-card h3, .benefits-intro h2, .mentor-guidance-copy h2, .corporate-training-copy h2 { color: #173B37; }
    .progress-intro h2 span { color: #287D68; }
    .progress-intro-copy p, .progress-card > p:last-child, .mentor-guidance-copy > p:not(.eyebrow), .corporate-training-copy > p:not(.eyebrow) { color: #536A64; }
    .progress-card, .addon-benefit-card { background: linear-gradient(155deg, #FFFFFF, #F2F7F4); border-color: #D6E5DD; }
    .progress-card:hover, .addon-benefit-card:hover { border-color: #88BFA8; }
    .progress-label, .benefit-icon { color: #287D68; }
    .progress-icon { color: #426BA9; background: #E8EFFB; border-color: #D0DEF1; }
    .progress-cta { color: #183C38; background: linear-gradient(105deg, #E0F1E9, #EDF3DF); border-color: #C8E1D4; }
    .progress-cta-label { color: #287563; }
    .progress-cta p { color: #526A61; }
    .benefits-intro h2, .benefits-intro .eyebrow { color: #153936; }
    .benefits-intro .eyebrow, .mentor-guidance-copy .eyebrow, .corporate-training-copy .eyebrow { color: #287363; }
    .addon-benefit-card h3, .mentor-support-point strong, .corporate-training-points strong { color: #203E3B; }
    .addon-benefit-card p, .benefits-intro > p:last-child, .benefits-note { color: #526762; }
    .benefit-icon, .mentor-support-point > span, .corporate-training-points li > span { color: #237562; background: #DFF2E8; border-color: #C8E6D7; }
    .mentor-support-point p, .corporate-training-points p, .corporate-training-note { color: #526762; }
    .internship-section {
      color: #E8F2FF;
      background:
        radial-gradient(ellipse at 9% 4%, rgba(83, 118, 223, .2), transparent 30%),
        radial-gradient(ellipse at 92% 56%, rgba(101, 223, 196, .16), transparent 30%),
        radial-gradient(ellipse at 50% 110%, rgba(244, 185, 66, .1), transparent 38%),
        linear-gradient(135deg, #07152F, #0B2044 55%, #102D58);
    }
    .internship-heading h2 { color: #F4F8FF; }
    .internship-heading h2 span { color: #65DFC4; }
    .internship-heading > p:not(.internship-kicker), .internship-note { color: #CFDAEA; }
    .internship-kicker, .internship-topic { color: #287D68; }
    .internship-highlights li { color: #E0EBF8; background: rgba(255, 255, 255, .07); border-color: rgba(157, 200, 239, .2); }
    .internship-course-card { background: linear-gradient(150deg, #FBFDFF, #E9F2FF); border-color: #D3E4F6; }
    .internship-course-card:hover, .internship-course-card:focus-within { background: linear-gradient(145deg, #173762, #0D2445); }
    .internship-course-content h3 { color: #15345C; }

    #roadmap { color: #E8F2FF; background: #0B1735; }
    #roadmap .section-head { background: linear-gradient(135deg, #FFFDF7, #F0F7F5); }
    .roadmap::before { background: #293E6D; }
    .roadmap-fill { background: linear-gradient(90deg, #65DFC4, #F4B942); }
    .road-step, .road-step.active { color: #E8F2FF; background: linear-gradient(155deg, #101F48, #0B1735 78%); border-color: #263960; }
    .road-step.active { border-color: #65B5A2; }
    .road-node { color: #65DFC4; background: #142D4E; border-color: #42648B; }
    .road-step.active .road-node { color: #10213D; background: #F4B942; border-color: #F4B942; box-shadow: 0 0 0 5px rgba(244, 185, 66, .16); }
    .road-step h3 { color: #F4F8FF; }
    .road-step p { color: #B8C9E0; }
    .road-step small { color: #DDF8F0; background: rgba(101, 223, 196, .1); border-color: rgba(101, 223, 196, .24); }
    #stories, #faq { color: #E8F2FF; background: #0B1735; }
    #stories .section-head, #faq .section-head { background: linear-gradient(135deg, #FFFDF7, #F0F7F5); }
    .story-layout { background: transparent; }
    .story-testimonial { color: #E8F2FF; background: linear-gradient(135deg, #101F47, #0B1735); border-color: #263960; }
    .story-review-label, .story-attribution { color: #A9BBD9; }
    .story-review-mark { color: #10213D; background: #F4B942; }
    .story-person-mark { color: #FFFFFF; background: #173762; border-color: #65DFC4; }
    .story-person-name, .story-course { color: #FFFFFF; }
    .story-testimonial .story-course-label { color: #65DFC4; }
    .story-testimonial blockquote { color: #E4EFFF; }
    .story-controls button { color: #F4B942; background: #142D4E; border-color: #344771; }
    .faq-item { color: #E8F2FF; background: #0C1839; border-color: #1D2E5C; }
    .faq-item summary::after { color: #F4B942; }
    .faq-item p { color: #9DB2D6; }
    .closing {
      color: #172945;
      background: radial-gradient(ellipse at 12% 20%, rgba(101, 223, 196, .12), transparent 34%), #F0F4F8;
    }
    .closing-inner { background: linear-gradient(110deg, #E0F1E9, #EDF3DF); border-color: #C8E1D4; }
    .closing h2 { color: #173B37; background: linear-gradient(110deg, #E0F1E9, #EDF3DF); border-color: #C8E1D4; }
    .closing p { color: #526A61; }
    .contact-section { background: #F0F4F8; }
    .contact-copy .eyebrow, .contact-assurance span { color: #287D68; }
    .footer { color: #E8F2FF; background: #050C22; border-top-color: #263960; }
    .footer .logo-word { color: #BFD5EF; }
    .footer a { color: #D6E5F6; }
    .footer a:hover { color: #F4B942; }
    .footer h2, .footer h3, .footer strong { color: #FFFFFF; }
    .footer p, .footer small, .footer-bottom { color: #A9BBD9; }
    .floating-enquire { color: #10213D; background: #F4B942; }
    .back-top { color: #FFFFFF; background: #1E3A5F; }
    .palette { color: #E8F2FF; background: #0D1940; border-color: #354976; }
    .palette input { color: #E8F2FF; border-color: #26385F; }
    .palette-item { color: #DCE9FF; }
    .palette-item[aria-selected="true"], .palette-item:hover { background: #1C2D58; }
    .palette-hint { color: #7F93B7; border-color: #26385F; }
    .course-knowledge-check { background: linear-gradient(145deg, #F3F8F5, #EDF3F7); border-color: #D4E2DC; }

    #finder {
      padding-block: clamp(92px, 11vw, 148px);
      background:
        radial-gradient(ellipse at 15% 12%, rgba(83, 118, 223, .3), transparent 37%),
        radial-gradient(ellipse at 87% 88%, rgba(101, 223, 196, .22), transparent 40%),
        radial-gradient(ellipse at 52% 48%, rgba(244, 185, 66, .1), transparent 52%),
        linear-gradient(125deg, #07142B 0%, #10264A 52%, #0B1735 100%);
    }
    #finder::before {
      inset: -8%;
      opacity: .8 !important;
      background:
        radial-gradient(ellipse at 12% 18%, rgba(83, 118, 223, .38), transparent 35%),
        radial-gradient(ellipse at 84% 80%, rgba(101, 223, 196, .28), transparent 38%),
        radial-gradient(ellipse at 55% 30%, rgba(244, 185, 66, .13), transparent 34%);
      filter: blur(34px);
      animation: page-color-drift 18s ease-in-out infinite alternate;
    }
    #finder::after {
      inset: 0;
      opacity: .3 !important;
      background-image:
        radial-gradient(circle, rgba(255, 255, 255, .8) 0 1px, transparent 1.8px),
        linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .12) 49%, transparent 68%);
      background-size: 49px 49px, 220% 100%;
      mask-image: linear-gradient(135deg, transparent 2%, #000 44%, transparent 96%);
    }
    .finder-layout {
      grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
      gap: clamp(36px, 6vw, 88px);
      align-items: center;
    }
    .finder-layout .section-head {
      max-width: 640px;
      padding: clamp(28px, 4vw, 45px);
      background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(239, 247, 244, .97));
      border: 1px solid rgba(101, 223, 196, .32);
      border-radius: 20px;
      box-shadow: 0 24px 65px rgba(2, 8, 23, .3);
    }
    .finder-layout .section-head::before { display: block; width: 6px; }
    .finder-layout .section-head::after {
      display: block;
      top: -110px;
      right: -80px;
      width: 270px;
      background: radial-gradient(circle, rgba(101, 223, 196, .35), transparent 70%);
    }
    .finder-layout .section-head h2 {
      max-width: 520px;
      font-size: clamp(34px, 4.4vw, 54px);
      line-height: 1.04;
    }
    .finder-layout .section-head h2::after { margin-top: 20px; }
    .finder-layout .section-head p:last-child { max-width: 500px; font-size: 16px; }
    .finder-cta { min-height: 51px; margin-top: 25px; padding-inline: 22px; }
    .quiz-panel {
      min-height: 445px;
      padding: clamp(26px, 4vw, 44px);
      border-color: rgba(191, 219, 254, .24);
      border-radius: 20px;
      box-shadow: 0 28px 75px rgba(2, 8, 23, .36);
    }
    .quiz-panel::before {
      position: absolute;
      top: -130px;
      right: -90px;
      width: 270px;
      aspect-ratio: 1;
      content: "";
      border: 1px solid rgba(101, 223, 196, .2);
      border-radius: 50%;
      box-shadow: 0 0 0 24px rgba(101, 223, 196, .05), 0 0 0 58px rgba(244, 185, 66, .035);
      pointer-events: none;
    }
    .quiz-panel > * { position: relative; z-index: 1; }
    @media (max-width: 760px) {
      #finder { padding-block: 76px; }
      .finder-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
      .finder-layout .section-head { max-width: none; padding: 25px; }
      .finder-layout .section-head h2 { font-size: clamp(32px, 8vw, 44px); }
      .quiz-panel { min-height: 0; padding: 24px; }
    }
    @media (max-width: 480px) {
      #finder { padding-block: 62px; }
      .finder-layout .section-head { padding: 23px 20px; }
      .quiz-panel { padding: 20px; border-radius: 15px; }
    }

    .story-layout {
      grid-template-columns: minmax(0, 780px);
      justify-content: center;
      overflow: visible;
      background: transparent;
      border: 0;
      box-shadow: none;
    }
    .story-testimonial {
      min-height: 0;
      padding: clamp(24px, 4vw, 38px);
      color: #0B1F3A;
      background: #fff;
      border: 1px solid #E2E8F0;
      border-radius: 14px;
      box-shadow: 0 18px 46px rgba(2, 12, 29, .18);
    }
    .story-review-top { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; }
    .story-review-mark {
      display: grid;
      place-items: center;
      width: 32px;
      height: 32px;
      color: #0B1F3A;
      background: #F4B942;
      border-radius: 50%;
      font: 800 17px var(--display);
    }
    .story-review-label {
      color: #64748B;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .12em;
    }
    .story-review-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
    .story-person-mark {
      display: grid;
      place-items: center;
      width: 44px;
      height: 44px;
      flex: 0 0 44px;
      color: #fff;
      background: #142D4E;
      border: 2px solid #F4B942;
      border-radius: 50%;
      font-size: 17px;
      font-weight: 700;
    }
    .story-review-meta > div { display: grid; gap: 3px; }
    .story-person-name { color: #0B1F3A; font-size: 14px; }
    .story-attribution { color: #64748B; font-size: 11px; }
    .story-testimonial .story-course-label { margin-bottom: 5px; color: #2563EB; }
    .story-course { margin-bottom: 15px; color: #0B1F3A; font-size: 24px; }
    .story-testimonial blockquote {
      margin: 0;
      color: #334155;
      font: 500 16px/1.75 var(--body);
    }
    .story-controls { justify-content: flex-end; margin-top: 23px; }
    .hero-guidance { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; }
    .hero-enquiry-card { width: min(100%, 500px); max-width: 500px; margin: 0; padding: clamp(22px, 2.5vw, 30px); }
    .hero-enquiry-card .field { margin: 13px 0; }
    .hero-enquiry-card .field input, .hero-enquiry-card .field select { min-height: 46px; }
    @media (max-width: 760px) {
      .hero-guidance { width: min(100%, 540px); margin-inline: auto; }
      .hero-enquiry-card { width: 100%; }
    }

    #roadmap {
      padding-block: clamp(92px, 10vw, 136px);
      color: #E8F2FF;
      background:
        radial-gradient(ellipse at 8% 12%, rgba(83, 118, 223, .3), transparent 34%),
        radial-gradient(ellipse at 92% 78%, rgba(101, 223, 196, .2), transparent 34%),
        radial-gradient(ellipse at 52% 110%, rgba(244, 185, 66, .12), transparent 38%),
        linear-gradient(135deg, #07152F, #0B2044 55%, #102D58);
    }
    #roadmap .section-head {
      max-width: 850px;
      margin-bottom: 58px;
      padding: clamp(30px, 4vw, 48px);
      color: #10213D;
      background: linear-gradient(135deg, #FFFDF7, #EAF5F1);
      border: 2px solid rgba(101, 223, 196, .55);
      border-radius: 24px;
      box-shadow: 0 24px 65px rgba(2, 8, 23, .3), 0 0 0 7px rgba(101, 223, 196, .08);
    }
    #roadmap .section-head h2 {
      max-width: 720px;
      font-size: clamp(38px, 4.8vw, 58px);
      line-height: 1.02;
    }
    #roadmap .section-head > p:last-child {
      max-width: 700px;
      color: #526A61;
      font-size: clamp(15px, 1.35vw, 18px);
      line-height: 1.75;
    }
    #roadmap .roadmap {
      gap: 16px;
      padding: 78px 22px 22px;
      background: rgba(4, 14, 36, .35);
      border: 2px solid rgba(157, 200, 239, .22);
      border-radius: 28px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 28px 70px rgba(2, 8, 23, .2);
    }
    #roadmap .roadmap::before,
    #roadmap .roadmap-fill { top: 57px; }
    #roadmap .roadmap::before { background: rgba(157, 200, 239, .35); }
    #roadmap .roadmap-fill { background: linear-gradient(90deg, #65DFC4, #F4B942); }
    #roadmap .road-step,
    #roadmap .road-step.active {
      min-height: 258px;
      padding: 34px 20px 22px;
      color: #E8F2FF;
      background: linear-gradient(155deg, rgba(24, 48, 87, .98), rgba(10, 26, 57, .98));
      border: 2px solid rgba(157, 200, 239, .24);
      border-radius: 20px;
      box-shadow: 0 16px 34px rgba(2, 9, 29, .28);
    }
    #roadmap .road-step.in-view { opacity: 1; }
    #roadmap .road-step.active {
      background: linear-gradient(155deg, #1C4266, #102A4B);
      border-color: #65DFC4;
      box-shadow: 0 20px 42px rgba(2, 9, 29, .42), 0 0 0 3px rgba(101, 223, 196, .12);
    }
    #roadmap .road-step:hover {
      border-color: #F4B942;
      box-shadow: 0 22px 44px rgba(2, 9, 29, .48);
    }
    #roadmap .road-node {
      top: -48px;
      width: 56px;
      height: 56px;
      color: #65DFC4;
      background: #10294B;
      border: 3px solid #65B5A2;
      box-shadow: 0 0 0 7px rgba(101, 223, 196, .1);
    }
    #roadmap .road-node svg { width: 25px; height: 25px; }
    #roadmap .road-step.active .road-node {
      color: #10213D;
      background: #F4B942;
      border-color: #FFE08A;
      box-shadow: 0 0 0 7px rgba(244, 185, 66, .16), 0 0 28px rgba(244, 185, 66, .35);
    }
    #roadmap .road-step h3 { margin-bottom: 12px; color: #F4F8FF; font-size: 21px; }
    #roadmap .road-step p { color: #C4D5EA; font-size: 13px; line-height: 1.7; }
    #roadmap .road-step small {
      margin-top: 20px;
      padding: 7px 10px;
      color: #DDF8F0;
      background: rgba(101, 223, 196, .1);
      border: 1px solid rgba(101, 223, 196, .32);
      border-radius: 7px;
      font-size: 10px;
    }
    @media (max-width: 1100px) {
      #roadmap .roadmap { gap: 48px 16px; padding: 34px 20px 22px; }
      #roadmap .road-node { top: -25px; left: 18px; width: 48px; height: 48px; transform: none; }
      #roadmap .road-step,
      #roadmap .road-step.active { min-height: 230px; padding: 42px 20px 20px; }
    }
    @media (max-width: 760px) {
      #roadmap { padding-block: 72px; }
      #roadmap .section-head { margin-bottom: 38px; padding: 25px 22px; border-radius: 19px; }
      #roadmap .section-head h2 { font-size: clamp(34px, 8vw, 46px); }
      #roadmap .roadmap { gap: 17px; padding: 16px 12px 16px 58px; border-radius: 21px; }
      #roadmap .road-step,
      #roadmap .road-step.active { min-height: 0; padding: 23px 19px; border-radius: 16px; }
      #roadmap .road-node,
      #roadmap .road-step.active .road-node { top: 18px; left: -57px; width: 44px; height: 44px; transform: none; }
      #roadmap .road-node svg { width: 21px; height: 21px; }
      #roadmap .road-step h3 { font-size: 19px; }
      #roadmap .road-step p { font-size: 13px; }
      #roadmap .road-step small { margin-top: 14px; }
    }
    @media (max-width: 480px) {
      #roadmap { padding-block: 62px; }
      #roadmap .section-head { padding: 22px 19px; }
      #roadmap .roadmap { padding: 13px 9px 13px 54px; }
      #roadmap .road-step,
      #roadmap .road-step.active { padding: 21px 16px; }
      #roadmap .road-node,
      #roadmap .road-step.active .road-node { left: -52px; width: 40px; height: 40px; }
    }

    #home #heroTitle {
      width: fit-content;
      max-width: 100%;
      padding: clamp(18px, 2.4vw, 30px);
      background: linear-gradient(115deg, #FFFDF6, #FFF1C2);
      border: 1px solid #F0D58A;
      border-left: 6px solid #F4B942;
      border-radius: 18px;
      box-shadow: 0 18px 48px rgba(92, 63, 8, .14), 0 0 0 6px rgba(244, 185, 66, .12);
      font-size: clamp(40px, 3vw, 46px);
      line-height: 1.08;
      letter-spacing: -.055em;
      text-wrap: balance;
    }
    @media (min-width: 1101px) {
      #home .hero-layout { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(32px, 4vw, 60px); }
      #home .hero-copy { max-width: none; }
    }
    @media (max-width: 1100px) {
      #home #heroTitle { font-size: clamp(36px, 4.2vw, 46px); }
    }
    #home #heroTitle .role-line {
      display: inline;
      min-height: 0;
      margin: 0;
      color: #9A6500;
      transition: opacity .24s ease;
    }
    #home #heroTitle .hero-title-prefix { color: #68451F; }
    #home #heroTitle .role-line.is-changing { opacity: 0; }
    @media (max-width: 760px) {
      #home #heroTitle { padding: 20px; border-left-width: 5px; border-radius: 15px; font-size: clamp(36px, 9vw, 52px); }
    }
    @media (prefers-reduced-motion: reduce) {
      #home #heroTitle .role-line { transition: none; }
    }

    .section-head h2,
    .progress-intro h2,
    .corporate-training-copy h2,
    .mentor-guidance-copy h2,
    .benefits-intro h2,
    .internship-heading h2,
    .closing h2,
    .contact-copy h2,
    .about-learning-copy h2,
    .about-hero h1 {
      color: #68451F;
      background: linear-gradient(115deg, #FFFDF6, #FFF1C2);
      border-color: #F0D58A;
      border-left-color: #F4B942;
      box-shadow: 0 8px 24px rgba(92, 63, 8, .12);
    }
    #courses #coursesTitle,
    #finder #finderTitle,
    #stories #storiesTitle {
      color: #68451F;
    }
    #whyTitle { background: linear-gradient(115deg, #FFFDF6, #FFF1C2); }
    #courses #coursesTitle span {
      color: #9A6500;
      background: none;
      -webkit-text-fill-color: #9A6500;
      text-shadow: none;
    }
    .section-head h2 span,
    .progress-intro h2 span,
    .internship-heading h2 span {
      color: #9A6500;
      background: none;
      -webkit-text-fill-color: #9A6500;
      text-shadow: none;
    }
    .section-head h2::after {
      background: linear-gradient(90deg, #9A6500, #F4B942);
      box-shadow: 0 0 18px rgba(244, 185, 66, .28);
    }
    .section-head .eyebrow {
      color: #68451F;
      background: #FFF5D6;
      border-color: #F0D58A;
    }
    .hero h1,
    .section-head h2,
    #whyTitle,
    .progress-intro h2,
    .corporate-training-copy h2,
    .mentor-guidance-copy h2,
    .benefits-intro h2,
    .internship-heading h2,
    .closing h2,
    .contact-copy h2,
    .about-learning-copy h2,
    .about-hero h1 {
      color: #68451F;
      background: linear-gradient(115deg, #F8F5ED, #EFE8D9);
      border-color: rgba(184, 135, 70, .32);
      border-left-color: #B88746;
      box-shadow: 0 6px 20px rgba(11, 31, 58, .09);
    }
    .section-head h2 span,
    .progress-intro h2 span,
    .internship-heading h2 span {
      color: #93652F;
      -webkit-text-fill-color: #93652F;
    }
    #courses #coursesTitle span {
      color: #93652F;
      -webkit-text-fill-color: #93652F;
    }
    .section-head h2::after {
      background: linear-gradient(90deg, #A87532, #D9B976);
      box-shadow: 0 0 14px rgba(184, 135, 70, .2);
    }
    .section-head .eyebrow,
    #add-on-benefits .benefits-intro .eyebrow {
      color: #68451F;
      background: #F2EBDD;
      border-color: rgba(184, 135, 70, .28);
    }
    #home #heroTitle {
      background: linear-gradient(115deg, #F8F5ED, #EFE8D9);
      border-color: rgba(184, 135, 70, .32);
      border-left-color: #B88746;
      box-shadow: 0 10px 28px rgba(11, 31, 58, .12), 0 0 0 5px rgba(184, 135, 70, .06);
    }
    #home #heroTitle .hero-title-prefix { color: #68451F; }
    #home #heroTitle .role-line { color: #93652F; }
    #add-on-benefits {
      color: #E8F2FF;
      background:
        radial-gradient(ellipse at 8% 6%, rgba(83, 118, 223, .2), transparent 34%),
        radial-gradient(ellipse at 92% 92%, rgba(244, 185, 66, .14), transparent 34%),
        linear-gradient(135deg, #07152F, #0B2044 58%, #102D58);
    }
    #add-on-benefits .benefits-intro .eyebrow {
      color: #68451F;
      background: #FFF5D6;
      border: 1px solid #F0D58A;
      border-radius: 999px;
      padding: 6px 10px;
    }
    #add-on-benefits .benefits-intro h2 { color: #68451F; }
    #add-on-benefits .benefits-intro > p:last-child,
    #add-on-benefits .benefits-note { color: #C4D5EA; }
    #add-on-benefits .addon-benefit-card {
      background: linear-gradient(145deg, #142D4E, #0D1B38);
      border-color: rgba(244, 185, 66, .3);
      box-shadow: 0 14px 34px rgba(2, 9, 29, .26);
    }
    #add-on-benefits .addon-benefit-card:hover {
      border-color: #F4B942;
      box-shadow: 0 20px 40px rgba(2, 9, 29, .4), 0 0 0 2px rgba(244, 185, 66, .1);
    }
    #add-on-benefits .addon-benefit-card::after {
      border-color: rgba(244, 185, 66, .25);
      box-shadow: 0 0 0 15px rgba(244, 185, 66, .05), 0 0 0 38px rgba(244, 185, 66, .025);
    }
    #add-on-benefits .benefit-icon,
    #add-on-benefits .addon-benefit-card:nth-child(n) .benefit-icon {
      color: #F4B942;
      background: rgba(244, 185, 66, .12);
      border-color: rgba(244, 185, 66, .38);
    }
    #add-on-benefits .addon-benefit-card h3 { color: #FFF5D6; }
    #add-on-benefits .addon-benefit-card p { color: #C4D5EA; }

    #courses .course-art { height: 250px; flex: 0 0 250px; }
    #courses .course-syllabus {
      --syllabus-accent: #65DFC4;
      position: absolute;
      z-index: 4;
      inset: 0;
      display: flex;
      flex-direction: column;
      padding: 15px 16px;
      color: #FFFFFF;
      background: linear-gradient(90deg, rgba(5, 17, 38, .96), rgba(5, 17, 38, .88) 68%, rgba(5, 17, 38, .56)), radial-gradient(ellipse at 90% 8%, color-mix(in srgb, var(--syllabus-accent) 36%, transparent), transparent 55%);
      box-shadow: inset 4px 0 0 var(--syllabus-accent);
      text-align: left;
    }
    #courses [data-course-art="data-analytics"] .course-syllabus { --syllabus-accent: #FFD166; }
    #courses [data-course-art="generative-ai"] .course-syllabus { --syllabus-accent: #C4A1FF; }
    #courses [data-course-art="ai-automated-testing"] .course-syllabus { --syllabus-accent: #5DD6C0; }
    #courses [data-course-art="ai-full-stack-java"] .course-syllabus { --syllabus-accent: #FFB454; }
    #courses [data-course-art="ai-full-stack-python"] .course-syllabus { --syllabus-accent: #A6E36F; }
    #courses [data-course-art="cloud-aws"] .course-syllabus { --syllabus-accent: #FFB454; }
    #courses [data-course-art="devops"] .course-syllabus { --syllabus-accent: #A6E36F; }
    #courses [data-course-art="cyber-security"] .course-syllabus { --syllabus-accent: #60A5FA; }
    #courses [data-course-art="ui-ux"] .course-syllabus { --syllabus-accent: #F59FB4; }
    #courses [data-course-art="digital-marketing"] .course-syllabus { --syllabus-accent: #FFC857; }
    .course-syllabus-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--syllabus-accent); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
    .course-syllabus-top span:last-child { flex: 0 0 auto; padding: 5px 8px; color: #10213D; background: var(--syllabus-accent); border: 1px solid var(--syllabus-accent); border-radius: 999px; font-size: 9px; font-weight: 800; letter-spacing: .04em; }
    .course-syllabus h4 { margin: 9px 0 8px; padding-bottom: 8px; color: #FFFFFF; border-bottom: 1px solid color-mix(in srgb, var(--syllabus-accent) 55%, transparent); font: 700 16px/1.15 var(--display); text-wrap: balance; }
    .course-syllabus ul { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; }
    .course-syllabus li { position: relative; padding-left: 12px; color: #EEF5FF; font-size: 10.5px; font-weight: 500; line-height: 1.3; }
    .course-syllabus li::before { position: absolute; top: .45em; left: 0; width: 5px; height: 5px; content: ""; background: var(--syllabus-accent); border-radius: 50%; }
    @media (max-width: 480px) {
      #courses .course-card { display: flex; flex-direction: column; }
      #courses .course-art { height: 240px; flex-basis: 240px; }
      #courses .course-syllabus { padding: 15px 17px; }
    }

    #courses .section-head {
      max-width: 820px;
      margin: 0 0 36px;
      padding: clamp(24px, 3.5vw, 40px);
      color: #0B1F3A;
      background: linear-gradient(125deg, #FFFFFF, #EDF6FF 58%, #E8F5F1);
      border: 1px solid rgba(37, 99, 235, .18);
      border-radius: 18px;
      box-shadow: 0 18px 44px rgba(2, 8, 23, .14);
    }
    #courses .section-head::before {
      display: block;
      top: 18px;
      bottom: 18px;
      left: 0;
      width: 5px;
      border-radius: 999px;
      background: linear-gradient(180deg, #65DFC4, #F4B942);
    }
    #courses #coursesTitle {
      display: block;
      max-width: 100%;
      margin: 0;
      padding: 0;
      color: #0B1F3A;
      background: none;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }
    #courses #coursesTitle span {
      display: inline-block;
      max-width: 100%;
      color: #2563EB;
      -webkit-text-fill-color: #2563EB;
      animation: courses-title-drift 2.8s ease-in-out infinite alternate;
    }
    @keyframes courses-title-drift {
      from { transform: translateX(0); }
      to { transform: translateX(8px); }
    }
    #courses .section-head h2::after { margin: 16px 0 0; background: linear-gradient(90deg, #65DFC4, #F4B942); }
    #courses .section-head p:last-child { max-width: 620px; margin: 17px 0 0; color: #52677F; font-size: 16px; line-height: 1.7; }
    #courses .course-icon--chart { --icon-bg: #FFF2D1 !important; --icon-color: #A96B11 !important; color: #A96B11; background: #FFF2D1; border-color: #F0D58A; }
    #courses .course-icon--pie { --icon-bg: #E2F4FF !important; --icon-color: #2876AB !important; color: #2876AB; background: #E2F4FF; border-color: #B9DDF0; }
    #courses .course-icon--neural { --icon-bg: #EEE8FF !important; --icon-color: #6655BE !important; color: #6655BE; background: #EEE8FF; border-color: #D5C9F5; }
    #courses .course-icon--browser { --icon-bg: #DEF2F5 !important; --icon-color: #24758C !important; color: #24758C; background: #DEF2F5; border-color: #B9E0E6; }
    #courses .course-icon--cloud { --icon-bg: #E2EDFF !important; --icon-color: #376BB0 !important; color: #376BB0; background: #E2EDFF; border-color: #C5D8F5; }
    #courses .course-icon--infinity { --icon-bg: #E2F3EE !important; --icon-color: #287C6A !important; color: #287C6A; background: #E2F3EE; border-color: #BFE3D7; }
    #courses .course-icon--shield { --icon-bg: #E2EDFF !important; --icon-color: #2563EB !important; color: #2563EB; background: #E2EDFF; border-color: #BFD5FA; }
    #courses .course-icon--wireframe { --icon-bg: #FCE9EF !important; --icon-color: #A74F75 !important; color: #A74F75; background: #FCE9EF; border-color: #F0C6D3; }
    #courses [data-course="digital-marketing"] .course-icon { --icon-bg: #FCE8DF !important; --icon-color: #C45B3D !important; color: #C45B3D; background: #FCE8DF; border-color: #F0C2B0; }
    #courses .course-card[data-course="cyber-security"] { --course-accent: #2563EB; }
    #courses .course-card[data-course="cyber-security"] .course-art { background: radial-gradient(ellipse at 72% 18%, rgba(96, 165, 250, .32), transparent 40%), linear-gradient(135deg, #0B1F3A, #1E4E82 58%, #173765) !important; }
    #courses .course-card[data-course="cyber-security"] .course-meta span:first-child { color: #1D4ED8; background: #EFF6FF; border-color: #BFDBFE; }

    #finder .finder-layout .section-head {
      max-width: 640px;
      padding: clamp(28px, 4vw, 45px);
      color: #0B1F3A;
      background: linear-gradient(125deg, #FFFFFF, #EDF6FF 58%, #E8F5F1);
      border: 1px solid rgba(37, 99, 235, .18);
      border-radius: 20px;
      box-shadow: 0 20px 54px rgba(2, 8, 23, .22);
    }
    #finder .finder-layout .section-head::before {
      display: block;
      top: 20px;
      bottom: 20px;
      left: 0;
      width: 5px;
      border-radius: 999px;
      background: linear-gradient(180deg, #65DFC4, #F4B942);
    }
    #finder .finder-layout .section-head .eyebrow {
      display: inline-flex;
      margin: 0 0 15px;
      padding: 6px 10px;
      color: #2563EB;
      background: #EAF2FF;
      border: 1px solid #D2E2FB;
      border-radius: 999px;
    }
    #finder .finder-layout .section-head h2,
    #finder #finderTitle {
      display: block;
      max-width: 100%;
      margin: 0;
      padding: 0;
      color: #0B1F3A;
      background: none;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }
    #finder .finder-layout .section-head h2::after {
      display: block;
      margin: 20px 0 0;
      background: linear-gradient(90deg, #2563EB, #65DFC4);
      box-shadow: 0 0 18px rgba(37, 99, 235, .18);
    }
    #finder .finder-layout .section-head p:not(.eyebrow) { color: #52677F; }

    .section-head::before {
      top: 18px;
      bottom: 18px;
      border-radius: 999px;
    }

    .internship-heading .internship-kicker {
      display: block;
      width: fit-content;
      max-width: 100%;
      margin: 0 auto 10px;
      padding: 0;
      color: #65DFC4;
      background: linear-gradient(100deg, #FFFFFF 5%, #65DFC4 35%, #FFFFFF 60%, #F4B942 85%, #FFFFFF);
      background-size: 220% 100%;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      font: 800 72px/1.02 var(--display);
      letter-spacing: 0;
      text-wrap: balance;
      animation: internship-title-shimmer 4s linear infinite;
    }
    @keyframes internship-title-shimmer {
      to { background-position: 220% 50%; }
    }
    .internship-heading > p.internship-subtitle {
      max-width: none;
      margin: 0 auto;
      color: #E8F2FF;
      font: 700 18px/1.35 var(--display);
      text-wrap: balance;
    }
    .internship-subtitle span { color: #65DFC4; }
    .internship-heading > p.internship-description {
      max-width: 680px;
      margin: 12px auto 0;
      color: #CFDAEA;
      font-size: 14px;
      line-height: 1.7;
    }
    @media (max-width: 760px) {
      .internship-heading .internship-kicker { font-size: 52px; }
      .internship-heading > p.internship-subtitle { font-size: 16px; }
    }
    @media (max-width: 480px) {
      .internship-heading .internship-kicker { font-size: 36px; }
      .internship-heading > p.internship-subtitle { font-size: 14px; }
    }
    #corporate-training.corporate-training-section {
      position: relative;
      display: flex;
      min-height: 720px;
      align-items: center;
      overflow: hidden;
      padding: clamp(96px, 11vw, 150px) 0;
      color: #fff;
      background-color: #07162e;
      background-image:
        linear-gradient(90deg, rgba(4, 17, 40, .91) 0%, rgba(4, 17, 40, .82) 48%, rgba(4, 17, 40, .66) 100%),
        linear-gradient(0deg, rgba(4, 17, 40, .48), transparent 72%),
        url("images/corporate-skyscraper.jpg");
      background-position: center, center, center 43%;
      background-size: cover;
    }
    #corporate-training .corporate-training-layout { display: block; }
    #corporate-training .corporate-training-copy { max-width: 1040px; }
    #corporate-training .corporate-training-copy .eyebrow {
      display: inline-flex;
      margin: 0 0 20px;
      padding: 8px 13px;
      color: #b9dcff;
      background: rgba(15, 46, 83, .72);
      border: 1px solid rgba(185, 220, 255, .38);
      border-radius: 999px;
      font-size: 11px;
      letter-spacing: .12em;
    }
    #corporate-training .corporate-training-copy h2 {
      display: block;
      max-width: 880px;
      margin: 0;
      padding: 0;
      color: #fff;
      background: none;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      font-size: clamp(42px, 6vw, 76px);
      line-height: 1.02;
      letter-spacing: -.045em;
      text-shadow: 0 3px 24px rgba(0, 0, 0, .28);
    }
    #corporate-training .corporate-training-intro {
      max-width: 760px;
      margin: 24px 0 30px;
      color: #e2edfa;
      font-size: 16px;
      line-height: 1.8;
    }
    #corporate-training .corporate-training-points {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin: 0 0 28px;
    }
    #corporate-training .corporate-training-points li {
      min-height: 124px;
      padding: 18px;
      background: rgba(7, 22, 46, .62);
      border: 1px solid rgba(191, 219, 254, .25);
      border-radius: 12px;
      backdrop-filter: blur(8px);
    }
    #corporate-training .corporate-training-points li > span {
      color: #d8ebff;
      background: rgba(37, 99, 235, .34);
      border-color: rgba(147, 197, 253, .4);
    }
    #corporate-training .corporate-training-points strong { color: #fff; }
    #corporate-training .corporate-training-points p { color: #cfdeef; }
    #corporate-training .corporate-training-cta {
      min-height: 52px;
      padding-inline: 22px;
      color: #fff;
      background: #2563eb;
      border-color: #68a2ff;
      box-shadow: 0 10px 30px rgba(37, 99, 235, .4);
    }
    #corporate-training .corporate-training-cta:hover {
      color: #fff;
      background: #1d4ed8;
      box-shadow: 0 14px 34px rgba(37, 99, 235, .52);
    }
    #corporate-training .corporate-training-next {
      max-width: 760px;
      margin-top: 8px;
      padding: 22px 24px;
      background: rgba(7, 22, 46, .58);
      border: 1px solid rgba(191, 219, 254, .25);
      border-radius: 14px;
      backdrop-filter: blur(8px);
    }
    #corporate-training .corporate-training-next h3 {
      margin: 0;
      color: #fff;
      font: 700 clamp(20px, 2.5vw, 28px)/1.2 var(--display);
    }
    #corporate-training .corporate-training-next > p:not(.corporate-training-note) {
      margin: 9px 0 16px;
      color: #e2edfa;
      font-size: 14px;
      line-height: 1.7;
    }
    #corporate-training .corporate-training-note {
      max-width: none;
      margin: 13px 0 0;
      color: #c5d5e9;
      font-size: 11px;
      line-height: 1.6;
    }
    @media (max-width: 760px) {
      #corporate-training.corporate-training-section {
        min-height: 0;
        padding: 82px 0;
        background-image:
          linear-gradient(90deg, rgba(4, 17, 40, .9), rgba(4, 17, 40, .78)),
          linear-gradient(0deg, rgba(4, 17, 40, .46), transparent 72%),
          url("images/corporate-skyscraper.jpg");
        background-position: center, center, 56% center;
      }
      #corporate-training .corporate-training-points { grid-template-columns: 1fr; }
      #corporate-training .corporate-training-points li { min-height: 0; }
    }
    @media (max-width: 480px) {
      #corporate-training.corporate-training-section { padding: 70px 0; }
      #corporate-training .corporate-training-copy h2 { font-size: clamp(38px, 10vw, 48px); }
      #corporate-training .corporate-training-intro { font-size: 14px; }
      #corporate-training .corporate-training-next { padding: 18px; }
    }
    #finder.section {
      padding-block: clamp(34px, 4vw, 50px);
      background: linear-gradient(135deg, #eef6ff, #f8fbff 55%, #edf5ff);
    }
    #finder::before,
    #finder::after { display: none; }
    #finder .finder-layout {
      grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
      align-items: center;
      gap: clamp(14px, 2vw, 24px);
    }
    #finder .finder-layout .section-head {
      max-width: none;
      margin: 0;
      padding: clamp(20px, 2.5vw, 28px);
      background: linear-gradient(135deg, #fff, #f1f7ff);
      border-color: #d7e6f7;
      border-radius: 16px;
      box-shadow: 0 10px 28px rgba(11, 31, 58, .08);
    }
    #finder .finder-layout .section-head .eyebrow {
      margin-bottom: 10px;
      color: #2563eb;
      background: #eaf2ff;
      border-color: #d2e2fb;
    }
    #finder .finder-layout .section-head h2 { font-size: clamp(30px, 3.2vw, 42px); }
    #finder .finder-layout .section-head h2::after { margin-top: 12px; }
    #finder .finder-layout .section-head p:not(.eyebrow) {
      margin-top: 12px;
      color: #52677f;
      font-size: 14px;
    }
    #finder .finder-cta { margin-top: 16px; }
    #finder .quiz-panel {
      padding: clamp(20px, 2.5vw, 28px);
      color: #0b1f3a;
      background: #fff;
      border-color: #d8e8f7;
      border-radius: 16px;
      box-shadow: 0 10px 30px rgba(11, 31, 58, .09);
    }
    #finder .quiz-panel::before { display: none; }
    #finder .quiz-top,
    #finder .quiz-navigation > span,
    #finder .match-row small,
    #finder .match-row p { color: #64748b; }
    #finder .quiz-top span:last-child,
    #finder .match-rank,
    #finder .quiz-result > .eyebrow { color: #2563eb; }
    #finder .quiz-progress { margin: 10px 0 18px; background: #eaf2fa; }
    #finder .quiz-progress span { background: linear-gradient(90deg, #93c5fd, #2563eb); box-shadow: none; }
    #finder .quiz-panel h3,
    #finder .match-row strong { color: #0b1f3a; }
    #finder .quiz-panel h3 { margin-bottom: 14px; }
    #finder .quiz-options { gap: 8px; }
    #finder .quiz-option,
    #finder .match-row {
      color: #334155;
      background: #f8fbff;
      border-color: #e2e8f0;
    }
    #finder .quiz-option { min-height: 60px; padding: 10px 12px; }
    #finder .quiz-option-mark { color: #1d4ed8; background: #eff6ff; border-color: #dbeafe; }
    #finder .quiz-option-arrow { color: #2563eb; }
    #finder .quiz-option:hover,
    #finder .quiz-option:focus-visible { color: #1d4ed8; background: #eff6ff; border-color: #93c5fd; }
    #finder .quiz-navigation { min-height: 32px; margin-top: 12px; }
    #finder .quiz-back { color: #475569; border-color: #dbe5f0; }
    #finder .quiz-back:hover { color: #1d4ed8; background: #eff6ff; border-color: #93c5fd; }
    #finder .quiz-result-actions { margin-top: 16px; }
    @media (max-width: 760px) {
      #finder.section { padding-block: 30px; }
      #finder .finder-layout { grid-template-columns: minmax(0, 1fr); gap: 12px; }
      #finder .finder-layout .section-head { padding: 19px; }
      #finder .finder-layout .section-head h2 { font-size: clamp(30px, 8vw, 40px); }
      #finder .quiz-panel { min-height: 0; padding: 20px; }
    }
    @media (max-width: 480px) {
      #finder.section { padding-block: 24px; }
      #finder .finder-layout .section-head { padding: 17px; }
      #finder .quiz-panel { padding: 15px; border-radius: 13px; }
      #finder .quiz-options { grid-template-columns: 1fr; }
    }
    #corporate-training.corporate-training-section { padding-bottom: clamp(28px, 3vw, 40px); }
    #internships.internship-section { padding-top: clamp(28px, 3vw, 40px); }
    @media (max-width: 760px) {
      #corporate-training.corporate-training-section { padding-bottom: 22px; }
      #internships.internship-section { padding-top: 22px; }
    }
    #internships.internship-section {
      color: #0b1f3a;
      background: linear-gradient(135deg, #f2f7ff, #ffffff 52%, #edf5ff);
    }
    #internships.internship-section::before,
    #internships.internship-section::after { display: none; }
    #internships .internship-heading {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      max-width: 1040px;
      margin-bottom: 28px;
      padding: clamp(24px, 4vw, 42px);
      background:
        radial-gradient(ellipse at 88% 12%, rgba(101, 223, 196, .2), transparent 34%),
        radial-gradient(ellipse at 8% 100%, rgba(37, 99, 235, .28), transparent 42%),
        repeating-linear-gradient(0deg, transparent 0 35px, rgba(191, 227, 255, .035) 36px),
        repeating-linear-gradient(90deg, transparent 0 35px, rgba(191, 227, 255, .035) 36px),
        linear-gradient(135deg, #081a34, #10294b 58%, #123858);
      border: 1px solid rgba(147, 197, 253, .3);
      border-radius: 22px;
      box-shadow: 0 22px 48px rgba(11, 31, 58, .2), inset 0 1px rgba(255, 255, 255, .1);
    }
    #internships .internship-heading::before,
    #internships .internship-heading::after {
      position: absolute;
      z-index: 0;
      content: "";
      pointer-events: none;
    }
    #internships .internship-heading::before {
      inset: 0;
      opacity: .75;
      background: linear-gradient(112deg, transparent 28%, rgba(191, 227, 255, .08) 49%, transparent 68%);
      background-size: 220% 100%;
      animation: internship-panel-sheen 12s ease-in-out infinite alternate;
    }
    #internships .internship-heading::after {
      top: -118px;
      right: -58px;
      width: 280px;
      aspect-ratio: 1;
      border: 1px solid rgba(191, 227, 255, .16);
      border-radius: 50%;
      box-shadow: 0 0 0 24px rgba(101, 223, 196, .045), 0 0 0 58px rgba(191, 227, 255, .035), inset 0 0 50px rgba(101, 223, 196, .06);
    }
    #internships .internship-heading > * { position: relative; z-index: 1; }
    @keyframes internship-panel-sheen {
      from { background-position: 100% 50%; }
      to { background-position: 0% 50%; }
    }
    #internships .internship-kicker {
      color: #bfe3ff;
      background: linear-gradient(100deg, #fff 5%, #65dfc4 38%, #fff 62%, #f4b942 85%, #fff);
      background-size: 220% 100%;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    #internships .internship-heading > p:not(.internship-kicker) { color: #cfdaea; }
    #internships .internship-subtitle { color: #f4f8ff; }
    #internships .internship-subtitle span { color: #65dfc4; }
    #internships .internship-highlights li {
      min-height: 42px;
      padding: 8px 14px;
      color: #e0ebf8;
      background: rgba(8, 26, 52, .58);
      border-color: rgba(157, 200, 239, .28);
      box-shadow: inset 0 1px rgba(255, 255, 255, .06);
      backdrop-filter: blur(8px);
      transition: background .2s, border-color .2s, transform .2s;
    }
    #internships .internship-highlights li:hover {
      transform: translateY(-2px);
      background: rgba(37, 99, 235, .2);
      border-color: rgba(101, 223, 196, .55);
    }
    #internships .internship-highlights li span { color: #65dfc4; }
    #internships .internship-note { color: #64748b; }
    #internships.internship-section { padding-bottom: 34px; }
    #roadmap.section {
      padding-top: 44px;
      padding-bottom: clamp(72px, 7vw, 96px);
    }
    #roadmap .section-head {
      max-width: 900px;
      margin-bottom: 24px;
      padding: clamp(20px, 2.8vw, 30px);
      background:
        radial-gradient(ellipse at 94% 8%, rgba(101, 223, 196, .16), transparent 36%),
        linear-gradient(125deg, #10294b, #0b1f3a 72%);
      border: 1px solid rgba(147, 197, 253, .3);
      border-left: 5px solid #65dfc4;
      border-radius: 18px;
      box-shadow: 0 18px 42px rgba(2, 8, 23, .2), inset 0 1px rgba(255, 255, 255, .08);
    }
    #roadmap .section-head .eyebrow {
      display: block;
      width: fit-content;
      margin: 0 0 10px;
      padding: 0;
      color: #2563eb;
      background: linear-gradient(100deg, #2563eb, #167c96 75%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      border: 0;
      border-radius: 0;
      font: 800 clamp(36px, 4.8vw, 58px)/.98 var(--display);
      letter-spacing: -.045em;
    }
    #roadmap .section-head h2 {
      display: block;
      max-width: 700px;
      margin: 0;
      padding: 0;
      color: #d9efff;
      background: none;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      font-size: clamp(26px, 3vw, 38px);
      line-height: 1.05;
    }
    #roadmap .section-head h2::after {
      margin-top: 10px;
      background: linear-gradient(90deg, #2563eb, #65dfc4);
      box-shadow: 0 0 16px rgba(37, 99, 235, .2);
    }
    #roadmap .section-head > p:last-child {
      max-width: 680px;
      margin-top: 10px;
      color: #c0d0e3;
      font-size: clamp(12px, 1vw, 14px);
      line-height: 1.6;
    }
    @media (max-width: 760px) {
      #internships.internship-section { padding-bottom: 22px; }
      #roadmap.section { padding-top: 30px; padding-bottom: 64px; }
      #roadmap .section-head { margin-bottom: 18px; padding: 20px 18px; }
      #roadmap .section-head .eyebrow { font-size: clamp(34px, 9vw, 46px); }
      #roadmap .section-head h2 { font-size: clamp(24px, 6vw, 32px); }
    }
    #add-on-benefits.addon-benefits-section {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      color: #0b1f3a;
      background-color: #eef5ff;
      background-image:
        linear-gradient(115deg, rgba(246, 250, 247, .78), rgba(241, 248, 243, .7)),
        url("images/learning-collaboration.jpg");
      background-repeat: no-repeat;
      background-position: center, 47% center;
      background-size: 100% 100%, 112% 112%;
      animation: benefits-photo-drift 26s ease-in-out infinite alternate;
    }
    #add-on-benefits.section:not(#courses):not(.about-learning)::before {
      display: none;
    }
    #add-on-benefits.section:not(#courses):not(.about-learning)::after { display: none; }
    @keyframes benefits-photo-drift {
      from { background-position: center, 47% center; }
      to { background-position: center, 53% center; }
    }
    #add-on-benefits .benefits-intro .eyebrow {
      color: #2563eb;
      background: #eaf2ff;
      border-color: #d2e2fb;
    }
    #add-on-benefits .benefits-intro {
      max-width: 850px;
      padding: 0;
      background: none;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }
    #add-on-benefits .benefits-intro .eyebrow {
      color: #287d68;
      background: rgba(240, 249, 245, .94);
      border-color: #c6e5d7;
    }
    #add-on-benefits .benefits-intro > p:last-child { color: #405875; }
    #add-on-benefits .benefits-intro h2 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      width: fit-content;
      max-width: 100%;
      padding: 0;
      color: #0b1f3a;
      background: none;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }
    #add-on-benefits .benefits-note { color: #405875; }
    #add-on-benefits .benefits-free-label {
      display: inline-block;
      margin: 0;
      padding: 0;
      color: #287d68;
      font-size: clamp(18px, 2.4vw, 25px);
      font-weight: 800;
      letter-spacing: -.02em;
      text-transform: none;
      background: none;
      border: 0;
      border-radius: 0;
    }
    #add-on-benefits .benefits-intro > p:last-child { margin-top: 10px; color: #405875; }
    #add-on-benefits .benefits-cta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      margin-top: 28px;
      padding: clamp(20px, 3vw, 30px);
      background: linear-gradient(120deg, #e7f0ff, #f7faff);
      border: 1px solid #d5e4fb;
      border-radius: 18px;
    }
    #add-on-benefits .benefits-cta h3 {
      margin: 0;
      color: #0b1f3a;
      font: 800 clamp(21px, 2.5vw, 28px)/1.15 var(--display);
    }
    #add-on-benefits .benefits-cta p {
      max-width: 650px;
      margin: 8px 0 0;
      color: #52677f;
      font-size: 14px;
      line-height: 1.65;
    }
    #add-on-benefits .benefits-cta .btn {
      flex: 0 0 auto;
      white-space: normal;
      text-align: center;
    }
    @media (max-width: 760px) {
      #add-on-benefits .benefits-cta { align-items: flex-start; flex-direction: column; }
      #add-on-benefits .benefits-cta .btn { width: 100%; }
    }
    #faq .section-head h2 {
      color: #173b37;
      background: linear-gradient(110deg, #e0f1e9, #edf3df);
      border-color: #c8e1d4;
      border-left-color: #65b5a2;
      box-shadow: 0 8px 24px rgba(11, 31, 58, .12);
    }
    #faq .section-head h2::after {
      background: linear-gradient(90deg, #65b5a2, #f4b942);
      box-shadow: 0 0 14px rgba(101, 181, 162, .24);
    }
    #faq.section { padding: 48px 0 24px; }
    #faq .section-head { margin-bottom: 16px; padding: 18px 22px; }
    #faq .faq-list { gap: 8px; }
    #faq .faq-item summary { padding: 13px 40px 13px 14px; }
    #faq .faq-item p { padding: 0 14px 13px; }
    .closing { padding: 32px 0; }
    #finder.section {
      background-image:
        linear-gradient(115deg, rgba(242, 248, 252, .88), rgba(235, 244, 249, .8)),
        url("images/learning-classroom.jpg");
      background-position: center, center;
      background-size: cover;
    }
    #internships .internship-course-content button { color: #fff; }
    #internships .internship-course-content button:hover,
    #internships .internship-course-content button:focus-visible {
      color: #fff;
      background: color-mix(in srgb, var(--course-accent), #10213d 12%);
      border-color: color-mix(in srgb, var(--course-accent), #fff 25%);
    }
    #home #heroTitle {
      background: linear-gradient(115deg, rgba(20, 45, 78, .96), rgba(13, 32, 64, .88));
      border-color: rgba(101, 223, 196, .36);
      border-left-color: #65dfc4;
      box-shadow: 0 14px 34px rgba(2, 9, 29, .22), 0 0 0 5px rgba(101, 223, 196, .08);
    }
    #home #heroTitle .hero-title-prefix { color: #f4f8ff; }
    #home #heroTitle .role-line { color: #65dfc4; }
    .closing h2 {
      color: #173b37;
      background: linear-gradient(110deg, #e0f1e9, #edf3df);
      border-color: #c8e1d4;
      border-left-color: #65b5a2;
      box-shadow: 0 8px 24px rgba(11, 31, 58, .12);
    }
    #add-on-benefits .addon-benefit-card {
      --benefit-accent: #60a5fa;
      --benefit-accent-rgb: 96, 165, 250;
      position: relative;
      isolation: isolate;
      background:
        radial-gradient(ellipse at 100% 0%, rgba(var(--benefit-accent-rgb), .2), transparent 48%),
        linear-gradient(145deg, #17375e, #0d1b38);
      border-color: rgba(var(--benefit-accent-rgb), .48);
      border-radius: 16px 16px 30px 16px;
      box-shadow: 0 14px 32px rgba(4, 18, 42, .2);
      animation: benefit-card-arrive .65s cubic-bezier(.2, .7, .2, 1) both;
      animation-delay: calc((var(--benefit-index, 1) - 1) * 70ms);
      transition: transform .3s cubic-bezier(.2, .7, .2, 1), border-color .3s, box-shadow .3s;
    }
    #add-on-benefits .addon-benefit-card::before {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 23px;
      width: 48px;
      height: 3px;
      content: "";
      background: var(--benefit-accent);
      border-radius: 0 0 4px 4px;
      box-shadow: 0 0 16px rgba(var(--benefit-accent-rgb), .6);
      transition: width .3s ease;
    }
    #add-on-benefits .addon-benefit-card::after {
      border-color: rgba(var(--benefit-accent-rgb), .32);
      box-shadow: 0 0 0 15px rgba(var(--benefit-accent-rgb), .07), 0 0 0 38px rgba(var(--benefit-accent-rgb), .035);
    }
    #add-on-benefits .addon-benefit-card:hover {
      transform: translateY(-7px) scale(1.012);
      border-color: var(--benefit-accent);
      box-shadow: 0 22px 42px rgba(4, 18, 42, .32), 0 0 0 1px rgba(var(--benefit-accent-rgb), .18);
    }
    #add-on-benefits .addon-benefit-card:hover::before { width: 76px; }
    #add-on-benefits .addon-benefit-card .benefit-icon {
      position: relative;
      z-index: 2;
      color: var(--benefit-accent);
      background: rgba(var(--benefit-accent-rgb), .14);
      border-color: rgba(var(--benefit-accent-rgb), .42);
      transition: transform .3s ease, background-color .3s ease;
    }
    #add-on-benefits .addon-benefit-card:hover .benefit-icon {
      transform: translateY(-2px) rotate(-5deg);
      background: rgba(var(--benefit-accent-rgb), .22);
    }
    #add-on-benefits .addon-benefit-card h3 { color: #f3f7ff; }
    #add-on-benefits .addon-benefit-card p { color: #cfdbec; }
    #add-on-benefits .addon-benefit-card:nth-child(1) { --benefit-index: 1; --benefit-accent: #65dfc4; --benefit-accent-rgb: 101, 223, 196; }
    #add-on-benefits .addon-benefit-card:nth-child(2) { --benefit-index: 2; --benefit-accent: #f4b942; --benefit-accent-rgb: 244, 185, 66; }
    #add-on-benefits .addon-benefit-card:nth-child(3) { --benefit-index: 3; --benefit-accent: #8edbc3; --benefit-accent-rgb: 142, 219, 195; }
    #add-on-benefits .addon-benefit-card:nth-child(4) { --benefit-index: 4; --benefit-accent: #ffd166; --benefit-accent-rgb: 255, 209, 102; }
    #add-on-benefits .addon-benefit-card:nth-child(5) { --benefit-index: 5; --benefit-accent: #67cda8; --benefit-accent-rgb: 103, 205, 168; }
    #add-on-benefits .addon-benefit-card:nth-child(6) { --benefit-index: 6; --benefit-accent: #a6e3d4; --benefit-accent-rgb: 166, 227, 212; }
    #add-on-benefits .addon-benefit-card:nth-child(7) { --benefit-index: 7; --benefit-accent: #e7b65c; --benefit-accent-rgb: 231, 182, 92; }
    #add-on-benefits .addon-benefit-card:nth-child(8) { --benefit-index: 8; --benefit-accent: #75d6c3; --benefit-accent-rgb: 117, 214, 195; }
    #add-on-benefits .addon-benefit-card:nth-child(9) { --benefit-index: 9; --benefit-accent: #f4b942; --benefit-accent-rgb: 244, 185, 66; }
    @keyframes benefit-card-arrive {
      from { opacity: 0; transform: translateY(16px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .about-page .about-hero {
      isolation: isolate;
      padding: clamp(86px, 11vw, 148px) 0 clamp(78px, 10vw, 128px);
      background-color: #07142b;
      background-image:
        radial-gradient(ellipse at 18% 20%, rgba(101, 223, 196, .24), transparent 38%),
        radial-gradient(ellipse at 83% 76%, rgba(244, 185, 66, .16), transparent 34%),
        linear-gradient(125deg, #07142b, #0d2040 48%, #12344b 74%, #07142b);
      background-size: 210% 210%, 220% 220%, 260% 260%;
      background-position: 0% 10%, 100% 90%, 0% 50%;
      animation: about-hero-background 10s ease-in-out infinite alternate;
    }
    .about-page .about-hero::before {
      position: absolute;
      z-index: -1;
      inset: -45%;
      width: 190%;
      height: 190%;
      content: "";
      background:
        radial-gradient(ellipse at 25% 35%, rgba(101, 223, 196, .45), transparent 24%),
        radial-gradient(ellipse at 76% 28%, rgba(37, 99, 235, .52), transparent 28%),
        radial-gradient(ellipse at 62% 76%, rgba(244, 185, 66, .27), transparent 24%),
        radial-gradient(ellipse at 35% 82%, rgba(83, 118, 223, .42), transparent 30%);
      background-size: 140% 140%;
      filter: blur(42px);
      opacity: .9;
      animation: about-hero-color-drift 11s ease-in-out infinite alternate;
      pointer-events: none;
    }
    .about-page .about-hero::after {
      position: absolute;
      z-index: -1;
      inset: 0;
      content: "";
      background:
        linear-gradient(112deg, transparent 20%, rgba(190, 235, 255, .11) 48%, transparent 72%),
        radial-gradient(circle, rgba(213, 238, 255, .3) 0 1px, transparent 1.7px);
      background-size: 220% 100%, 42px 42px;
      animation: about-hero-sheen 8s ease-in-out infinite alternate, about-hero-particles 24s linear infinite;
      pointer-events: none;
    }
    @keyframes about-hero-color-drift {
      0% { transform: translate3d(-5%, -3%, 0) rotate(-4deg) scale(.96); background-position: 0% 40%; }
      50% { transform: translate3d(2%, 3%, 0) rotate(2deg) scale(1.04); background-position: 55% 15%; }
      100% { transform: translate3d(5%, -1%, 0) rotate(5deg) scale(1.08); background-position: 100% 70%; }
    }
    @keyframes about-hero-background {
      0% { background-position: 0% 50%, 100% 50%, 0% 50%; }
      100% { background-position: 100% 50%, 0% 50%, 100% 50%; }
    }
    @keyframes about-hero-sheen {
      from { background-position: 100% 0, 0 0; opacity: .5; }
      to { background-position: 0 0, 21px 14px; opacity: 1; }
    }
    @keyframes about-hero-particles {
      to { background-position: 0 0, 84px 84px; }
    }
    @media (max-width: 760px) {
      .about-page .about-hero::before { inset: -25%; width: 150%; height: 150%; filter: blur(35px); }
      .about-page .about-hero::after { background-size: 300% 100%, 54px 54px; }
    }
    .about-intro-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .85fr); align-items: center; gap: clamp(34px, 6vw, 78px); }
    .about-intro-content { position: relative; z-index: 2; }
    .about-intro-content > .about-intro-eyebrow { margin: 0 0 20px; color: #f4b942; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
    .about-intro-inner h1 { max-width: 850px; margin: 0; padding: 0; color: #fff; background: none; border: 0; box-shadow: none; font: 800 clamp(42px, 7vw, 76px)/1.02 var(--display); letter-spacing: -.045em; }
    .about-intro-copy { max-width: 760px; margin: 24px 0 30px; color: #d6e5f6; font-size: clamp(15px, 1.5vw, 18px); line-height: 1.8; }
    .about-intro-visual { position: relative; min-height: 410px; margin: 0; overflow: hidden; background: #102b4b; border: 1px solid rgba(178, 218, 245, .35); border-radius: 14px 14px 44px 14px; box-shadow: 0 28px 65px rgba(2, 8, 23, .46); transform: perspective(1000px) rotateY(-5deg); }
    .about-intro-visual::before { position: absolute; z-index: 1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(7, 20, 43, .45), transparent 48%), linear-gradient(0deg, rgba(7, 20, 43, .82), transparent 54%), linear-gradient(135deg, rgba(20, 93, 115, .22), rgba(7, 20, 43, .05) 60%); pointer-events: none; }
    .about-intro-visual img { display: block; width: 100%; height: 100%; min-height: 410px; object-fit: cover; object-position: center; filter: saturate(.86) contrast(1.04); }
    .about-intro-visual figcaption { position: absolute; z-index: 2; right: 20px; bottom: 19px; left: 22px; color: #e6f6ff; font: 600 14px/1.4 var(--display); letter-spacing: .02em; text-shadow: 0 2px 12px rgba(0, 0, 0, .4); }
    .about-page .about-section { padding-block: clamp(60px, 8vw, 92px); }
    .about-page .about-section .section-head { margin-bottom: 32px; }
    .about-values-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    .about-value-card { position: relative; min-height: 220px; padding: clamp(24px, 3vw, 36px); overflow: hidden; background: linear-gradient(145deg, #fff, #f3f7f6); border: 1px solid #dbe6ec; border-radius: 10px 10px 30px 10px; box-shadow: 0 14px 36px rgba(14, 37, 70, .08); }
    .about-card-number { color: #287d68; font: 800 12px var(--display); letter-spacing: .12em; }
    .about-value-card h3 { margin: 18px 0 10px; color: #132653; font: 700 25px/1.2 var(--display); }
    .about-value-card p { max-width: 560px; margin: 0; color: #53657c; font-size: 15px; line-height: 1.75; }
    .about-approach-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
    .about-approach-card { min-height: 228px; padding: 23px 20px; background: linear-gradient(145deg, #122750, #0d1b3b); border: 1px solid #2a416c; border-top: 3px solid #65dfc4; border-radius: 8px 8px 22px 8px; }
    .about-approach-card:nth-child(even) { border-top-color: #f4b942; }
    .about-approach-card > span, .about-community-grid article > span { color: #65dfc4; font: 800 12px var(--display); letter-spacing: .1em; }
    .about-approach-card:nth-child(even) > span { color: #f4b942; }
    .about-approach-card h3 { margin: 24px 0 9px; color: #f1f6ff; font: 700 18px/1.25 var(--display); }
    .about-approach-card p { margin: 0; color: #c1cfe4; font-size: 13px; line-height: 1.7; }
    .about-page #aboutCourses .section-head { margin-bottom: 32px; }
    .about-page #aboutCourses .about-course-grid { gap: 14px; }
    .about-page #aboutCourses .about-course { min-height: 180px; }
    .about-course-action { display: flex; justify-content: center; margin-top: 28px; }
    .about-journey { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
    .about-journey::before { position: absolute; top: 23px; right: 8%; left: 8%; height: 1px; content: ""; background: linear-gradient(90deg, #65dfc4, #f4b942); opacity: .65; }
    .about-journey li { position: relative; z-index: 1; min-height: 212px; padding: 0 16px 19px; background: linear-gradient(180deg, rgba(18, 39, 80, .7), rgba(11, 23, 53, .95)); border: 1px solid #263960; border-radius: 8px; }
    .about-journey li > span { display: grid; place-items: center; width: 46px; height: 46px; margin: 0 0 20px; color: #10213d; background: #65dfc4; border: 5px solid #0b1735; border-radius: 50%; font: 800 11px var(--display); }
    .about-journey li:nth-child(even) > span { background: #f4b942; }
    .about-journey h3 { margin: 0 0 8px; color: #fff; font: 700 19px var(--display); }
    .about-journey p { margin: 0; color: #c1cfe4; font-size: 12px; line-height: 1.7; }
    .about-support-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
    .about-support-grid article { min-height: 164px; padding: 21px; background: #fff; border: 1px solid #dbe6ec; border-left: 3px solid #65b5a2; border-radius: 8px; box-shadow: 0 10px 26px rgba(14, 37, 70, .06); }
    .about-support-grid article:nth-child(3n + 2) { border-left-color: #f4b942; }
    .about-support-grid h3 { margin: 0 0 9px; color: #17316e; font: 700 17px/1.25 var(--display); }
    .about-support-grid p { margin: 0; color: #53657c; font-size: 12px; line-height: 1.7; }
    .about-availability-note { margin: 20px 0 0; color: #64748b; font-size: 12px; line-height: 1.65; }
    .about-community-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
    .about-community-grid article { min-height: 190px; padding: 22px; background: linear-gradient(145deg, #122750, #0d1b3b); border: 1px solid #2a416c; border-radius: 8px 8px 22px 8px; }
    .about-community-grid article:nth-child(even) > span { color: #f4b942; }
    .about-community-grid h3 { margin: 20px 0 9px; color: #f1f6ff; font: 700 17px/1.25 var(--display); }
    .about-community-grid p { margin: 0; color: #c1cfe4; font-size: 12px; line-height: 1.7; }
    .about-community-close { margin: 26px 0 18px; color: #d6e5f6; font: 600 17px/1.5 var(--display); }
    .about-cta { padding: clamp(54px, 7vw, 82px) 0; color: #172945; background: linear-gradient(120deg, #e9f4f2, #f4f6f8 58%, #fff7e7); }
    .about-location-heading { margin-bottom: 26px; }
    .about-location-heading .eyebrow { margin-bottom: 10px; }
    .about-location-heading h2 { margin: 0; color: #fff; font: 800 clamp(29px, 4vw, 44px)/1.1 var(--display); letter-spacing: -.03em; }
    .about-location-description { max-width: 780px; margin: 14px 0 0; color: #d7e5f6; font-size: 15px; line-height: 1.75; }
    .about-location-address { margin: 18px 0 0; color: #d7e5f6; font-size: 14px; line-height: 1.8; }
    .about-location-address strong { color: #91f0d9; }
    .about-location-map { margin-bottom: 30px; overflow: hidden; border: 1px solid rgba(101, 223, 196, .3); border-radius: 12px; box-shadow: 0 20px 50px rgba(0, 7, 22, .3); }
    .about-location-map iframe { display: block; width: 100%; height: clamp(240px, 34vw, 390px); border: 0; }
    .about-location-map-link { display: flex; justify-content: space-between; gap: 12px; padding: 12px 16px; color: #d7e5f6; background: #0b1f3a; font-size: 12px; font-weight: 700; }
    .about-location-map-link:hover { color: #91f0d9; }
    .about-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: clamp(25px, 4vw, 42px); background: rgba(255, 255, 255, .78); border: 1px solid #d7e5e8; border-radius: 12px; box-shadow: 0 16px 42px rgba(14, 37, 70, .08); }
    .about-cta .eyebrow { margin: 0 0 13px; color: #287d68; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
    .about-cta h2 { margin: 0; color: #132653; font: 800 clamp(27px, 4vw, 42px)/1.1 var(--display); letter-spacing: -.03em; }
    .about-cta-inner > div > p:last-child { max-width: 680px; margin: 12px 0 0; color: #53657c; font-size: 14px; line-height: 1.75; }
    .about-cta .btn { flex: 0 0 auto; }

    @media (max-width: 1000px) {
      .about-approach-grid, .about-support-grid, .about-community-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .about-journey { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .about-journey::before { display: none; }
    }
    @media (max-width: 760px) {
      .about-page .about-hero { padding: 78px 0 72px; }
      .about-intro-inner { grid-template-columns: 1fr; gap: 35px; }
      .about-intro-visual { min-height: 300px; transform: none; }
      .about-intro-visual img { min-height: 300px; }
      .about-values-grid { grid-template-columns: 1fr; }
      .about-value-card { min-height: 0; }
      .about-journey { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .about-cta-inner { align-items: flex-start; flex-direction: column; }
    }
    @media (max-width: 480px) {
      .about-intro-inner h1 { font-size: clamp(39px, 12vw, 54px); }
      .about-approach-grid, .about-support-grid, .about-community-grid, .about-journey { grid-template-columns: 1fr; }
      .about-approach-card, .about-journey li, .about-community-grid article, .about-support-grid article { min-height: 0; }
      .about-approach-card h3 { margin-top: 15px; }
    }
    .about-page .about-vision-section,
    .about-page .about-courses-section {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      color: #f4f8ff;
      background-color: #08152f;
    }
    .about-page .about-vision-section {
      background-image:
        linear-gradient(115deg, rgba(5, 15, 38, .92), rgba(9, 26, 54, .79) 55%, rgba(10, 31, 56, .88)),
        url("images/learning-collaboration.jpg");
      background-position: center, 50% 42%;
      background-size: cover;
    }
    .about-page .about-courses-section {
      background-image:
        linear-gradient(115deg, rgba(5, 15, 38, .94), rgba(9, 24, 53, .82) 52%, rgba(8, 31, 54, .9)),
        url("images/learning-classroom.jpg");
      background-position: center, 50% 44%;
      background-size: cover;
    }
    .about-page .about-vision-section::before,
    .about-page .about-courses-section::before {
      position: absolute;
      z-index: -1;
      inset: 0;
      width: auto;
      content: "";
      background:
        radial-gradient(ellipse at 10% 20%, rgba(101, 223, 196, .24), transparent 34%),
        radial-gradient(ellipse at 92% 86%, rgba(244, 185, 66, .22), transparent 32%),
        linear-gradient(125deg, transparent 30%, rgba(45, 112, 202, .18), transparent 75%);
      background-size: 180% 180%;
      animation: about-section-color-flow 16s ease-in-out infinite alternate;
      pointer-events: none;
    }
    .about-page .about-vision-section::after,
    .about-page .about-courses-section::after { display: none; }
    @keyframes about-section-color-flow {
      from { background-position: 0% 20%; }
      to { background-position: 100% 80%; }
    }
    .about-page .about-vision-section .section-head,
    .about-page .about-courses-section .section-head {
      color: #f4f8ff;
      background: linear-gradient(125deg, rgba(12, 29, 60, .82), rgba(15, 42, 72, .68));
      border-color: rgba(101, 223, 196, .28);
      box-shadow: 0 20px 48px rgba(0, 7, 22, .26);
      backdrop-filter: blur(10px);
    }
    .about-page .about-vision-section .section-head h2,
    .about-page .about-courses-section .section-head h2 { color: #fff; }
    .about-page .about-vision-section .section-head h2 {
      padding: .18em .3em .22em;
      background: linear-gradient(110deg, rgba(24, 68, 99, .94), rgba(16, 48, 80, .9) 62%, rgba(30, 91, 99, .88));
      border: 1px solid rgba(101, 223, 196, .38);
      border-left: 4px solid #f4b942;
      border-radius: 10px;
      box-shadow: 0 10px 28px rgba(0, 7, 22, .24), inset 0 1px rgba(255, 255, 255, .08);
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
    }
    .about-page .about-vision-section .section-head p:last-child,
    .about-page .about-courses-section .section-head p:last-child { color: #d7e5f6; }
    .about-page .about-value-card {
      background: linear-gradient(145deg, rgba(14, 35, 70, .91), rgba(8, 23, 49, .88));
      border-color: rgba(158, 195, 230, .25);
      box-shadow: 0 18px 40px rgba(0, 7, 22, .28);
      backdrop-filter: blur(9px);
    }
    .about-page .about-value-card:nth-child(1) { border-top: 3px solid #65dfc4; }
    .about-page .about-value-card:nth-child(2) { border-top: 3px solid #f4b942; }
    .about-page .about-card-number { color: #65dfc4; }
    .about-page .about-value-card:nth-child(2) .about-card-number { color: #f4b942; }
    .about-page .about-value-card h3 { color: #fff; }
    .about-page .about-value-card p { color: #d0deef; }
    .about-page #aboutCourses .about-course {
      background: linear-gradient(145deg, rgba(14, 35, 70, .94), rgba(8, 23, 49, .91));
      border-color: rgba(143, 184, 222, .28);
      box-shadow: 0 14px 32px rgba(0, 7, 22, .2);
      backdrop-filter: blur(7px);
    }
    .about-page #aboutCourses .about-course:nth-child(3n + 1) { border-top: 3px solid #65dfc4; }
    .about-page #aboutCourses .about-course:nth-child(3n + 2) { border-top: 3px solid #f4b942; }
    .about-page #aboutCourses .about-course:nth-child(3n) { border-top: 3px solid #8cb8ff; }
    .about-page #aboutCourses .about-course > span { color: #91f0d9; }
    .about-page #aboutCourses .about-course:nth-child(3n + 2) > span { color: #ffd979; }
    .about-page #aboutCourses .about-course h3 { color: #fff; }
    .about-page #aboutCourses .about-course p { color: #d0deef; }
    .about-page .about-cta {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      color: #f4f8ff;
      background-color: #08152f;
      background-image:
        linear-gradient(110deg, rgba(5, 15, 38, .93), rgba(9, 26, 54, .78) 54%, rgba(10, 31, 56, .9)),
        url("images/learning-computing.jpg");
      background-position: center, 50% 46%;
      background-size: cover;
    }
    .about-page .about-cta::before {
      position: absolute;
      z-index: -1;
      inset: 0;
      content: "";
      background:
        radial-gradient(ellipse at 12% 80%, rgba(101, 223, 196, .26), transparent 36%),
        radial-gradient(ellipse at 88% 15%, rgba(244, 185, 66, .2), transparent 33%);
      background-size: 180% 180%;
      animation: about-section-color-flow 14s ease-in-out infinite alternate-reverse;
      pointer-events: none;
    }
    .about-page .about-cta-inner {
      color: #f4f8ff;
      background: linear-gradient(125deg, rgba(12, 29, 60, .86), rgba(15, 42, 72, .72));
      border-color: rgba(101, 223, 196, .3);
      box-shadow: 0 20px 50px rgba(0, 7, 22, .3);
      backdrop-filter: blur(10px);
    }
    .about-page .about-cta .eyebrow { color: #91f0d9; }
    .about-page .about-cta h2 { color: #fff; }
    .about-page .about-cta-inner > div > p:last-child { color: #d7e5f6; }
    @media (prefers-reduced-motion: reduce) {
      .about-page .about-vision-section::before,
      .about-page .about-courses-section::before,
      .about-page .about-cta::before { animation: none; }
    }
    .about-page .about-courses-section {
      color: #172945;
      background-color: #f5f8fc;
      background-image:
        linear-gradient(115deg, rgba(246, 250, 251, .91), rgba(242, 248, 251, .86)),
        url("images/learning-classroom.jpg");
      background-position: center, 50% 46%;
      background-size: cover;
      animation: none;
    }
    .about-page .about-courses-section::before { display: none; }
    .about-page .about-courses-section .section-head {
      color: #172945;
      padding: clamp(24px, 3.5vw, 38px);
      background: linear-gradient(125deg, #15385f, #10284b 62%, #18505c);
      border-color: rgba(101, 223, 196, .38);
      border-radius: 14px 14px 32px 14px;
      box-shadow: 0 18px 42px rgba(14, 37, 70, .2), inset 0 1px rgba(255, 255, 255, .08);
      backdrop-filter: none;
    }
    .about-page .about-courses-section .section-head h2 { color: #132653; }
    .about-page .about-courses-section .section-head h2 {
      display: inline-block;
      max-width: 100%;
      margin: 0;
      padding: 0;
      color: #fff;
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }
    .about-page .about-courses-section .section-head h2::after {
      background: linear-gradient(90deg, #65b5a2, #f4b942);
      box-shadow: 0 0 18px rgba(101, 181, 162, .25);
    }
    .about-page .about-courses-section .section-head p:last-child { color: #d7e5f6; }
    .about-page #aboutCourses .about-course {
      background: linear-gradient(145deg, #fff, #f1f7f8);
      border-color: #d7e3ed;
      box-shadow: 0 12px 30px rgba(14, 37, 70, .09);
      backdrop-filter: none;
    }
    .about-page #aboutCourses .about-course:nth-child(3n + 1) { border-top: 3px solid #36a98d; }
    .about-page #aboutCourses .about-course:nth-child(3n + 2) { border-top: 3px solid #d99519; }
    .about-page #aboutCourses .about-course:nth-child(3n) { border-top: 3px solid #5688df; }
    .about-page #aboutCourses .about-course > span { color: #237562; }
    .about-page #aboutCourses .about-course:nth-child(3n + 2) > span { color: #9b6910; }
    .about-page #aboutCourses .about-course:nth-child(3n) > span { color: #315caa; }
    .about-page #aboutCourses .about-course h3 { color: #132653; }
    .about-page #aboutCourses .about-course p { color: #53657c; }
    .about-page #aboutCourses .about-course:hover {
      background: linear-gradient(145deg, #fff, #e8f5f1);
      border-color: #8acbb4;
      box-shadow: 0 18px 36px rgba(14, 37, 70, .14);
    }
    .about-page .about-hero { padding-block: 52px 48px; }
    .about-page .about-intro-inner { gap: clamp(28px, 4vw, 54px); }
    .about-page .about-intro-visual,
    .about-page .about-intro-visual img { min-height: 350px; }
    .about-page .about-section { padding-block: 44px; }
    .about-page .about-section .section-head { margin-bottom: 20px; }
    .about-page .about-course-action { margin-top: 20px; }
    .about-page .about-cta { padding-block: 40px; }
    .about-page .footer { padding: 34px 0 18px; }
    .about-page .footer-grid { grid-template-columns: 1.3fr repeat(4, minmax(0, 1fr)); gap: clamp(18px, 2.5vw, 32px); }
    @media (max-width: 1000px) {
      .about-page .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 24px; }
      .about-page .footer-about { grid-column: 1/-1; }
    }
    @media (max-width: 760px) {
      .about-page .about-hero { padding-block: 42px 38px; }
      .about-page .about-intro-inner { gap: 24px; }
      .about-page .about-intro-visual,
      .about-page .about-intro-visual img { min-height: 260px; }
      .about-page .about-section { padding-block: 34px; }
      .about-page .about-section .section-head { margin-bottom: 18px; }
      .about-page .about-cta { padding-block: 32px; }
      .about-page .footer { padding: 30px 0 16px; }
    }
    .logo-mark path:first-child { fill: #f4b942; stroke: #111827; }
    .logo-mark path:nth-child(2) { stroke: #111827; }
    .logo-mark circle { fill: #111827; }
    .footer .logo-mark path:first-child { fill: #f4b942; stroke: #111827; }
    .footer .logo-mark path:nth-child(2) { stroke: #111827; }
    .footer .logo-mark circle { fill: #111827; }

    .about-offering-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    .about-offering-card {
      position: relative;
      min-height: 190px;
      padding: 23px;
      overflow: hidden;
      background: linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(240, 247, 248, .94));
      border: 1px solid #d7e3ed;
      border-top: 3px solid #36a98d;
      border-radius: 8px 8px 25px 8px;
      box-shadow: 0 12px 30px rgba(14, 37, 70, .09);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .about-offering-card:nth-child(3n + 2) { border-top-color: #d99519; }
    .about-offering-card:nth-child(3n) { border-top-color: #5688df; }
    .about-offering-card > span { color: #237562; font: 800 11px var(--display); letter-spacing: .12em; }
    .about-offering-card:nth-child(3n + 2) > span { color: #9b6910; }
    .about-offering-card:nth-child(3n) > span { color: #315caa; }
    .about-offering-card h3 { margin: 17px 0 8px; color: #132653; font: 700 19px/1.25 var(--display); }
    .about-offering-card p { margin: 0; color: #53657c; font-size: 13px; line-height: 1.7; }
    .about-offering-card:hover { transform: translateY(-4px); border-color: #8acbb4; box-shadow: 0 18px 36px rgba(14, 37, 70, .14); }
    @media (max-width: 760px) {
      .about-offering-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
      .about-offering-card { min-height: 0; padding: 19px; }
    }
    @media (max-width: 480px) {
      .about-offering-grid { grid-template-columns: 1fr; }
    }

    #home .hero-copy { transform: translateY(-1cm); }
    .contact-page .contact-location-section {
      background-color: #eaf3fb;
      background-image:
        radial-gradient(ellipse at 8% 12%, rgba(111, 169, 231, .22), transparent 38%),
        radial-gradient(ellipse at 93% 88%, rgba(101, 223, 196, .18), transparent 37%),
        linear-gradient(145deg, transparent 36%, rgba(255, 255, 255, .48) 36.2%, rgba(255, 255, 255, .48) 58%, transparent 58.2%);
      background-size: auto, auto, 100% 100%;
    }

    /* Footer typography */
    .footer .footer-about p { font-size: 13px; }
    .footer .footer-col h3 { font-size: 13px; }
    .footer .footer-col p,
    .footer .footer-col a,
    .footer .footer-col address { font-size: 12px; }
    .footer .footer-bottom { font-size: 11px; }
    .footer .about-footer-links a,
    .footer .about-footer > p { font-size: 12px; }

    /* Internship pathway card typography */
    #internships .internship-course-card,
    #internships .internship-course-content { min-height: 330px; }
    #internships .internship-topic { font-size: 12px; }
    #internships .internship-course-content h3 { font-size: 23px; line-height: 1.22; }
    #internships .internship-course-content p { font-size: 15px; line-height: 1.55; }
    #internships .internship-tags span { font-size: 12px; }
    #internships .internship-course-content button { min-height: 42px; font-size: 13px; }
    #internships .internship-course-content button span { font-size: 16px; }

    @media (max-width: 760px) {
      #internships .internship-course-card,
      #internships .internship-course-content { min-height: 290px; }
      #internships .internship-topic { font-size: 11px; }
      #internships .internship-course-content h3 { font-size: 21px; }
      #internships .internship-course-content p { font-size: 14px; }
      #internships .internship-tags span { font-size: 11px; }
      #internships .internship-course-content button { font-size: 12px; }
    }

    /* Course list typography */
    .course-result-count,
    .course-sort,
    .course-search { font-size: 13px; }
    .course-meta { font-size: 12px; }
    .course-info h3 { font-size: 22px; }
    .course-info p { font-size: 14px; line-height: 1.55; }
    .course-foot { font-size: 12px; }
    .course-foot strong { font-size: 13px; }
    .course-syllabus-top { font-size: 11px; }
    .course-syllabus-top span:last-child { font-size: 11px; }
    .course-syllabus h4 { font-size: 19px; }
    .course-syllabus li { font-size: 13px; line-height: 1.35; }

    @media (max-width: 760px) {
      .course-result-count,
      .course-sort,
      .course-search { font-size: 12px; }
      .course-meta { font-size: 11px; }
      .course-info h3 { font-size: 19px; }
      .course-info p { font-size: 13px; }
      .course-foot { font-size: 11px; }
      .course-foot strong { font-size: 12px; }
      .course-syllabus-top { font-size: 10px; }
      .course-syllabus-top span:last-child { font-size: 10px; }
      .course-syllabus h4 { font-size: 17px; }
      .course-syllabus li { font-size: 12px; }
    }

    /* Header typography */
    .header .nav-links a,
    .header .nav-course-toggle { font-size: 14px; }
    .header .search-trigger { font-size: 13px; }
    .header .nav-actions .btn { font-size: 13px; }

    @media (max-width: 1000px) {
      .header .nav-links a,
      .header .nav-course-toggle { font-size: 12px; }
      .header .search-trigger { font-size: 11px; }
      .header .nav-actions .btn { font-size: 11px; }
    }

    @media (max-width: 760px) {
      .header .nav-links a,
      .header .nav-course-toggle { font-size: 12px; }
      .header .nav-actions .btn { font-size: 12px; }
    }

    #courses .course-art {
      height: 250px;
      flex: 0 0 250px;
      background: #102744 !important;
    }
    #courses .course-art > .course-image {
      position: absolute;
      z-index: 0;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      max-width: none;
      object-fit: cover;
      object-position: center;
      transition: transform .45s ease, filter .3s ease;
    }
    #courses .course-card:hover .course-art > .course-image,
    #courses .course-card:focus-visible .course-art > .course-image {
      transform: scale(1.035);
      filter: saturate(1.08);
    }
    #courses .course-art::before { z-index: 1; opacity: .16; }
    #courses .course-art::after { z-index: 2; }
    #courses .course-syllabus {
      inset: 12px auto 12px 12px;
      width: min(72%, 300px);
      padding: 13px 15px;
      overflow: auto;
      background: linear-gradient(90deg, rgba(5, 17, 38, .82), rgba(5, 17, 38, .58));
      border: 1px solid rgba(255, 255, 255, .16);
      border-radius: 10px;
      backdrop-filter: blur(4px);
    }
    .course-dialog-art { overflow: hidden; }
    .course-dialog-image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
    @media (max-width: 480px) {
      #courses .course-art { height: 240px; flex-basis: 240px; }
      #courses .course-syllabus { inset: 10px auto 10px 10px; width: min(76%, 300px); padding: 12px 13px; }
    }