<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>MYDEBCARD — подбор займов, кредитов и карт</title>
<meta name="description" content="Первый займ 0% до 100 000 ₽ за 15 минут. 150+ МФО и банков, бесплатный подбор.">
<style>
*,*::before,*::after{box-sizing:border-box} *{margin:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#fff;color:#0F172A;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block} a{color:inherit;text-decoration:none} ul,ol{list-style:none;padding:0}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;margin:-1px;padding:0}
.page__skip-link{position:absolute;top:-100%;left:16px;z-index:9999;background:#185CFF;color:#fff;padding:10px 16px;border-radius:0 0 8px 8px;font-weight:700}
.page__skip-link:focus{top:0;outline:3px solid #FF8A00}
.container{max-width:1120px;margin-inline:auto;padding-inline:20px}
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #F1F5F9;height:64px;display:flex;align-items:center}
.header__inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}
.header__logo{font-weight:900;font-size:17px;letter-spacing:-.02em}
.header__nav-list{display:flex;gap:22px;align-items:center}
.header__nav-link{font-size:13px;font-weight:500;color:#64748B;transition:color .2s}
.header__nav-link:hover{color:#0F172A}
.header__nav-link--active{color:#0F172A;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border-radius:8px;font-weight:600;font-size:14px;border:1.5px solid transparent;transition:all .2s;white-space:nowrap;cursor:pointer}
.btn--primary{background:#185CFF;color:#fff;box-shadow:0 12px 24px rgba(24,92,255,.10)}
.btn--primary:hover{background:#1249cc;transform:translateY(-1px)}
.btn--secondary{background:#fff;color:#185CFF;border-color:#185CFF}
.btn--secondary:hover{background:#EEF3FF}
.btn--ghost{height:32px;padding:0 14px;border:1px solid #E2E8F0;color:#185CFF;font-size:13px;background:#fff}
.hero{background:linear-gradient(180deg,#F5F7FF 0%,#EEF3FF 100%);border-bottom:1px solid #F1F5F9;padding:56px 0 28px;text-align:center}
.hero__badge{display:inline-flex;background:#16A34A;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:16px}
.hero__title{font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:12px}
.hero__subtitle{max-width:560px;margin:0 auto 22px;font-size:14px;line-height:1.5;color:#64748B}
.hero__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}
.hero__metrics{display:flex;justify-content:center;gap:48px;padding:22px 0 4px;border-top:1px solid rgba(226,232,240,.8);max-width:640px;margin:0 auto}
.hero__metric{text-align:center}
.hero__metric-value{font-weight:800;font-size:18px;color:#185CFF;line-height:1}
.hero__metric-label{font-size:11px;color:#94A3B8;margin-top:4px}
.usp{background:#fff;padding:28px 0 8px}
.usp__list{display:flex;justify-content:center;flex-wrap:wrap;gap:32px}
.usp__item{text-align:center;min-width:90px}
.usp__value{font-size:18px;font-weight:800;color:#185CFF;line-height:1.1}
.usp__value--accent{color:#16A34A}
.usp__label{font-size:11px;color:#94A3B8;margin-top:6px}
.categories{padding:36px 0 28px}
.categories__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:760px;margin:0 auto}
.category-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:22px 16px 16px;text-align:center;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none}
.category-card:hover{transform:translateY(-3px);box-shadow:0 2px 12px rgba(15,23,42,.06);border-color:#BFDBFE}
.category-card__icon{width:44px;height:44px;border-radius:10px;background:#F8FAFC;display:grid;place-items:center;font-size:20px;color:#185CFF}
.category-card__title{font-weight:700;font-size:13px}
.category-card__desc{font-size:11px;color:#94A3B8}
.loans{background:#F8FAFC;border-top:1px solid #F1F5F9;padding:32px 0 48px}
.loans__header{display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:0 auto 18px}
.loans__title{font-size:18px;font-weight:700;letter-spacing:-.02em}
.loans__more{font-size:13px;color:#185CFF;font-weight:600}
.loans__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1120px;margin:0 auto}
.loan-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px;transition:all .2s;display:flex;flex-direction:column;min-height:190px}
.loan-card:hover{box-shadow:0 2px 12px rgba(15,23,42,.06);transform:translateY(-2px)}
.loan-card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;min-height:40px}
.loan-card__brand{display:flex;gap:10px;align-items:center}
.loan-card__logo{width:36px;height:36px;border-radius:8px;background:#F8FAFC;display:grid;place-items:center;font-weight:700;font-size:12px;color:#64748B;flex-shrink:0}
.loan-card__name{font-size:11px;color:#94A3B8;line-height:1}
.loan-card__heading{font-size:13px;font-weight:700;margin-top:2px;line-height:1.2}
.loan-card__badge{background:#FF7A00;color:#fff;font-size:9px;font-weight:800;padding:0 7px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;text-transform:uppercase;line-height:1;flex-shrink:0}
.loan-card__details{border-top:1px solid #F1F5F9;padding-top:10px;display:grid;gap:8px;flex:1}
.loan-card__row{display:flex;justify-content:space-between;font-size:12px}
.loan-card__label{color:#94A3B8}
.loan-card__value{font-weight:600}
.loan-card__foot{margin-top:auto;padding-top:14px}
.loan-card__btn{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1}

/* NEW: Credit cards block */
.ccards{padding:32px 0 36px;background:#fff;border-top:1px solid #F1F5F9}
.ccards__inner{max-width:1120px;margin:0 auto}
.ccards__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ccards__title{font-size:18px;font-weight:700}
.ccards__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ccard{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px;display:flex;flex-direction:column;min-height:210px;transition:all .2s}
.ccard:hover{transform:translateY(-2px);box-shadow:0 2px 12px rgba(15,23,42,.06)}
.ccard__top{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.ccard__logo{width:40px;height:24px;border-radius:4px;background:linear-gradient(135deg,#185CFF,#7C3AED);flex-shrink:0}
.ccard__bank{font-size:11px;color:#94A3B8}
.ccard__name{font-weight:700;font-size:13px;margin-top:1px}
.ccard__list{border-top:1px solid #F1F5F9;padding-top:10px;display:grid;gap:6px;flex:1;margin-bottom:12px}
.ccard__row{display:flex;justify-content:space-between;font-size:12px}
.ccard__label{color:#94A3B8}
.ccard__value{font-weight:600}
.ccard__btn{width:100%}

/* NEW: News block */
.news{padding:32px 0 48px;background:#F8FAFC;border-top:1px solid #F1F5F9}
.news__inner{max-width:1120px;margin:0 auto}
.news__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.news__title{font-size:18px;font-weight:700}
.news__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.news-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s}
.news-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,.08)}
.news-card__img{aspect-ratio:16/9;background:#EEF3FF;overflow:hidden}
.news-card__img img{width:100%;height:100%;object-fit:cover}
.news-card__body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1;gap:8px}
.news-card__title{font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.news-card__meta{font-size:11px;color:#94A3B8;display:flex;gap:6px;align-items:center}

.footer{padding:32px 0 28px;border-top:1px solid #F1F5F9;color:#64748B;font-size:12px;background:#fff}
.footer__disclaimer{max-width:1120px;margin:0 auto;text-align:left;line-height:1.6;color:#94A3B8}
.footer__disclaimer p{margin-bottom:12px}
.footer__link{color:#185CFF;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.footer__link:hover{color:#1249cc}
.footer__copy{font-size:11px;color:#94A3B8;margin-top:16px;text-align:center}
@media(max-width:1024px){.loans__grid,.ccards__grid,.news__grid{grid-template-columns:repeat(2,1fr)} .categories__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.loans__grid,.ccards__grid,.news__grid{grid-template-columns:1fr} .header__nav{display:none} .hero__metrics{gap:24px}}
:focus-visible{outline:3px solid #FF8A00;outline-offset:2px}
</style>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap" rel="stylesheet">
</head>
<body class="page">
<a href="#main-content" class="page__skip-link">Перейти к контенту</a>

<header class="header" role="banner">
  <div class="container header__inner">
    <a href="/" class="header__logo" aria-label="MyDebCard — на главную">MYDEBCARD</a>
    <nav class="header__nav" aria-label="Основная">
      <ul class="header__nav-list">
        <li><a href="/kredity/" class="header__nav-link">Кредиты</a></li>
        <li><a href="/zaymy-online/" class="header__nav-link header__nav-link--active" aria-current="page">Займы</a></li>
        <li><a href="/kreditnye-karty/" class="header__nav-link">Кредитные карты</a></li>
        <li><a href="/debetovye-karty/" class="header__nav-link">Дебетовые карты</a></li>
        <li><a href="/rko/" class="header__nav-link">РКО</a></li>
        <li><a href="/article/" class="header__nav-link">Статьи</a></li>
      </ul>
    </nav>
    <div><a href="/login/" class="btn btn--ghost">Войти</a></div>
  </div>
</header>

<main id="main-content">
  <section class="hero" aria-labelledby="hero-title">
    <div class="container">
      <span class="hero__badge">Первый займ 0%</span>
      <h1 id="hero-title" class="hero__title">Первый займ без процентов</h1>
      <p class="hero__subtitle">Подберите предложения МФО и банков онлайн. Первый займ до 100 000 ₽ без переплаты, деньги на карту за несколько минут — без визитов и справок.</p>
      <div class="hero__actions">
        <a href="https://mydebcard.ru/moskva/zaymy-online/" class="btn btn--primary">Смотреть предложения</a>
        <a href="https://mydebcard.ru/kreditnye-karty/" class="btn btn--secondary">Кредитные карты</a>
      </div>
      <div class="hero__metrics" aria-label="Статистика">
        <div class="hero__metric"><div class="hero__metric-value">150+</div><div class="hero__metric-label">компаний в подборке</div></div>
        <div class="hero__metric"><div class="hero__metric-value">15 мин</div><div class="hero__metric-label">среднее решение по заявке</div></div>
        <div class="hero__metric"><div class="hero__metric-value">0 ₽</div><div class="hero__metric-label">подбор для пользователя</div></div>
      </div>
    </div>
  </section>

  <section class="usp" aria-label="Условия">
    <div class="container">
      <ul class="usp__list">
        <li class="usp__item"><div class="usp__value usp__value--accent">0%</div><div class="usp__label">Первый займ</div></li>
        <li class="usp__item"><div class="usp__value">до 100 000 ₽</div><div class="usp__label">Сумма</div></li>
        <li class="usp__item"><div class="usp__value">до 30 дней</div><div class="usp__label">Срок</div></li>
        <li class="usp__item"><div class="usp__value">15 минут</div><div class="usp__label">Решение онлайн</div></li>
        <li class="usp__item"><div class="usp__value">На карту</div><div class="usp__label">Способ получения</div></li>
      </ul>
    </div>
  </section>

  <section class="loans" aria-labelledby="loans-title">
    <div class="container">
      <div class="loans__header">
        <h2 id="loans-title" class="loans__title">Популярные онлайн-займы</h2>
        <a href="https://mydebcard.ru/moskva/zaymy-online/" class="loans__more">Все предложения →</a>
      </div>
      <div class="loans__grid">
        <article class="loan-card">
          <div class="loan-card__top"><div class="loan-card__brand"><div class="loan-card__logo">M</div><div><div class="loan-card__name">Монеза</div><h3 class="loan-card__heading">Первый займ 0%</h3></div></div><span class="loan-card__badge">TOP</span></div>
          <dl class="loan-card__details"><div class="loan-card__row"><dt class="loan-card__label">Сумма</dt><dd class="loan-card__value">до 15 000 ₽</dd></div><div class="loan-card__row"><dt class="loan-card__label">Срок</dt><dd class="loan-card__value">до 30 дней</dd></div></dl>
          <div class="loan-card__foot"><a href="#" class="btn btn--primary loan-card__btn">Получить</a></div>
        </article>
        <article class="loan-card">
          <div class="loan-card__top"><div class="loan-card__brand"><div class="loan-card__logo">W</div><div><div class="loan-card__name">Веб-займ</div><h3 class="loan-card__heading">Первый займ 0%</h3></div></div><span class="loan-card__badge">TOP</span></div>
          <dl class="loan-card__details"><div class="loan-card__row"><dt class="loan-card__label">Сумма</dt><dd class="loan-card__value">до 15 000 ₽</dd></div><div class="loan-card__row"><dt class="loan-card__label">Срок</dt><dd class="loan-card__value">до 30 дней</dd></div></dl>
          <div class="loan-card__foot"><a href="#" class="btn btn--primary loan-card__btn">Получить</a></div>
        </article>
        <article class="loan-card">
          <div class="loan-card__top"><div class="loan-card__brand"><div class="loan-card__logo">Z</div><div><div class="loan-card__name">Займер</div><h3 class="loan-card__heading">Первый займ 0%</h3></div></div><span class="loan-card__badge">TOP</span></div>
          <dl class="loan-card__details"><div class="loan-card__row"><dt class="loan-card__label">Сумма</dt><dd class="loan-card__value">до 15 000 ₽</dd></div><div class="loan-card__row"><dt class="loan-card__label">Срок</dt><dd class="loan-card__value">до 30 дней</dd></div></dl>
          <div class="loan-card__foot"><a href="#" class="btn btn--primary loan-card__btn">Получить</a></div>
        </article>
        <article class="loan-card">
          <div class="loan-card__top"><div class="loan-card__brand"><div class="loan-card__logo">E</div><div><div class="loan-card__name">Екапуста</div><h3 class="loan-card__heading">Первый займ 0%</h3></div></div><span class="loan-card__badge">TOP</span></div>
          <dl class="loan-card__details"><div class="loan-card__row"><dt class="loan-card__label">Сумма</dt><dd class="loan-card__value">до 30 000 ₽</dd></div><div class="loan-card__row"><dt class="loan-card__label">Срок</dt><dd class="loan-card__value">до 21 дня</dd></div></dl>
          <div class="loan-card__foot"><a href="#" class="btn btn--primary loan-card__btn">Получить</a></div>
        </article>
      </div>
    </div>
  </section>

  <!-- NEW: Credit cards block -->
  <section class="ccards" aria-labelledby="ccards-title">
    <div class="container ccards__inner">
      <div class="ccards__header">
        <h2 id="ccards-title" class="ccards__title">Популярные кредитные карты</h2>
        <a href="https://mydebcard.ru/kreditnye-karty/" class="loans__more">Все карты →</a>
      </div>
      <div class="ccards__grid">
        <article class="ccard">
          <div class="ccard__top"><div class="ccard__logo" aria-hidden="true"></div><div><div class="ccard__bank">Т-Банк</div><div class="ccard__name">Платинум</div></div></div>
          <dl class="ccard__list"><div class="ccard__row"><dt class="ccard__label">Лимит</dt><dd class="ccard__value">до 1 000 000 ₽</dd></div><div class="ccard__row"><dt class="ccard__label">Льготный</dt><dd class="ccard__value">до 55 дней</dd></div><div class="ccard__row"><dt class="ccard__label">Кэшбэк</dt><dd class="ccard__value">до 30%</dd></div></dl>
          <a href="https://mydebcard.ru/kreditnye-karty/" class="btn btn--primary ccard__btn">Оформить</a>
        </article>
        <article class="ccard">
          <div class="ccard__top"><div class="ccard__logo" aria-hidden="true" style="background:linear-gradient(135deg,#00A651,#185CFF)"></div><div><div class="ccard__bank">Сбер</div><div class="ccard__name">120 дней</div></div></div>
          <dl class="ccard__list"><div class="ccard__row"><dt class="ccard__label">Лимит</dt><dd class="ccard__value">до 1 000 000 ₽</dd></div><div class="ccard__row"><dt class="ccard__label">Льготный</dt><dd class="ccard__value">120 дней</dd></div><div class="ccard__row"><dt class="ccard__label">Ставка</dt><dd class="ccard__value">от 11,89%</dd></div></dl>
          <a href="https://mydebcard.ru/kreditnye-karty/" class="btn btn--primary ccard__btn">Оформить</a>
        </article>
        <article class="ccard">
          <div class="ccard__top"><div class="ccard__logo" aria-hidden="true" style="background:linear-gradient(135deg,#FF7A00,#FF2E55)"></div><div><div class="ccard__bank">Альфа</div><div class="ccard__name">Год без %</div></div></div>
          <dl class="ccard__list"><div class="ccard__row"><dt class="ccard__label">Лимит</dt><dd class="ccard__value">до 1 500 000 ₽</dd></div><div class="ccard__row"><dt class="ccard__label">Льготный</dt><dd class="ccard__value">365 дней</dd></div><div class="ccard__row"><dt class="ccard__label">Кэшбэк</dt><dd class="ccard__value">до 100%</dd></div></dl>
          <a href="https://mydebcard.ru/kreditnye-karty/" class="btn btn--primary ccard__btn">Оформить</a>
        </article>
        <article class="ccard">
          <div class="ccard__top"><div class="ccard__logo" aria-hidden="true" style="background:linear-gradient(135deg,#1E293B,#334155)"></div><div><div class="ccard__bank">ВТБ</div><div class="ccard__name">Карта возможностей</div></div></div>
          <dl class="ccard__list"><div class="ccard__row"><dt class="ccard__label">Лимит</dt><dd class="ccard__value">до 1 000 000 ₽</dd></div><div class="ccard__row"><dt class="ccard__label">Льготный</dt><dd class="ccard__value">до 200 дней</dd></div><div class="ccard__row"><dt class="ccard__label">Кэшбэк</dt><dd class="ccard__value">до 10%</dd></div></dl>
          <a href="https://mydebcard.ru/kreditnye-karty/" class="btn btn--primary ccard__btn">Оформить</a>
        </article>
      </div>
    </div>
  </section>

  <!-- NEW: News block with images alt -->
  <section class="news" aria-labelledby="news-title">
    <div class="container news__inner">
      <div class="news__header">
        <h2 id="news-title" class="news__title">Новости и статьи</h2>
        <a href="https://mydebcard.ru/article/" class="loans__more">Все статьи →</a>
      </div>
      <div class="news__grid">
        <article class="news-card">
          <a href="https://mydebcard.ru/article/7696-novye-pravila-dlja-samozanjatyh.html" class="news-card__img" tabindex="-1" aria-hidden="true">
            <img src="https://mydebcard.ru/uploads/posts/2026-03/1774118956_gigachat-10.jpg" alt="Новые правила для самозанятых: иллюстрация" width="400" height="225" loading="lazy" decoding="async">
          </a>
          <div class="news-card__body">
            <h3 class="news-card__title"><a href="https://mydebcard.ru/article/7696-novye-pravila-dlja-samozanjatyh.html">Новые правила для самозанятых: запрет на долгую работу с одним заказчиком</a></h3>
            <div class="news-card__meta"><time datetime="2026-03-21">21.03.26</time> • Финансы</div>
          </div>
        </article>
        <article class="news-card">
          <a href="#" class="news-card__img" tabindex="-1" aria-hidden="true">
            <img src="https://mydebcard.ru/uploads/posts/2025-09/1756793597_381438b40bd6f776b731f43c35cfcb63.jpg" alt="Льготы для пенсионеров" width="400" height="225" loading="lazy" decoding="async">
          </a>
          <div class="news-card__body">
            <h3 class="news-card__title"><a href="#">Льготы для пенсионеров, которые можно получить по заявлению</a></h3>
            <div class="news-card__meta"><time datetime="2025-03-29">29.03.25</time> • Льготы</div>
          </div>
        </article>
        <article class="news-card">
          <a href="#" class="news-card__img" tabindex="-1" aria-hidden="true">
            <img src="https://mydebcard.ru/uploads/posts/2025-09/1756793812_d417029b1596784528341fadedb7910ee8094253.jpg" alt="Образовательный кредит" width="400" height="225" loading="lazy" decoding="async">
          </a>
          <div class="news-card__body">
            <h3 class="news-card__title"><a href="#">Образовательный кредит: особенности, условия и перспективы</a></h3>
            <div class="news-card__meta"><time datetime="2025-01-28">28.01.25</time> • Кредиты</div>
          </div>
        </article>
        <article class="news-card">
          <a href="#" class="news-card__img" tabindex="-1" aria-hidden="true">
            <img src="https://mydebcard.ru/uploads/posts/2025-09/1756793655_https___www_ixbt_com_img_n1_news_2025_2_4_skm-4_large.webp" alt="АвтоВАЗ новый бренд SKM" width="400" height="225" loading="lazy" decoding="async">
          </a>
          <div class="news-card__body">
            <h3 class="news-card__title"><a href="#">АвтоВАЗ объявил о запуске нового бренда SKM</a></h3>
            <div class="news-card__meta"><time datetime="2025-03-29">29.03.25</time> • Авто</div>
          </div>
        </article>
      </div>
    </div>
  </section>
</main>

<footer class="footer" role="contentinfo">
  <div class="container">
    <div class="footer__disclaimer">
      <p><a href="https://creditcardbank.ru/" target="_blank" rel="noopener" class="footer__link">Сайт</a> является информационным агрегатором финансовых продуктов и не является банком, микрофинансовой организацией, кредитором или платёжным агентом. Сервис не выдаёт кредиты и займы самостоятельно, не принимает решения об одобрении и не гарантирует получение продукта. Итоговые условия, лимиты, ставки, сроки, требования к заёмщику и решение по заявке определяются банком, МФО или иным партнёром индивидуально. Информация на сайте носит справочный характер и не является публичной офертой. Перед оформлением внимательно изучайте документы выбранной организации; все финансовые партнёры должны иметь действующие лицензии и/или регистрацию в соответствующих реестрах Банка России.</p>
      <p class="footer__copy">© 2026 MYDEBCARD • 18+ Подбор выгодных займов и карт.</p>
    </div>
  </div>
</footer>
</body>
</html>
