.about-page {
      padding-bottom: 44px;
    }

    .about-page .about-hero {
      position: relative;
      overflow: hidden;
      border-radius: 24px;
      border: 1px solid #c8d8ee;
      padding: 26px;
      background: #f8fbff !important;
      box-shadow: 0 16px 32px rgba(27, 77, 138, 0.1);
    }

    .about-page .about-hero-head {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 16px;
    }

    .about-page .about-hero-icon {
      width: 60px;
      height: 60px;
      border-radius: 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.6rem;
      color: #7f4308;
      background: linear-gradient(145deg, #ffd594, #ffba5e);
      box-shadow: 0 12px 22px rgba(245, 164, 48, 0.28);
      flex-shrink: 0;
    }

    .about-page .about-eyebrow {
      margin: 0 0 4px;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-size: 0.82rem;
      font-weight: 700;
      color: #2a62b0;
    }

    .about-page .about-hero-title {
      margin: 0;
      font-size: clamp(1.65rem, 2vw, 2.2rem);
      line-height: 1.2;
      color: #0e4e75;
      font-weight: 800;
    }

    .about-page .about-hero-body {
      margin: 0;
      color: #4f6780;
      font-size: 1.05rem;
      line-height: 1.9;
      max-width: 980px;
    }

    .about-page .about-kpi-grid {
      margin-top: 16px;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .about-page .about-kpi-card {
      border: 1px solid #cee0f5;
      border-radius: 14px;
      padding: 12px 14px;
      background: rgba(255, 255, 255, 0.86);
      min-height: 96px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    .about-page .about-kpi-card:nth-child(2) {
      background: linear-gradient(150deg, #eef8ff, #e7f3ff);
    }

    .about-page .about-kpi-label {
      margin: 0 0 4px;
      color: #5a7390;
      font-size: 0.9rem;
      font-weight: 600;
    }

    .about-page .about-kpi-value {
      margin: 0;
      color: #19477c;
      font-size: 1.35rem;
      font-weight: 800;
      line-height: 1.2;
    }

    .about-page .about-block {
      border-radius: 20px;
      border: 1px solid #ccdbef;
      background: linear-gradient(165deg, #ffffff, #f8fbff);
      box-shadow: 0 12px 24px rgba(24, 71, 129, 0.07);
      padding: 20px;
    }

    .about-page .about-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .about-page .about-info-card {
      border-radius: 18px;
      border: 1px solid #cadcf0;
      padding: 16px;
      background: #fff;
      height: 100%;
    }

    .about-page .about-info-card:nth-child(1) {
      background: linear-gradient(155deg, #f0f8ff, #eaf4ff);
    }

    .about-page .about-info-card:nth-child(2) {
      background: linear-gradient(155deg, #fff8ef, #fff0df);
    }

    .about-page .about-info-card:nth-child(3) {
      background: linear-gradient(155deg, #eefaf5, #e5f6ee);
    }

    .about-page .about-info-head {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
    }

    .about-page .about-icon-chip {
      width: 36px;
      height: 36px;
      border-radius: 12px;
      border: 1px solid #bed3ee;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: rgba(255, 255, 255, 0.86);
      color: #2b5f9c;
      font-size: 1.05rem;
      flex-shrink: 0;
    }

    .about-page .about-info-title {
      margin: 0;
      color: #0e4f76;
      font-size: 1.34rem;
      font-weight: 700;
      line-height: 1.3;
    }

    .about-page .about-info-text {
      margin: 0;
      color: #475f79;
      line-height: 1.8;
      font-size: 1rem;
      white-space: pre-line;
    }

    .about-page .faq-block {
      border-top: 5px solid #2c65c9;
    }

    .about-page .faq-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 12px;
      flex-wrap: wrap;
    }

    .about-page .faq-title-wrap {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .about-page .faq-title {
      margin: 0;
      color: #0f4d74;
      font-size: 1.36rem;
      font-weight: 800;
    }

    .about-page .faq-count {
      display: inline-flex;
      align-items: center;
      padding: 6px 12px;
      border-radius: 999px;
      font-size: 0.93rem;
      font-weight: 700;
      color: #31587f;
      border: 1px solid #c6d9f0;
      background: #edf5ff;
    }

    .about-page .accordion-item {
      border: 1px solid #ccddf1;
      border-radius: 14px;
      overflow: hidden;
      margin-bottom: 10px;
      background: #ffffff;
    }

    .about-page .accordion-button {
      font-weight: 700;
      color: #164d7a;
      background: #f5f9ff;
      box-shadow: none;
    }

    .about-page .accordion-button:not(.collapsed) {
      background: #eaf2ff;
      color: #0f4270;
    }

    .about-page .accordion-button:focus {
      box-shadow: 0 0 0 0.22rem rgba(58, 116, 195, 0.2);
      border-color: #bdd3ef;
    }

    .about-page .accordion-body {
      color: #4a637d;
      background: #ffffff;
      line-height: 1.75;
    }

    .about-page .faq-empty {
      margin: 0;
      border: 1px dashed #bfd4ee;
      background: #f4f9ff;
      border-radius: 14px;
      padding: 14px;
      color: #4c6784;
      text-align: center;
    }

    @media (max-width: 991px) {
      .about-page .about-kpi-grid,
      .about-page .about-grid {
        grid-template-columns: 1fr;
      }

      .about-page .about-hero {
        padding: 20px;
      }

      .about-page .about-hero-icon {
        width: 50px;
        height: 50px;
        border-radius: 14px;
        font-size: 1.35rem;
      }

      .about-page .about-hero-head {
        margin-bottom: 12px;
      }
    }