.about-program {
    --about-ink: #102f3b;
    --about-muted: #60757c;
    --about-line: #d8e6e7;
    --about-surface: #f3f7f7;
    --about-teal-dark: #0b3541;
    --about-teal: #0d7378;
    --about-mint: #13a08c;
    overflow: hidden;
    color: var(--about-ink);
    background: var(--about-surface);
}

.about-program,
.about-program * { box-sizing: border-box; }
.about-program a { transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.about-program__container { width: min(calc(100% - 40px), 1180px); margin: 0 auto; }
.about-program__eyebrow, .about-program__section-label { color: var(--about-teal); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

.about-program__hero {
    position: relative;
    padding: 88px 0 92px;
    color: #fff;
    background: radial-gradient(circle at 84% 18%, rgba(19,160,140,.34), transparent 31%), linear-gradient(125deg, #0b3541 0%, #0c5360 58%, #0d7378 100%);
}
.about-program__hero::after { position: absolute; right: -180px; bottom: -360px; width: 650px; height: 650px; content: ""; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; }
.about-program__hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 70px; }
.about-program__hero .about-program__eyebrow { color: #b7eee3; }
.about-program__hero h1 { max-width: 760px; margin: 20px 0 18px; color: #fff; font-size: clamp(44px, 5vw, 66px); font-weight: 800; line-height: 1.04; letter-spacing: -.04em; }
.about-program__hero p { max-width: 730px; margin: 0; color: #d7e6e8; font-size: 17px; line-height: 1.75; }
.about-program__summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(7,42,51,.36); backdrop-filter: blur(8px); }
.about-program__summary div { min-width: 0; padding: 21px 16px; border-right: 1px solid rgba(255,255,255,.13); }
.about-program__summary div:last-child { border-right: 0; }
.about-program__summary strong, .about-program__summary span { display: block; }
.about-program__summary strong { color: #fff; font-size: 26px; line-height: 1.1; }
.about-program__summary span { margin-top: 6px; color: #c7dddd; font-size: 10px; line-height: 1.45; }

.about-program__section { padding: 78px 0; }
.about-program__section--goal { background: #fff; }
.about-program__goal { padding: 40px; border: 1px solid var(--about-line); border-radius: 18px; background: linear-gradient(135deg, #f8fbfb, #edf7f4); box-shadow: 0 18px 44px rgba(15,62,70,.08); }
.about-program__goal h2, .about-program__section-head h2 { margin: 10px 0 14px; color: var(--about-ink); font-size: clamp(30px, 3.5vw, 44px); line-height: 1.12; letter-spacing: -.025em; }
.about-program__goal p { max-width: 860px; margin: 0; color: #486069; font-size: 16px; line-height: 1.75; }

.about-program__section--tasks { padding-top: 84px; }
.about-program__section-head { display: flex; justify-content: space-between; align-items: end; gap: 50px; margin-bottom: 30px; }
.about-program__section-head p { max-width: 480px; margin: 0 0 5px; color: var(--about-muted); font-size: 13px; line-height: 1.65; }
.about-program__task-list { display: grid; gap: 14px; }
.about-program__task { display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 22px; min-height: 112px; padding: 24px 28px; border: 1px solid var(--about-line); border-radius: 14px; background: #fff; }
.about-program__task-number { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 13px; color: var(--about-teal); background: #e7f5f1; font-size: 16px; font-weight: 900; }
.about-program__task h3 { margin: 0; color: var(--about-ink); font-size: 20px; line-height: 1.45; }
.about-program__task--featured { display: block; padding: 30px; border-color: #9fcfd0; background: #fff; box-shadow: 0 17px 40px rgba(15,62,70,.09); }
.about-program__task-heading { display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 22px; }
.about-program__task-heading span { display: inline-block; margin-bottom: 6px; color: var(--about-teal); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.about-program__subprojects { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 26px; }
.about-program__subproject { display: flex; min-width: 0; min-height: 270px; flex-direction: column; padding: 23px; border: 1px solid var(--about-line); border-radius: 12px; color: inherit; text-decoration: none; background: #f7faf9; }
.about-program__subproject:hover { color: inherit; border-color: #81bdbf; background: #f0f8f6; box-shadow: 0 12px 25px rgba(15,62,70,.08); transform: translateY(-3px); }
.about-program__subproject > span { color: var(--about-teal); font-size: 11px; font-weight: 900; }
.about-program__subproject h4 { margin: 11px 0 10px; color: var(--about-ink); font-size: 18px; line-height: 1.35; }
.about-program__subproject p { margin: 0 0 20px; color: var(--about-muted); font-size: 12px; line-height: 1.65; }
.about-program__subproject b { margin-top: auto; color: var(--about-teal); font-size: 12px; }
.about-program__projects-link { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 34px; padding: 28px 30px; border-radius: 14px; color: #fff; background: var(--about-teal-dark); }
.about-program__projects-link strong, .about-program__projects-link span { display: block; }
.about-program__projects-link strong { font-size: 17px; }
.about-program__projects-link span { max-width: 720px; margin-top: 7px; color: #c9dcde; font-size: 12px; line-height: 1.55; }
.about-program__projects-link a { flex: 0 0 auto; padding: 13px 18px; border-radius: 8px; color: var(--about-ink); text-decoration: none; background: #fff; font-size: 12px; font-weight: 800; }
.about-program__projects-link a:hover { color: var(--about-ink); background: #e7f5f1; transform: translateY(-2px); }

@media (max-width: 980px) {
    .about-program__hero-inner { grid-template-columns: 1fr; gap: 36px; }
    .about-program__summary { max-width: 650px; }
    .about-program__subprojects { grid-template-columns: 1fr; }
    .about-program__subproject { min-height: 0; }
}

@media (max-width: 700px) {
    .about-program__container { width: min(calc(100% - 28px), 1180px); }
    .about-program__hero { padding: 58px 0 64px; }
    .about-program__hero h1 { font-size: 42px; }
    .about-program__hero p { font-size: 15px; }
    .about-program__summary { grid-template-columns: 1fr; }
    .about-program__summary div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
    .about-program__summary div:last-child { border-bottom: 0; }
    .about-program__section { padding: 58px 0; }
    .about-program__goal { padding: 27px 23px; }
    .about-program__section-head { display: block; }
    .about-program__section-head p { margin-top: 15px; }
    .about-program__task, .about-program__task-heading { grid-template-columns: 56px 1fr; gap: 14px; }
    .about-program__task { padding: 21px 18px; }
    .about-program__task--featured { display: block; padding: 22px 18px; }
    .about-program__task-number { width: 48px; height: 48px; }
    .about-program__task h3 { font-size: 17px; }
    .about-program__projects-link { display: block; padding: 24px; }
    .about-program__projects-link a { display: inline-flex; margin-top: 20px; }
}