<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Интенсив: Как бухгалтеру перейти на фриланс и выйти на 1 млн+</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Mulish:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
:root {
--red: #c0392b;
--red-dark: #96281b;
--black: #111111;
--white: #ffffff;
--cream: #faf9f6;
--gray: #888888;
--light: #f0ede8;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
font-family: 'Mulish', sans-serif;
background: var(--cream);
color: var(--black);
overflow-x: hidden;
}

/* HERO */
.hero {
background: var(--black);
color: var(--white);
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
padding: 4rem 2rem;
position: relative;
overflow: hidden;
}

.hero::before {
content: '';
position: absolute;
top: -200px;
right: -200px;
width: 600px;
height: 600px;
border-radius: 50%;
background: radial-gradient(circle, rgba(192,57,43,0.15) 0%, transparent 70%);
pointer-events: none;
}

.hero-inner {
max-width: 800px;
margin: 0 auto;
width: 100%;
position: relative;
z-index: 1;
}

.badge {
display: inline-block;
background: var(--red);
color: var(--white);
font-family: 'Mulish', sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
padding: 6px 16px;
border-radius: 2px;
margin-bottom: 2rem;
animation: fadeUp 0.6s ease both;
}

.hero h1 {
font-family: 'Playfair Display', serif;
font-size: clamp(2.2rem, 5vw, 3.8rem);
font-weight: 900;
line-height: 1.15;
margin-bottom: 1.5rem;
animation: fadeUp 0.6s ease 0.1s both;
}

.hero h1 span { color: var(--red); }

.hero-sub {
font-size: 1.1rem;
color: rgba(255,255,255,0.7);
line-height: 1.7;
margin-bottom: 2.5rem;
max-width: 560px;
animation: fadeUp 0.6s ease 0.2s both;
}

.hero-meta {
display: flex;
gap: 2rem;
flex-wrap: wrap;
margin-bottom: 2.5rem;
animation: fadeUp 0.6s ease 0.3s both;
}

.meta-item {
display: flex;
flex-direction: column;
gap: 4px;
}

.meta-label {
font-size: 11px;
color: rgba(255,255,255,0.4);
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
}

.meta-val {
font-size: 1.1rem;
font-weight: 600;
color: var(--white);
}

.meta-val.red { color: var(--red); font-size: 1.4rem; }

.btn-main {
display: inline-block;
background: var(--red);
color: var(--white);
font-family: 'Mulish', sans-serif;
font-size: 1rem;
font-weight: 700;
padding: 18px 36px;
border-radius: 4px;
text-decoration: none;
transition: background 0.2s, transform 0.2s;
animation: fadeUp 0.6s ease 0.4s both;
}

.btn-main:hover {
background: var(--red-dark);
transform: translateY(-2px);
}

/* SECTIONS */
section { padding: 5rem 2rem; }

.section-inner {
max-width: 800px;
margin: 0 auto;
}

.section-label {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--red);
margin-bottom: 1rem;
}

.section-title {
font-family: 'Playfair Display', serif;
font-size: clamp(1.8rem, 4vw, 2.8rem);
font-weight: 700;
line-height: 1.2;
margin-bottom: 2rem;
color: var(--black);
}

/* FOR WHO */
.forwho { background: var(--white); }

.forwho-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1.5rem;
margin-top: 2rem;
}

.forwho-card {
background: var(--cream);
border-radius: 8px;
padding: 1.5rem;
border-left: 3px solid var(--red);
}

.forwho-card p {
font-size: 1rem;
color: #333;
line-height: 1.6;
}

/* PAIN */
.pain { background: var(--black); color: var(--white); }

.pain .section-title { color: var(--white); }

.pain-text {
font-size: 1.1rem;
color: rgba(255,255,255,0.75);
line-height: 1.8;
margin-bottom: 1.5rem;
}

.pain-text strong { color: var(--red); }

/* PROGRAM */
.program { background: var(--cream); }

.block-list { margin-top: 2rem; }

.block-item {
display: flex;
gap: 1.5rem;
padding: 1.5rem 0;
border-bottom: 0.5px solid #ddd;
}

.block-item:last-child { border-bottom: none; }

