.eck-cards {
      --eck-blue: #0057a8;
      --eck-dark: #102033;
      --eck-light: #f4f7fa;
      --eck-border: rgba(16, 32, 51, 0.1);

      width: 100%;
      box-sizing: border-box;
      padding: clamp(1rem, 3vw, 2rem) 0;
      font-family: inherit;
    }

    .eck-cards *,
    .eck-cards *::before,
    .eck-cards *::after {
      box-sizing: border-box;
    }

    .eck-cards__grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(1rem, 2.5vw, 1.5rem);
      max-width: 1200px;
      margin: 0 auto;
    }

    .eck-cards__card {
      position: relative;
      display: flex;
      flex-direction: column;
      min-height: 280px;
      padding: clamp(1.5rem, 3vw, 2rem);
      overflow: hidden;
      color: var(--eck-dark);
      background: #fff;
      border: 1px solid var(--eck-border);
      border-radius: 18px;
      box-shadow: 0 8px 30px rgba(16, 32, 51, 0.07);
      text-decoration: none;
      transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease;
    }

    .eck-cards__card::after {
      content: "";
      position: absolute;
      right: -45px;
      bottom: -55px;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      background: var(--eck-light);
      z-index: 0;
    }

    .eck-cards__card:hover {
      transform: translateY(-5px);
      border-color: rgba(0, 87, 168, 0.25);
      box-shadow: 0 14px 40px rgba(16, 32, 51, 0.12);
    }

    .eck-cards__card:focus-visible {
      outline: 3px solid rgba(0, 87, 168, 0.35);
      outline-offset: 4px;
    }

    .eck-cards__icon,
    .eck-cards__content,
    .eck-cards__link {
      position: relative;
      z-index: 1;
    }

    .eck-cards__icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 52px;
      height: 52px;
      margin-bottom: 1.25rem;
      color: var(--eck-blue);
      background: #eaf3fb;
      border-radius: 14px;
      font-size: 1.5rem;
    }

    .eck-cards__title {
      margin: 0 0 0.65rem;
      font-size: clamp(1.35rem, 2.5vw, 1.65rem);
      line-height: 1.15;
      font-weight: 750;
      letter-spacing: -0.02em;
    }

    .eck-cards__text {
      margin: 0;
      color: #536273;
      font-size: 1rem;
      line-height: 1.6;
    }

    .eck-cards__link {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      margin-top: auto;
      padding-top: 1.5rem;
      color: var(--eck-blue);
      font-weight: 700;
    }

    .eck-cards__arrow {
      transition: transform 180ms ease;
    }

    .eck-cards__card:hover .eck-cards__arrow {
      transform: translateX(4px);
    }

.eck-welcome {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 35px;
}

.eck-welcome__text {
    flex: 1;
}

.eck-welcome__text h2 {
    margin-top: 0;
}

.eck-welcome__text p {
    line-height: 1.6;
}

.eck-welcome__image {
    flex: 0 1 42%;
    text-align: center;
}

.eck-welcome__image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 200px;
    margin: 0 auto;
    border-radius: 10px;
}

    @media (max-width: 800px) {
      .eck-cards__grid {
        grid-template-columns: 1fr;
      }

      .eck-cards__card {
        min-height: 220px;
      }
      
      .eck-welcome {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
      }

      .eck-welcome__image {
        flex: none;
      }

      .eck-welcome__image img {
        height: 220px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .eck-cards__card,
      .eck-cards__arrow {
        transition: none;
      }
    }