project-1/index.html

524 lines
30 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Гали — будущее плавания</title>
<style>
:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:var(--white)}
.container{max-width:1140px;margin:0 auto;padding:80px 24px}
.hero{background:var(--ink);color:var(--white);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 50%,#0a3a4a 0%,transparent 60%),radial-gradient(ellipse at 70% 30%,#003344 0%,transparent 50%);opacity:.6}
.hero .container{position:relative;z-index:1}
.hero h1{font-size:56px;font-weight:800;line-height:1.05;margin-bottom:12px}
.hero h1 span{color:var(--cyan)}
.hero .age-badge{display:inline-block;background:var(--cyan);color:var(--ink);padding:6px 20px;border-radius:20px;font-weight:800;font-size:18px;margin-bottom:24px}
.hero .subtitle{font-size:20px;color:#9aa3b2;max-width:600px;margin-bottom:24px}
.hero .stats{display:flex;gap:48px;margin-bottom:36px;flex-wrap:wrap}
.hero .stat-item{text-align:left}
.hero .stat-num{font-size:44px;font-weight:800;color:var(--cyan);line-height:1}
.hero .stat-label{font-size:14px;color:#9aa3b2;margin-top:6px}
.btn{display:inline-block;background:var(--cyan);color:var(--ink);padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none;font-size:17px;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,229,255,.3)}
.section{background:var(--white)}
.section:nth-child(even){background:var(--gray-100)}
.section h2{font-size:36px;font-weight:700;margin-bottom:16px}
.section .lead{font-size:20px;color:var(--gray-500);max-width:700px;margin-bottom:48px}
.goal-banner{background:var(--ink);border-radius:16px;padding:48px;color:var(--white);margin-bottom:24px}
.goal-banner h3{font-size:28px;font-weight:700;margin-bottom:32px;text-align:center}
.progress-row{display:flex;align-items:center;gap:24px;margin-bottom:20px}
.progress-row .label{font-size:14px;color:#9aa3b2;min-width:80px}
.progress-bar-wrap{flex:1;height:16px;background:#1a2332;border-radius:8px;overflow:hidden}
.progress-bar-fill{height:100%;background:var(--cyan);border-radius:8px;transition:width 1.5s ease}
.progress-row .value{font-size:22px;font-weight:800;min-width:60px;text-align:right}
.progress-row .value.current{color:#9aa3b2}
.progress-row .value.goal{color:var(--cyan)}
.arrow-row{text-align:center;font-size:48px;color:var(--cyan);line-height:1;margin:8px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.card{background:var(--white);border-radius:16px;padding:36px;border:1px solid var(--gray-100)}
.card h3{font-size:22px;font-weight:700;margin-bottom:8px;line-height:1.3}
.card p{color:var(--gray-500)}
.card .emoji{font-size:36px;margin-bottom:16px}
.times-table{width:100%;border-collapse:collapse}
.times-table th,.times-table td{padding:14px 20px;text-align:left}
.times-table th{font-size:14px;color:var(--gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--gray-100)}
.times-table td{border-bottom:1px solid var(--gray-100);font-size:17px}
.times-table .highlight{color:var(--cyan);font-weight:700}
.times-table .badge-cell{display:inline-block;background:var(--cyan-50);color:var(--ink);padding:3px 12px;border-radius:12px;font-size:13px;font-weight:600}
.goal-meter{background:var(--white);border-radius:16px;padding:40px;text-align:center;border:2px solid var(--cyan)}
.goal-meter .distance{font-size:60px;font-weight:800;color:var(--ink);line-height:1}
.goal-meter .distance span{color:var(--cyan)}
.goal-meter .label{font-size:16px;color:var(--gray-500);margin-top:8px}
.plan-step{display:flex;gap:24px;align-items:flex-start;padding:28px 0;border-bottom:1px solid var(--gray-100)}
.plan-step:last-child{border-bottom:none}
.plan-num{width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--cyan);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;flex-shrink:0}
.plan-body{flex:1}
.plan-body h3{font-size:22px;font-weight:700;margin-bottom:6px}
.plan-body .timeframe{font-size:14px;color:var(--cyan);font-weight:600;margin-bottom:8px}
.plan-body p{color:var(--gray-500);margin-bottom:8px}
.plan-body .moto{font-style:italic;color:var(--ink);font-weight:600;font-size:16px;background:var(--cyan-50);padding:8px 16px;border-radius:8px;display:inline-block}
.contact-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.contact-link{display:inline-flex;align-items:center;gap:10px;background:var(--white);color:var(--ink);padding:16px 28px;border-radius:12px;text-decoration:none;font-weight:600;border:1px solid var(--gray-100);transition:border-color .2s}
.contact-link:hover{border-color:var(--cyan)}
.cta{background:var(--ink);color:var(--white);text-align:center}
.cta h2{color:var(--white)}
.cta .lead{color:#9aa3b2;margin:0 auto 36px}
.cta .btn{font-size:20px;padding:18px 40px}
@media(max-width:640px){
.hero h1{font-size:36px}
.hero .stat-num{font-size:32px}
.hero .stats{gap:24px}
.section h2{font-size:28px}
.container{padding:48px 20px}
.grid{grid-template-columns:1fr}
.contact-links{flex-direction:column}
.goal-banner{padding:28px}
.goal-meter .distance{font-size:40px}
.times-table{font-size:14px}
.times-table th,.times-table td{padding:10px 12px}
}
</style>
</head>
<body>
<section class="hero">
<div class="container">
<div class="age-badge">13 лет</div>
<h1>Гали — <span>будущее</span> плавания</h1>
<p class="subtitle">Юный пловец с характером. 1-й детский разряд, 3-й взрослый. Цель — 50 м вольным стилем за 23 секунды.</p>
<div class="stats">
<div class="stat-item">
<div class="stat-num">34″</div>
<div class="stat-label">50 м в/с — сейчас</div>
</div>
<div class="stat-item">
<div class="stat-num">&#8594;</div>
<div class="stat-label" style="visibility:hidden">-</div>
</div>
<div class="stat-item">
<div class="stat-num">23″</div>
<div class="stat-label">50 м в/с — цель</div>
</div>
</div>
<a class="btn" href="#goal">Как идёт подготовка</a>
</div>
</section>
<section class="section" id="goal">
<div class="container">
<h2>Путь к 23 секундам</h2>
<p class="lead">34 секунды — это сейчас. 23 секунды — это цель. Каждая тренировка приближает к ней.</p>
<div class="goal-banner">
<h3>Прогресс на дистанции 50 м вольный стиль</h3>
<div class="progress-row">
<div class="label">Старт</div>
<div class="progress-bar-wrap"><div class="progress-bar-fill" style="width:0%"></div></div>
<div class="value current">34″</div>
</div>
<div class="arrow-row">&#8595;</div>
<div class="progress-row">
<div class="label">Цель</div>
<div class="progress-bar-wrap"><div class="progress-bar-fill" style="width:100%"></div></div>
<div class="value goal">23″</div>
</div>
</div>
<div class="goal-meter">
<div class="distance">&#8722;11<span> сек</span></div>
<div class="label">Нужно сбросить — меньше секунды с каждой сотни метров</div>
</div>
</div>
</section>
<section class="section" id="now">
<div class="container">
<h2>Что уже есть</h2>
<p class="lead">В 13 лет Гали выполняет нормативы, которые обычно покоряются в 15-16.</p>
<div class="grid">
<div class="card">
<div class="emoji">&#x1F947;</div>
<h3>1-й детский разряд</h3>
<p>Высший детский разряд в плавании. Выполнен по итогам соревнований. Чтобы его получить, нужно показать результат выше юношеской нормы.</p>
</div>
<div class="card">
<div class="emoji">&#x1F3CA;</div>
<h3>3-й взрослый разряд</h3>
<p>Первый взрослый разряд. Выполнен в 13 лет — это на 2-3 года раньше среднего. Говорит о серьёзном потенциале.</p>
</div>
<div class="card">
<div class="emoji">&#x23F1;</div>
<h3>50 м вольный стиль — 34″</h3>
<p>Для 13 лет — отличный результат. Норматив КМС на этой дистанции — 26″, так что цель в 23″ — это уже уровень мастера спорта.</p>
</div>
</div>
</div>
</section>
<section class="section" id="times">
<div class="container">
<h2>Текущие результаты</h2>
<p class="lead">Стабильный прогресс на всех дистанциях вольным стилем.</p>
<div style="overflow-x:auto">
<table class="times-table">
<thead>
<tr><th>Дистанция</th><th>Стиль</th><th>Результат</th><th>Разряд</th></tr>
</thead>
<tbody>
<tr>
<td>50 м</td>
<td>Вольный стиль</td>
<td class="highlight">34″</td>
<td><span class="badge-cell">3 взр.</span></td>
</tr>
<tr>
<td>100 м</td>
<td>Вольный стиль</td>
<td>117″</td>
<td><span class="badge-cell">1 юн.</span></td>
</tr>
<tr>
<td>200 м</td>
<td>Вольный стиль</td>
<td>248″</td>
<td><span class="badge-cell">2 юн.</span></td>
</tr>
<tr>
<td>50 м</td>
<td>Баттерфляй</td>
<td>38″</td>
<td><span class="badge-cell">1 юн.</span></td>
</tr>
<tr>
<td>100 м</td>
<td>Комплекс</td>
<td>125″</td>
<td><span class="badge-cell">2 юн.</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="section" id="training">
<div class="container">
<h2>Тренировки</h2>
<p class="lead">6 раз в неделю — бассейн и зал. Дисциплина, техника, скорость.</p>
<div class="grid">
<div class="card">
<div class="emoji">&#x1F303;</div>
<h3>Понедельник</h3>
<p><strong>Техника.</strong> 3 км в воде. Упражнения на гребок, повороты, старт с тумбы. Работа с лопатками и колобашкой.</p>
</div>
<div class="card">
<div class="emoji">&#x26A1;</div>
<h3>Вторник</h3>
<p><strong>Скорость.</strong> 2.5 км. Спринты 25 и 50 м, интервалы. Главная задача — приблизиться к целевым 23″.</p>
</div>
<div class="card">
<div class="emoji">&#x1F3CB;</div>
<h3>Среда</h3>
<p><strong>ОФП.</strong> Зал. Турник, брусья, резина. Упражнения на взрывную силу ног и корпуса. Растяжка.</p>
</div>
<div class="card">
<div class="emoji">&#x1F535;</div>
<h3>Четверг</h3>
<p><strong>Выносливость.</strong> 4 км в воде. Длинные серии 200-400 м. Работа над дыханием и темпом.</p>
</div>
<div class="card">
<div class="emoji">&#x1F30A;</div>
<h3>Пятница</h3>
<p><strong>Скорость.</strong> 2.5 км. Повторная работа на 50 м с контролем времени. Видеозапись и разбор техники.</p>
</div>
<div class="card">
<div class="emoji">&#x1F4AA;</div>
<h3>Суббота</h3>
<p><strong>Сила + вода.</strong> Зал 45 мин + бассейн 2 км. Короткие ускорения, ныряния, работа на задержке дыхания.</p>
</div>
</div>
<div style="display:flex;gap:24px;margin-top:32px;flex-wrap:wrap">
<div class="card" style="flex:1;min-width:220px;text-align:center">
<div class="emoji">&#x1F4CF;</div>
<h3>18 км</h3>
<p>в неделю в воде</p>
</div>
<div class="card" style="flex:1;min-width:220px;text-align:center">
<div class="emoji">&#x1F3CB;</div>
<h3>3 часа</h3>
<p>ОФП и зал в неделю</p>
</div>
<div class="card" style="flex:1;min-width:220px;text-align:center">
<div class="emoji">&#x23F0;</div>
<h3>15 часов</h3>
<p>общее время в неделю</p>
</div>
</div>
</div>
</section>
<section class="section" id="plan">
<div class="container">
<h2>План действий: от 34″ к 23″</h2>
<p class="lead">Пошаговая дорожная карта. Каждый этап — конкретная цель и мотивация двигаться дальше.</p>
<div class="plan-step">
<div class="plan-num">1</div>
<div class="plan-body">
<h3>Закрепиться на 32″</h3>
<div class="timeframe">Месяц 1-2</div>
<p>Перестать «бороться с водой». Отработать скольжение после старта и каждого поворота. Меньше брызг — больше скорости. Каждую тренировку засекать 4×50 м с отдыхом 1:30. Записывать лучшее время дня в дневник.</p>
<div class="moto">«Плавник не воюет с водой — он с ней дружит.»</div>
</div>
</div>
<div class="plan-step">
<div class="plan-num">2</div>
<div class="plan-body">
<h3>Выйти из 30″</h3>
<div class="timeframe">Месяц 3-4</div>
<p>Добавить 2 спринтерские тренировки в неделю. Серии 8×25 м с отдыхом 45″ — каждая на максимум. Работа над частотой гребков: цель 50+ циклов в минуту. ОФП с упором на корпус — планка 3 мин, скручивания, гиперэкстензия.</p>
<div class="moto">«29″ — это уже не детский результат. Это заявка.»</div>
</div>
</div>
<div class="plan-step">
<div class="plan-num">3</div>
<div class="plan-body">
<h3>Штурм 27″ — норматив КМС</h3>
<div class="timeframe">Месяц 5-8</div>
<p>Объём воды: 20+ км в неделю. Подключить работу с резиной на суше — имитация гребка с сопротивлением. Старт с тумбы отрабатывать отдельно 15 мин каждую тренировку. Выход и первые 15 метров — ключ к быстрой «полтиннику».</p>
<div class="moto">«КМС в 14 лет — это уже серьёзно. Всего один шаг до мастера.»</div>
</div>
</div>
<div class="plan-step">
<div class="plan-num">4</div>
<div class="plan-body">
<h3>Пробить 25″</h3>
<div class="timeframe">Месяц 9-12</div>
<p>Спринтерский цикл: 3 скоростные тренировки в неделю. Контрольные старты каждые 2 недели. Подводная съёмка раз в месяц — искать потери на поворотах. Работа с психологом: визуализация идеального заплыва перед сном.</p>
<div class="moto">«25 секунд — ты уже в элите своего возраста. Но это не потолок.»</div>
</div>
</div>
<div class="plan-step">
<div class="plan-num">5</div>
<div class="plan-body">
<h3>Цель: 23″ — уровень мастера спорта</h3>
<div class="timeframe">Месяц 13-18</div>
<p>Сборы, соревнования, конкуренция. Выход на всероссийский уровень. Каждая сотая — на вес золота. Работа над финишем: последние 5 метров без вдоха. Анализ заплывов с тренером: где потерял, где выиграл.</p>
<div class="moto">«23 секунды — это не цифра. Это имя, которое запомнят.»</div>
</div>
</div>
<div class="plan-step">
<div class="plan-num">&#x2B50;</div>
<div class="plan-body">
<h3>Что делать каждый день уже сейчас</h3>
<div class="timeframe">Без выходных</div>
<p><strong>Сон:</strong> 9 часов. Без телефона за час до сна.<br><strong>Питание:</strong> Белок каждые 3-4 часа. Вода — 2 литра минимум.<br><strong>Дневник:</strong> Записывать время, самочувствие, настроение после тренировки.<br><strong>Растяжка:</strong> 15 мин вечером. Гибкий пловец — быстрый пловец.</p>
<div class="moto">«Чемпионами не рождаются. Чемпионами становятся каждый день по чуть-чуть.»</div>
</div>
</div>
</div>
</section>
<section class="section" id="daily">
<div class="container">
<h2>Режим дня чемпиона</h2>
<p class="lead">Секунды в бассейне выигрываются за его пределами. Сон, еда, учёба и чтение — это тоже тренировка.</p>
<div class="goal-banner" style="margin-bottom:32px">
<h3>Идеальный день Гали</h3>
<div class="records-list" style="gap:10px">
<div class="record-item" style="border-left-color:#FFD700">
<div class="event">06:30</div>
<div class="time" style="font-size:17px">Подъём, стакан воды, зарядка 10 мин</div>
</div>
<div class="record-item" style="border-left-color:var(--cyan)">
<div class="event">07:00</div>
<div class="time" style="font-size:17px">Завтрак: каша + яйца + фрукты</div>
</div>
<div class="record-item" style="border-left-color:var(--cyan)">
<div class="event">08:0013:00</div>
<div class="time" style="font-size:17px">Школа</div>
</div>
<div class="record-item" style="border-left-color:#FF6B6B">
<div class="event">13:30</div>
<div class="time" style="font-size:17px">Обед: курица/рыба + гречка/рис + овощи</div>
</div>
<div class="record-item" style="border-left-color:var(--cyan)">
<div class="event">15:3017:30</div>
<div class="time" style="font-size:17px">Тренировка в бассейне</div>
</div>
<div class="record-item" style="border-left-color:#FF6B6B">
<div class="event">18:00</div>
<div class="time" style="font-size:17px">Перекус: творог + банан + орехи</div>
</div>
<div class="record-item" style="border-left-color:#C084FC">
<div class="event">18:3020:00</div>
<div class="time" style="font-size:17px">Уроки, английский, чтение</div>
</div>
<div class="record-item" style="border-left-color:#FF6B6B">
<div class="event">20:00</div>
<div class="time" style="font-size:17px">Ужин: рыба + овощи на пару</div>
</div>
<div class="record-item" style="border-left-color:#C084FC">
<div class="event">20:3021:00</div>
<div class="time" style="font-size:17px">Растяжка, дневник, чтение книги</div>
</div>
<div class="record-item" style="border-left-color:#FFD700">
<div class="event">21:00</div>
<div class="time" style="font-size:17px">Телефон в сторону. Отбой.</div>
</div>
</div>
</div>
<div class="grid" style="margin-bottom:32px">
<div class="card">
<div class="emoji">&#x1F4A4;</div>
<h3>Сон: 9 часов</h3>
<p>Подъём 06:30, отбой 21:00. Телефон за час до сна — экран крадёт мелатонин. В комнате прохладно (18-20°) и темно. Сон — главный восстановитель после тренировки. Недосып ворует до 0.5 секунды на 50 м.</p>
</div>
<div class="card">
<div class="emoji">&#x1F34E;</div>
<h3>Питание: топливо для скорости</h3>
<p><strong>Белок</strong> 5 раз в день — курица, рыба, яйца, творог. <strong>Углеводы</strong> утром и в обед — каша, гречка, макароны. <strong>Овощи</strong> в каждый приём. <strong>Вода</strong> — 2+ литра. Никакой газировки и чипсов. Фастфуд — максимум раз в месяц. Банан за 30 мин до старта.</p>
</div>
</div>
<div class="grid" style="margin-bottom:32px">
<div class="card">
<div class="emoji">&#x1F4DA;</div>
<h3>Чтение: 20 минут в день</h3>
<p><strong>На русском:</strong> «Библия пловца» (Джеймс Каунсилмен), «От 800 до марафона» (Джек Дэниелс). <strong>На английском:</strong> начать с коротких книг уровня A2-B1 про спорт. Чтение тренирует концентрацию, а концентрация — это старт без фальстарта. Читать только бумажные книги перед сном.</p>
</div>
<div class="card">
<div class="emoji">&#x1F3A7;</div>
<h3>Что смотреть и слушать</h3>
<p>Заплывы Калеба Дрессела — идеальный спринт. Интервью Майкла Фелпса о режиме и дисциплине. Подкасты о спортивной психологии. Разбор техники олимпийских финалов на 50 м в/с — замедленный повтор, каждый гребок.</p>
</div>
</div>
<div class="grid">
<div class="card">
<div class="emoji">&#x1F9D8;</div>
<h3>Восстановление</h3>
<p>Растяжка 15 мин каждый вечер — шпагат, наклон, плечи. Массажный ролик для ног и спины. Контрастный душ раз в неделю. Баня раз в 2 недели. Дневник: пульс утром, настроение, качество сна, лучшее время дня.</p>
</div>
<div class="card">
<div class="emoji">&#x1F4B1;</div>
<h3>Ментальная подготовка</h3>
<p>Визуализация: перед сном 5 минут — мысленно проплыть идеальные 50 метров. От старта до касания. Почувствовать воду, ритм, финиш. Аффирмация: «Я плыву 23 секунды. Моё тело знает как. Я спокоен и быстр.» Повторять каждую ночь.</p>
</div>
</div>
</div>
</section>
<section class="section" id="ncaa">
<div class="container">
<h2>Будущее: поступление в США</h2>
<p class="lead">NCAA — спортивная стипендия в американском университете. Полное покрытие обучения, проживания и тренировок. Вот как туда попасть.</p>
<div class="grid" style="margin-bottom:32px">
<div class="card">
<div class="emoji">&#x1F3EB;</div>
<h3>Что такое NCAA</h3>
<p>Национальная ассоциация студенческого спорта США. Университеты дают стипендии лучшим спортсменам мира. Пловцы тренируются с олимпийской командой, учатся бесплатно и получают диплом американского вуза.</p>
</div>
<div class="card">
<div class="emoji">&#x1F4CB;</div>
<h3>Что нужно для стипендии</h3>
<p><strong>Результат:</strong> 50 м в/с за 22-25″ для D1. <strong>Английский:</strong> TOEFL 80+ или IELTS 6.5+. <strong>Оценки:</strong> GPA 2.3+ (средний балл аттестата). <strong>Видео:</strong> заплывы на соревнованиях.</p>
</div>
<div class="card">
<div class="emoji">&#x1F3C6;</div>
<h3>Топ-университеты для пловцов</h3>
<p>University of Texas, Cal Berkeley, University of Florida, Stanford, Michigan, USC, Auburn, Indiana — все дают спортивные стипендии и имеют олимпийских тренеров.</p>
</div>
</div>
<div class="plan-step">
<div class="plan-num">1</div>
<div class="plan-body">
<h3>Сейчас (13 лет): заложить фундамент</h3>
<div class="timeframe">6-7 класс</div>
<p>Начать учить английский — поставить цель Intermediate (B1) к 14 годам. Записывать на видео каждый старт на соревнованиях. Завести папку с результатами: протоколы, грамоты, медали. Учиться на 4 и 5 — оценки важны не меньше секунд.</p>
<div class="moto">«NCAA смотрит на 3 вещи: время, оценки, английский. Все три качаются с 13 лет.»</div>
</div>
</div>
<div class="plan-step">
<div class="plan-num">2</div>
<div class="plan-body">
<h3>14-15 лет: выйти на уровень КМС</h3>
<div class="timeframe">8-9 класс</div>
<p>Результат 27″-25″ на 50 м в/с. TOEFL пробный — цель 60+. Зарегистрироваться на Swimcloud.com — американские тренеры отслеживают результаты пловцов со всего мира именно там. Создать свой канал с заплывами.</p>
<div class="moto">«Тренеры NCAA ищут не чемпионов, а тех, кто прогрессирует.»</div>
</div>
</div>
<div class="plan-step">
<div class="plan-num">3</div>
<div class="plan-body">
<h3>15-16 лет: первая заявка</h3>
<div class="timeframe">9-10 класс</div>
<p>Результат 25″-24″ (уровень МС). TOEFL 80+ сдан. Создать профиль на NCSA (ncsasports.org). Написать письма тренерам 5-10 университетов — коротко: кто ты, твои результаты, видео, почему хочешь к ним. Собрать sports resume.</p>
<div class="moto">«Письмо тренеру — твой главный заплыв. Оно должно быть быстрее всех.»</div>
</div>
</div>
<div class="plan-step">
<div class="plan-num">4</div>
<div class="plan-body">
<h3>16-17 лет: визит в кампус и подписание</h3>
<div class="timeframe">10-11 класс</div>
<p>Результат 23″-22″ — топ-уровень. Получить приглашения от университетов. Поехать на official visit (университет оплачивает поездку). Выбрать лучший вариант. Подписать National Letter of Intent — и ты в команде.</p>
<div class="moto">«Ты не просто поступаешь в универ — ты получаешь работу мечты. Тренировки, учёба, стипендия.»</div>
</div>
</div>
</div>
</section>
<section class="section" id="support">
<div class="container" style="text-align:center">
<h2>Поддержать Гали</h2>
<p class="lead" style="margin-left:auto;margin-right:auto">Каждому спортсмену нужна команда. Тренеры, родители, болельщики — вместе к 23 секундам.</p>
<div class="contact-links">
<a class="contact-link" href="https://t.me/" target="_blank">&#9993; Telegram</a>
<a class="contact-link" href="https://wa.me/" target="_blank">&#9742; WhatsApp</a>
<a class="contact-link" href="mailto:">&#9993; Email</a>
</div>
</div>
</section>
<section class="cta">
<div class="container">
<h2>34 &#8594; 23 — всего 11 секунд</h2>
<p class="lead">Но за этими секундами — годы тренировок, характер и мечта. Следите за прогрессом Гали.</p>
<a class="btn" href="#goal">Смотреть прогресс</a>
</div>
</section>
</body>
</html>