.block-num {
font-family: 'Playfair Display', serif;
font-size: 2rem;
font-weight: 900;
color: var(--red);
opacity: 0.3;
min-width: 48px;
line-height: 1;
padding-top: 4px;
}

.block-content {}

.block-time {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--red);
margin-bottom: 6px;
}

.block-title {
font-family: 'Playfair Display', serif;
font-size: 1.2rem;
font-weight: 700;
color: var(--black);
margin-bottom: 0.75rem;
}

.block-points { list-style: none; }

.block-points li {
font-size: 0.95rem;
color: #555;
line-height: 1.7;
padding-left: 1.2rem;
position: relative;
}

.block-points li::before {
content: '—';
position: absolute;
left: 0;
color: var(--red);
}

/* RESULT */
.result { background: var(--white); }

.result-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1.5rem;
margin-top: 2rem;
}

.result-card {
background: var(--cream);
border-radius: 8px;
padding: 1.5rem;
text-align: center;
}

.result-icon {
font-size: 1.8rem;
margin-bottom: 0.75rem;
}

.result-card p {
font-size: 0.95rem;
color: #444;
line-height: 1.6;
}

/* ABOUT */
.about { background: var(--black); color: var(--white); }

.about .section-title { color: var(--white); }

.about-text {
font-size: 1.05rem;
color: rgba(255,255,255,0.75);
line-height: 1.8;
margin-bottom: 1.2rem;
}

.stats-row {
display: flex;
flex-wrap: wrap;
gap: 2rem;
margin-top: 2.5rem;
padding-top: 2rem;
border-top: 0.5px solid rgba(255,255,255,0.1);
}

.stat-item { display: flex; flex-direction: column; gap: 4px; }

.stat-num {
font-family: 'Playfair Display', serif;
font-size: 2rem;
font-weight: 900;
color: var(--red);
}

.stat-label-s {
font-size: 12px;
color: rgba(255,255,255,0.5);
line-height: 1.4;
max-width: 120px;
}

/* TARIFFS */
.tariffs { background: var(--cream); }

.tariff-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
margin-top: 2.5rem;
}

.tariff-card {
background: var(--white);
border-radius: 10px;
padding: 2rem;
border: 0.5px solid #e0e0d8;
position: relative;
}

.tariff-card.vip {
border: 2px solid var(--red);
}

.tariff-badge {
position: absolute;
top: -12px;
left: 1.5rem;
background: var(--red);
color: var(--white);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 4px 12px;
border-radius: 2px;
}

.tariff-name {
font-family: 'Mulish', sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--gray);
margin-bottom: 0.5rem;
}

.tariff-price {
font-family: 'Playfair Display', serif;
font-size: 2.2rem;
font-weight: 900;
color: var(--black);
margin-bottom: 1.5rem;
}

.tariff-price span {
font-size: 1rem;
font-family: 'Mulish', sans-serif;
font-weight: 400;
color: var(--gray);
}

.tariff-list { list-style: none; margin-bottom: 1.5rem; }

.tariff-list li {
font-size: 0.95rem;
color: #444;
line-height: 1.7;
padding: 0.4rem 0;
padding-left: 1.4rem;
position: relative;
border-bottom: 0.5px solid #f0f0e8;
}

.tariff-list li:last-child { border-bottom: none; }

.tariff-list li::before {
content: '✓';
position: absolute;
left: 0;
color: var(--red);
font-weight: 700;
}

.btn-tariff {
display: block;
text-align: center;
background: var(--black);
color: var(--white);
font-family: 'Mulish', sans-serif;
font-weight: 700;
font-size: 0.95rem;
padding: 14px;
border-radius: 4px;
text-decoration: none;
transition: background 0.2s;
}

.btn-tariff:hover { background: var(--red); }

.btn-tariff.red-btn { background: var(--red); }
.btn-tariff.red-btn:hover { background: var(--red-dark); }

/* BONUS */
.bonus { background: var(--white); }

.bonus-list { margin-top: 2rem; }

.bonus-item {
display: flex;
align-items: flex-start;
gap: 1rem;
padding: 1.2rem 0;
border-bottom: 0.5px solid #eee;
}

.bonus-item:last-child { border-bottom: none; }

.bonus-icon { font-size: 1.5rem; min-width: 32px; }

.bonus-text {
font-size: 1rem;
color: #333;
line-height: 1.6;
}

.bonus-text strong { color: var(--black); }

/* CTA FINAL */
.cta-final {
background: var(--red);
color: var(--white);
text-align: center;
padding: 5rem 2rem;
}

.cta-final h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(1.8rem, 4vw, 2.8rem);
font-weight: 900;
margin-bottom: 1rem;
color: var(--white);
}

.cta-final p {
font-size: 1.1rem;
color: rgba(255,255,255,0.85);
margin-bottom: 2rem;
max-width: 520px;
margin-left: auto;
margin-right: auto;
line-height: 1.7;
}

.btn-white {
display: inline-block;
background: var(--white);
color: var(--red);
font-family: 'Mulish', sans-serif;
font-weight: 700;
font-size: 1rem;
padding: 18px 40px;
border-radius: 4px;
text-decoration: none;
transition: transform 0.2s;
}

.btn-white:hover { transform: translateY(-2px); }

/* ANIMATIONS */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}

/* RESPONSIVE */
@media (max-width: 600px) {
.hero-meta { gap: 1.2rem; }
.block-item { flex-direction: column; gap: 0.75rem; }
.block-num { font-size: 1.4rem; }
}
</style>
</head>
<body>

<!-- HERO -->
<section class="hero">
<div class="hero-inner">
<div class="badge">Живой интенсив — 12 мая 2025</div>
<h1>Как бухгалтеру перейти на фриланс и выйти на доход <span>1 млн+</span> в месяц</h1>
<p class="hero-sub">3–4 часа живой работы — от упаковки профиля до первых продаж в переписке. Без теории. Только то что работает прямо сейчас.</p>
<div class="hero-meta">
<div class="meta-item">
<span class="meta-label">Дата</span>
<span class="meta-val">12 мая 2025</span>
</div>
<div class="meta-item">
<span class="meta-label">Формат</span>
<span class="meta-val">Живой Zoom</span>
</div>
<div class="meta-item">
<span class="meta-label">Длительность</span>
<span class="meta-val">3–4 часа</span>
</div>
<div class="meta-item">
<span class="meta-label">Участие</span>
<span class="meta-val red">3 000 тг</span>
</div>
</div>
<a href="https://pay.kaspi.kz/pay/fv1whnoy" class="btn-main">Зарегистрироваться — 3 000 тг</a>
</div>
</section>

<!-- FOR WHO -->
<section class="forwho">
<div class="section-inner">
<div class="section-label">Для кого</div>
<h2 class="section-title">Интенсив подходит если</h2>
<div class="forwho-grid">
<div class="forwho-card"><p>Сидишь в найме и давно думаешь уйти на фриланс — но страшно остаться без дохода</p></div>
<div class="forwho-card"><p>Уже на фрилансе, но клиенты приходят нестабильно и непонятно где их брать</p></div>
<div class="forwho-card"><p>Ведёшь блог, пишешь посты — но заявок нет и непонятно почему</p></div>
<div class="forwho-card"><p>Боишься продавать свои услуги — кажется что навязываешься</p></div>
<div class="forwho-card"><p>Хочешь зарабатывать на бухгалтерии из дома — на своих условиях</p></div>
<div class="forwho-card"><p>Устала работать за фиксированную зарплату при огромной нагрузке</p></div>
</div>
</div>
</section>

<!-- PAIN -->
<section class="pain">
<div class="section-inner">
<div class="section-label">Почему это важно именно сейчас</div>
<h2 class="section-title">Апрель 2025 — бухгалтеры устали</h2>
<p class="pain-text">Новый налоговый кодекс сырой. ИСНА тормозит и не обрабатывает вовремя. Сроки горят. Штрафы прилетают за ошибки которые ты не делала — сделал сайт. <strong>А крайняя всегда ты.</strong></p>
<p class="pain-text">В найме нельзя ничего объяснить руководству. Просто молчи и делай.</p>
<p class="pain-text">На фрилансе всё иначе. <strong>Ты сама выбираешь клиентов, услуги и нагрузку.</strong> Сама решаешь от чего отказаться. И никто не приходит к тебе с чужими ошибками которые нужно срочно исправить.</p>
</div>
</section>

<!-- PROGRAM -->
<section class="program">
<div class="section-inner">
<div class="section-label">Программа</div>
<h2 class="section-title">Что разберём за 3–4 часа</h2>
<div class="block-list">

<div class="block-item">
<div class="block-num">01</div>
<div class="block-content">
<div class="block-time">30 минут</div>
<div class="block-title">Почему не получается зарабатывать больше</div>
<ul class="block-points">
<li>Почему опытный бухгалтер зарабатывает меньше чем мог бы</li>
<li>Три главные ошибки которые держат на одном доходе</li>
<li>Чем отличается тот кто зарабатывает 1 млн от того кто зарабатывает 300 000 — при одинаковых знаниях</li>
</ul>
</div>
</div>

<div class="block-item">
<div class="block-num">02</div>
<div class="block-content">
<div class="block-time">45 минут</div>
<div class="block-title">Упаковка и позиционирование</div>
<ul class="block-points">
<li>Как понять какие услуги продавать и кому</li>
<li>Как упаковать профиль чтобы клиент зашёл и сразу понял «это мне нужно»</li>
<li>Как сформулировать оффер — не «я бухгалтер, обращайтесь» а конкретно и убедительно</li>
<li>Разбор живых примеров из зала</li>
</ul>
</div>
</div>

<div class="block-item">
<div class="block-num">03</div>
<div class="block-content">
<div class="block-time">45 минут</div>
<div class="block-title">Где брать клиентов</div>
<ul class="block-points">
<li>Три канала которые дают клиентов прямо сейчас без большой аудитории</li>
<li>Как выйти на клиентов без холодных звонков и унижений</li>
<li>Контент который приводит заявки — что писать, как часто, в каком формате</li>
<li>Ошибки в контенте которые убивают продажи</li>
</ul>
</div>
</div>

<div class="block-item">
<div class="block-num">04</div>
<div class="block-content">
<div class="block-time">45 минут</div>
<div class="block-title">Продажи в переписке</div>
<ul class="block-points">
<li>Как вести диалог от первого сообщения до оплаты</li>
<li>Как работать с возражением «дорого» и «подумаю» без уговоров</li>
<li>Как закрывать уверенно и не терять клиента</li>
<li>Разбор реальной переписки — что работает а что нет</li>
</ul>
</div>
</div>

<div class="block-item">
<div class="block-num">05</div>
<div class="block-content">
<div class="block-time">30 минут</div>
<div class="block-title">Живые разборы</div>
<ul class="block-points">
<li>Беру 2–3 участника и разбираю их ситуацию прямо в эфире</li>
<li>Где теряются клиенты и что изменить прямо сейчас</li>
</ul>
</div>
</div>

</div>
</div>
</section>

<!-- RESULT -->
<section class="result">
<div class="section-inner">
<div class="section-label">После интенсива</div>
<h2 class="section-title">Что ты уйдёшь с интенсива</h2>
<div class="result-grid">
<div class="result-card">
<div class="result-icon">📦</div>
<p>Понимание как упаковать профиль чтобы клиенты приходили сами</p>
</div>
<div class="result-card">
<div class="result-icon">🎯</div>
<p>Чёткий оффер под свою нишу — бухгалтерия, налоги, декрет, пенсия</p>
</div>
<div class="result-card">
<div class="result-icon">👥</div>
<p>Три конкретных канала где брать клиентов прямо сейчас</p>
</div>
<div class="result-card">
<div class="result-icon">💬</div>
<p>Понимание как закрывать продажи в переписке без страха и уговоров</p>
</div>
<div class="result-card">
<div class="result-icon">📈</div>
<p>План перехода на фриланс без потери дохода</p>
</div>
<div class="result-card">
<div class="result-icon">🔥</div>
<p>Мотивация и уверенность что это реально — через живые примеры</p>
</div>
</div>
</div>
</section>

<!-- ABOUT -->
<section class="about">
<div class="section-inner">
<div class="section-label">Кто проводит</div>
<h2 class="section-title">Асемгуль Сулейменова</h2>
<p class="about-text">Стратег системных продаж, запусков и масштабирования. 15 лет в бухгалтерии — сначала как практик, потом как наставник для экспертов в финансовой нише.</p>
<p class="about-text">Я прошла этот путь сама — 10+ лет в найме, потом фриланс, потом курсы и наставничество. Знаю изнутри как думает бухгалтер который хочет выйти на фриланс и что его останавливает.</p>
<div class="stats-row">
<div class="stat-item">
<span class="stat-num">100 млн+</span>
<span class="stat-label-s">тг продаж на курсах</span>
</div>
<div class="stat-item">
<span class="stat-num">1 500+</span>
<span class="stat-label-s">учениц прошли программы</span>
</div>
<div class="stat-item">
<span class="stat-num">17</span>
<span class="stat-label-s">потоков одного курса</span>
</div>
<div class="stat-item">
<span class="stat-num">409</span>
<span class="stat-label-s">продаж за один месяц</span>
</div>
</div>
</div>
</section>

<!-- TARIFFS -->
<section class="tariffs">
<div class="section-inner">
<div class="section-label">Тарифы</div>
<h2 class="section-title">Выбери свой формат</h2>
<div class="tariff-grid">

<div class="tariff-card">
<div class="tariff-name">Стандарт</div>
<div class="tariff-price">150 000 <span>тг</span></div>
<ul class="tariff-list">
<li>Живые уроки в группе</li>
<li>Вопрос-ответ в конце каждого урока</li>
<li>Обратная связь в чате — 1 месяц</li>
<li>Готовые шаблоны постов и контента</li>
<li>Доступ к материалам навсегда</li>
</ul>
<a href="https://pay.kaspi.kz/pay/fv1whnoy" class="btn-tariff">Выбрать Стандарт</a>
</div>

<div class="tariff-card vip">
<div class="tariff-badge">Популярный</div>
<div class="tariff-name">ВИП</div>
<div class="tariff-price">250 000 <span>тг</span></div>
<ul class="tariff-list">
<li>Всё что в Стандарте</li>
<li>Отдельный разбор со мной лично (1 созвон)</li>
<li>Индивидуальный разбор оффера и переписки</li>
<li>Готовый контент-план на 30 дней под твою нишу</li>
<li>30 готовых веток для Тредс под твою нишу</li>
</ul>
<a href="https://pay.kaspi.kz/pay/fv1whnoy" class="btn-tariff red-btn">Выбрать ВИП</a>
</div>

</div>
<p style="margin-top: 1.5rem; font-size: 0.9rem; color: var(--gray); text-align: center;">Рассрочка через Kaspi — 0-0-12 и 0-0-24 · Даже 2–3 клиента на сопровождение полностью окупят программу</p>
</div>
</section>

<!-- BONUS -->
<section class="bonus">
<div class="section-inner">
<div class="section-label">Бонусы</div>
<h2 class="section-title">Только для первых 10 участников</h2>
<div class="bonus-list">
<div class="bonus-item">
<div class="bonus-icon">🎁</div>
<p class="bonus-text"><strong>Доступ ко всем курсам по бухгалтерии на 12 месяцев</strong> — записи курсов по ИП, налогам, декрету, пенсии</p>
</div>
<div class="bonus-item">
<div class="bonus-icon">📝</div>
<p class="bonus-text"><strong>Готовые шаблоны постов и веток для бухгалтера</strong> — копируй и публикуй без долгих раздумий</p>
</div>
<div class="bonus-item">
<div class="bonus-icon">💬</div>
<p class="bonus-text"><strong>Скрипт первой продажи через переписку</strong> — проверенный на реальных клиентах, закрывает от первого сообщения до оплаты</p>
</div>
</div>
</div>
</section>

<!-- CTA FINAL -->
<section class="cta-final">
<h2>Регистрируйся на интенсив</h2>
<p>12 мая. Живой Zoom. 3–4 часа работы которые изменят твой подход к продажам и клиентам. Участие — 3 000 тг.</p>
<a href="https://pay.kaspi.kz/pay/fv1whnoy" class="btn-white">Зарегистрироваться — 3 000 тг</a>
<p style="margin-top: 1.5rem; font-size: 0.85rem; color: rgba(255,255,255,0.6);">После оплаты отправь чек в WhatsApp: +7 775 069 9992</p>
</section>

</body>
</html>
Made on
Tilda