Не можете долго сидеть ровно
Начинаете ерзать, искать положение, и спина постепенно начинает ныть.
13–14 апреля • 13.00 МСК • бесплатно • для женщин
Сидячая жизнь и последствия родов: почему тело болит и не восстанавливается
Разберем, как остановить перегрузку в спине, шее и ногах, пока это не стало хронической проблемой, и с чего начать возвращать телу устойчивость.
Если у вас:
- к вечеру болит поясница
- забивается шея и хочется ее размять
- ноют ноги даже без нагрузки
- сложно встать и разогнуться после сидения
Это уже не просто усталость, а системная перегрузка. На интенсиве покажу, как ее остановить.
сразу после регистрации
Подарок за регистрацию
Практика для разгрузки спины и снижения напряжения в теле
Получаете сразу после регистрации, чтобы начать помогать телу еще до старта интенсива.
13–14 апреля • 13.00 МСК • бесплатно • для женщин
Сидячая жизнь и последствия родов: почему тело болит и не восстанавливается
Разберем, как остановить перегрузку в спине, шее и ногах, пока это не стало хронической проблемой, и с чего начать возвращать телу устойчивость.
Если у вас:
- к вечеру болит поясница
- забивается шея и хочется ее размять
- ноют ноги даже без нагрузки
- сложно встать и разогнуться после сидения
Это уже не просто усталость, а системная перегрузка. На интенсиве покажу, как ее остановить.
сразу после регистрации
Подарок за регистрацию
Практика для разгрузки спины и снижения напряжения в теле
Получаете сразу после регистрации, чтобы начать помогать телу еще до старта интенсива.
Для кого интенсив
Состояния, которые многие считают нормой, хотя тело уже просит помощи
Если узнали себя хотя бы в двух пунктах, перегрузка уже стала системной, и ее лучше остановить сейчас, а не когда боль закрепится.
Сложно разогнуться после рабочего дня
Встаете, а тело как будто не включается сразу и двигается с усилием.
К вечеру ощущение, что разваливаетесь
Тело тяжелеет, поясница тянет, и хочется только лечь и перестать двигаться.
Шея забивается за день
Напряжение возвращается каждый день и кажется, что без разминания уже никак.
Ноги устают без причины
Появляется тяжесть, хочется их вытянуть, приподнять или снять нагрузку любой ценой.
Боль меняет место
Сегодня спина, завтра шея, потом колено, и становится трудно понять, с чего все началось.
:root {
--bg: #101215;
--panel: rgba(22, 25, 30, 0.82);
--ink: #f4f1eb;
--muted: #b2aea8;
--accent: #10d3bf;
--accent-dark: #63f3e0;
--accent-soft: rgba(16, 211, 191, 0.18);
--sage-deep: #6fd9cc;
--teal-glow: rgba(16, 211, 191, 0.35);
--shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
--radius-xl: 36px;
--radius-lg: 28px;
--container: min(1180px, calc(100vw - 32px));
}
*,
*::before,
*::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: "Manrope", "Segoe UI", Arial, sans-serif;
color: var(--ink);
background:
radial-gradient(circle at top left, rgba(80, 96, 92, 0.3), transparent 34%),
radial-gradient(circle at top right, rgba(16, 211, 191, 0.18), transparent 28%),
linear-gradient(180deg, #0e1013 0%, #15181d 48%, #111317 100%);
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
.page-shell { position: relative; overflow: hidden; }
.page-shell::before,
.page-shell::after {
content: "";
position: fixed;
z-index: -1;
width: 36vw;
aspect-ratio: 1;
border-radius: 50%;
filter: blur(70px);
opacity: 0.45;
}
.page-shell::before { top: -10rem; right: -10rem; background: rgba(86, 101, 95, 0.45); }
.page-shell::after { bottom: -12rem; left: -12rem; background: rgba(16, 211, 191, 0.22); }
.hero, .section { width: var(--container); margin: 0 auto; }
.hero { padding: 26px 0 48px; }
.topbar {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 34px;
}
.brand-mark,
.ghost-link {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 18px;
border-radius: 999px;
background: rgba(24, 27, 32, 0.85);
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
color: var(--muted);
}
.brand-mark__dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--accent);
box-shadow: 0 0 0 6px rgba(16, 211, 191, 0.15);
}
.hero__grid {
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 34px;
align-items: start;
}
.hero__content h1,
.section h2 {
margin: 0;
font-family: "Manrope", "Segoe UI", Arial, sans-serif;
letter-spacing: -0.04em;
font-weight: 700;
}
.hero__content h1 {
font-size: clamp(2.8rem, 4vw, 5rem);
line-height: 0.95;
max-width: 14ch;
}
.hero__content h1 span { display: inline-block; color: var(--accent-dark); }
.eyebrow {
margin: 0 0 16px;
color: var(--accent-dark);
font-size: 0.88rem;
text-transform: uppercase;
letter-spacing: 0.18em;
}
.hero__lead {
max-width: 56ch;
margin: 22px 0 28px;
font-size: 1.1rem;
line-height: 1.7;
color: var(--muted);
}
.hero__warning,
.gift-card,
.day-card,
.result-card,
.outcome-item,
.specialization-card,
.review-card,
.register-panel,
.symptom-card,
.cta-banner,
.portrait-card--note {
background: var(--panel);
backdrop-filter: blur(18px);
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: var(--shadow);
}
.hero__warning {
display: grid;
grid-template-columns: auto 1fr;
gap: 18px;
padding: 24px;
border-radius: var(--radius-lg);
}
.hero__warning-badge {
width: 18px;
border-radius: 999px;
background: linear-gradient(180deg, var(--accent), #75fff0);
}
.hero__warning-title,
.portrait-card__kicker,
.gift-card__label,
.day-card__label,
.specialization-card__label,
.review-card__meta {
margin: 0 0 8px;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--accent-dark);
}
.hero__warning ul,
.agenda-list { margin: 0; padding-left: 18px; line-height: 1.7; }
.hero__warning-note { margin: 14px 0 0; color: var(--muted); line-height: 1.6; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 24px 0 18px; }
.button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 60px;
padding: 18px 34px;
border: 0;
border-radius: 999px;
cursor: pointer;
transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
font-weight: 700;
letter-spacing: 0.01em;
}
.button:hover,
.button:focus-visible,
.slider-button:hover,
.slider-button:focus-visible { transform: translateY(-2px); }
.button--primary {
color: #062a26;
background: linear-gradient(135deg, var(--accent) 0%, #33e6d4 100%);
box-shadow:
0 0 0 1px rgba(99, 243, 224, 0.35),
0 0 34px rgba(16, 211, 191, 0.28),
0 22px 56px rgba(16, 211, 191, 0.34);
font-size: 1.08rem;
}
.button--secondary {
color: #031f1c;
background: linear-gradient(135deg, #8ffaf0 0%, #24ddca 100%);
border: 1px solid rgba(143, 250, 240, 0.42);
box-shadow:
0 0 0 1px rgba(143, 250, 240, 0.2),
0 0 28px rgba(16, 211, 191, 0.18),
0 18px 44px rgba(16, 211, 191, 0.24);
font-size: 1.04rem;
}
.gift-card {
max-width: 520px;
padding: 22px 24px;
border-radius: 24px;
color: #d8fff8;
background:
linear-gradient(180deg, rgba(13, 36, 34, 0.96), rgba(14, 23, 27, 0.96)),
radial-gradient(circle at right top, rgba(16, 211, 191, 0.24), transparent 42%);
border: 2px solid rgba(16, 211, 191, 0.42);
box-shadow:
0 0 0 1px rgba(16, 211, 191, 0.12),
0 0 40px rgba(16, 211, 191, 0.18),
0 20px 60px rgba(16, 211, 191, 0.16);
}
.gift-card p { margin: 0; }
.gift-card__label { color: var(--accent-dark); }
.gift-card__title {
margin-top: 6px;
font-size: 1.24rem;
font-weight: 800;
line-height: 1.35;
color: #ecfffb;
}
.gift-card__note {
margin-top: 10px;
color: #a9d8d1;
line-height: 1.6;
}
.hero__visual { position: relative; min-height: 720px; }
.portrait-card { border-radius: var(--radius-xl); overflow: hidden; }
.portrait-card--main {
width: min(100%, 470px);
margin-left: auto;
transform: rotate(-3deg);
box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
}
.portrait-card--main img {
width: 100%;
aspect-ratio: 0.84;
object-fit: cover;
}
.portrait-card--note {
position: absolute;
left: 0;
bottom: 68px;
max-width: 320px;
padding: 24px;
border-radius: 26px;
}
.portrait-card--note h2 { margin: 0 0 12px; font-size: 1.7rem; }
.portrait-card--note p:last-child { margin: 0; color: var(--muted); line-height: 1.65; }
.stat-chip {
position: absolute;
display: grid;
gap: 6px;
padding: 16px 18px;
border-radius: 22px;
background: rgba(18, 21, 26, 0.92);
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
}
.stat-chip strong { font-size: 1.4rem; }
.stat-chip span { color: var(--muted); }
.stat-chip--left { top: 56px; left: 6px; }
.stat-chip--right { right: 18px; bottom: 12px; }
.section { padding: 48px 0; }
.section-heading { display: grid; gap: 12px; margin-bottom: 28px; }
.section-heading h2 {
font-size: clamp(2rem, 3vw, 3.4rem);
line-height: 1;
max-width: none;
}
.section-heading--split {
grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.6fr);
align-items: start;
gap: 32px;
}
.section-heading__aside {
max-width: 36ch;
color: var(--muted);
line-height: 1.7;
justify-self: end;
text-align: left;
}
.section-intro-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin-bottom: 24px;
}
.section-intro-actions p {
margin: 0;
max-width: 60ch;
color: var(--muted);
line-height: 1.7;
}
.block-cta {
display: flex;
justify-content: center;
margin-top: 28px;
}
.block-cta .button {
min-width: 260px;
}
.section-intro-actions .button--secondary {
flex-shrink: 0;
min-width: 220px;
}
.symptoms-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.symptom-card {
display: grid;
gap: 18px;
padding: 22px;
border-radius: 28px;
}
.symptom-card img {
width: 100%;
aspect-ratio: 1.4;
object-fit: cover;
border-radius: 20px;
background: linear-gradient(135deg, rgba(86, 101, 95, 0.24), rgba(16, 211, 191, 0.18));
}
.symptom-card__image--seat { object-position: center 34%; }
.symptom-card__image--rise { object-position: center 38%; }
.symptom-card__image--evening { object-position: center 42%; }
.symptom-card__image--neck { object-position: center 28%; }
.symptom-card__image--legs { object-position: center 62%; }
.symptom-card__image--pain { object-position: center 40%; }
.symptom-card h3 { margin: 0 0 8px; font-size: 1.2rem; }
.symptom-card p { margin: 0; color: var(--muted); line-height: 1.6; }
.section--accent { padding-top: 60px; }
.days-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.day-card { padding: 26px; border-radius: 32px; }
.day-card__top h3 { margin: 0 0 18px; font-size: 1.55rem; line-height: 1.2; }
.result-card {
margin-top: 22px;
display: grid;
gap: 14px;
padding: 14px;
border-radius: 22px;
background: rgba(12, 15, 19, 0.9);
border: 1px solid rgba(16, 211, 191, 0.12);
}
.result-card p { margin: 0; line-height: 1.65; }
.result-highlight,
.bonus-highlight {
padding: 18px 18px 16px;
border-radius: 18px;
}
.result-highlight {
background: linear-gradient(180deg, rgba(16, 211, 191, 0.2), rgba(16, 211, 191, 0.1));
border: 1px solid rgba(16, 211, 191, 0.45);
box-shadow: inset 0 0 24px rgba(16, 211, 191, 0.08), 0 10px 30px rgba(16, 211, 191, 0.08);
}
.bonus-highlight {
background: linear-gradient(180deg, rgba(99, 243, 224, 0.26), rgba(16, 211, 191, 0.14));
border: 2px solid rgba(99, 243, 224, 0.62);
box-shadow: 0 0 0 2px rgba(99, 243, 224, 0.1), 0 14px 34px rgba(16, 211, 191, 0.14);
}
.result-highlight__label,
.bonus-highlight__label {
margin: 0 0 8px;
font-size: 0.84rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: #b8fff7;
}
.result-highlight p:last-child,
.bonus-highlight p:last-child {
font-size: 1.05rem;
}
.outcomes {
display: grid;
grid-template-columns: 0.82fr 1.18fr;
gap: 18px;
align-items: start;
}
.outcomes__sticky {
position: sticky;
top: 24px;
border-radius: 34px;
overflow: hidden;
box-shadow: var(--shadow);
}
.outcomes__sticky--text {
padding: 32px;
background:
linear-gradient(180deg, rgba(22, 25, 30, 0.96), rgba(28, 32, 39, 0.92)),
radial-gradient(circle at top right, rgba(16, 211, 191, 0.16), transparent 42%);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.outcomes__label {
margin: 0 0 18px;
text-transform: uppercase;
letter-spacing: 0.18em;
font-size: 0.82rem;
color: var(--accent-dark);
}
.outcomes__sticky--text h3 {
margin: 0 0 16px;
font-family: "Arial Narrow", "Segoe UI", Arial, sans-serif;
font-size: clamp(1.7rem, 2vw, 2.4rem);
line-height: 1.05;
}
.outcomes__sticky--text p:last-child {
margin: 0;
color: var(--muted);
line-height: 1.7;
}
.outcomes__list { display: grid; gap: 14px; }
.outcome-item {
display: grid;
grid-template-columns: 64px 1fr;
gap: 16px;
align-items: center;
padding: 18px 20px;
border-radius: 24px;
}
.outcome-item span {
display: grid;
place-items: center;
width: 64px;
aspect-ratio: 1;
border-radius: 50%;
background: var(--accent-soft);
color: #b8fff7;
font-weight: 700;
}
.outcome-item p { margin: 0; font-size: 1.05rem; line-height: 1.6; }
.profile-grid {
display: grid;
grid-template-columns: 0.78fr 1.22fr;
gap: 24px;
align-items: center;
}
.profile-grid__photo { border-radius: 34px; overflow: hidden; box-shadow: var(--shadow); }
.profile-grid__photo img { width: 100%; aspect-ratio: 0.78; object-fit: cover; }
.profile-intro { margin: 12px 0 20px; font-size: 1.12rem; color: var(--muted); line-height: 1.7; }
.profile-details { display: grid; gap: 10px; }
.profile-details p {
margin: 0;
padding-left: 18px;
position: relative;
line-height: 1.6;
}
.profile-details p::before {
content: "";
position: absolute;
left: 0;
top: 0.7em;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--accent);
}
.specialization-card { margin-top: 22px; padding: 20px 22px; border-radius: 24px; }
.specialization-card p { margin: 0; line-height: 1.7; }
.slider-controls { display: inline-flex; gap: 10px; }
.slider-button {
width: 52px;
height: 52px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(23, 27, 33, 0.92);
cursor: pointer;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
color: var(--ink);
}
.reviews-slider {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(280px, 1fr);
gap: 16px;
overflow-x: auto;
padding-bottom: 10px;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.reviews-slider::-webkit-scrollbar { display: none; }
.review-card {
scroll-snap-align: start;
min-height: 220px;
padding: 22px;
border-radius: 28px;
color: var(--ink);
}
.review-card p:last-child { margin: 0; line-height: 1.7; }
.review-card--chat { background: linear-gradient(180deg, rgba(24, 53, 48, 0.94), rgba(17, 22, 27, 0.96)); }
.review-card--note { background: linear-gradient(180deg, rgba(27, 32, 38, 0.96), rgba(17, 21, 26, 0.96)); }
.review-card--tall { background: linear-gradient(180deg, rgba(20, 40, 39, 0.92), rgba(17, 21, 26, 0.95)); }
.cta-banner {
display: grid;
grid-template-columns: 1fr auto;
gap: 22px;
align-items: center;
padding: 30px;
border-radius: 34px;
}
.cta-banner h2 {
font-size: clamp(2rem, 3vw, 3rem);
margin: 0 0 14px;
max-width: 20ch;
}
.cta-banner p:last-child { margin: 0; color: var(--muted); line-height: 1.7; max-width: 58ch; }
.button--wide { min-width: 240px; }
.cta-banner .button--primary,
.hero__actions .button--primary,
.section-intro-actions .button--secondary,
.button--submit {
min-height: 68px;
padding-inline: 40px;
}
.register-panel {
display: grid;
grid-template-columns: 0.95fr 1.05fr;
gap: 22px;
padding: 28px;
border-radius: 36px;
}
.register-panel h2 {
font-size: clamp(2rem, 3vw, 3rem);
line-height: 1;
max-width: 16ch;
}
.register-panel__copy p { color: var(--muted); line-height: 1.7; }
.register-gift {
margin: 18px 0 22px;
padding: 22px;
border-radius: 24px;
background:
linear-gradient(180deg, rgba(9, 35, 32, 0.96), rgba(12, 25, 28, 0.96)),
radial-gradient(circle at top right, rgba(99, 243, 224, 0.22), transparent 40%);
border: 2px solid rgba(99, 243, 224, 0.45);
box-shadow:
0 0 0 1px rgba(99, 243, 224, 0.12),
0 0 38px rgba(16, 211, 191, 0.16),
0 20px 56px rgba(0, 0, 0, 0.24);
}
.register-gift__label,
.register-gift__title,
.register-gift__note {
margin: 0;
}
.register-gift__label {
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 0.82rem;
color: #8df6eb;
}
.register-gift__title {
margin-top: 8px;
font-size: 1.28rem;
line-height: 1.35;
font-weight: 800;
color: #ecfffb;
}
.register-gift__note {
margin-top: 10px;
color: #a9d8d1;
line-height: 1.6;
}
.register-perks { display: grid; gap: 10px; margin-top: 20px; }
.register-perks p {
margin: 0;
padding-left: 18px;
position: relative;
}
.register-perks p::before {
content: "";
position: absolute;
left: 0;
top: 0.7em;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--sage-deep);
}
.register-form { display: grid; gap: 14px; }
.register-form label { display: grid; gap: 8px; font-size: 0.98rem; }
.register-form input,
.register-form textarea {
width: 100%;
padding: 16px 18px;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(14, 17, 22, 0.9);
color: var(--ink);
}
.register-form input:focus,
.register-form textarea:focus {
outline: 2px solid rgba(189, 77, 51, 0.2);
border-color: rgba(189, 77, 51, 0.4);
}
.button--submit { width: 100%; margin-top: 8px; }
.form-note, .form-success { margin: 0; font-size: 0.92rem; line-height: 1.6; }
.form-note { color: var(--muted); }
.form-success {
padding: 14px 16px;
border-radius: 18px;
background: rgba(16, 211, 191, 0.16);
color: #0a5b54;
}
/* Wow desktop overrides, light direction */
body {
color: #1c2328;
background:
radial-gradient(circle at 12% 8%, rgba(18, 216, 196, 0.1), transparent 24%),
radial-gradient(circle at 88% 12%, rgba(18, 216, 196, 0.1), transparent 22%),
linear-gradient(180deg, #fcfbf8 0%, #f4f1ea 46%, #efede6 100%);
}
.page-shell::before {
background: rgba(121, 221, 210, 0.24);
}
.page-shell::after {
background: rgba(18, 216, 196, 0.12);
}
.brand-mark,
.ghost-link {
background: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(28, 35, 40, 0.08);
color: #546068;
box-shadow: 0 12px 35px rgba(68, 82, 90, 0.08);
}
.hero {
padding: 26px 0 64px;
position: relative;
}
.hero__grid {
grid-template-columns: 1.08fr 0.92fr;
gap: 48px;
}
.hero::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 6px;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(20, 200, 182, 0.2), transparent);
}
.hero__content h1,
.section h2 {
color: #182027;
}
.hero__content h1 {
font-size: clamp(3.5rem, 6vw, 6rem);
line-height: 0.9;
max-width: 9ch;
text-transform: uppercase;
letter-spacing: -0.06em;
}
.hero__content h1 span {
display: block;
color: #14c8b6;
max-width: 9ch;
}
.hero__flash {
display: inline-flex;
margin: 0 0 16px;
padding: 10px 16px;
border-radius: 999px;
background: rgba(20, 200, 182, 0.08);
border: 1px solid rgba(20, 200, 182, 0.18);
color: #0e887b;
text-transform: uppercase;
letter-spacing: 0.16em;
font-size: 0.82rem;
}
.eyebrow,
.gift-card__label,
.day-card__label,
.review-card__meta,
.specialization-card__label,
.portrait-card__kicker {
color: #0f9f91;
}
.hero__subline {
margin: 16px 0 12px;
font-size: clamp(1.3rem, 2vw, 1.85rem);
line-height: 1.15;
max-width: 20ch;
color: #24313a;
}
.hero__lead,
.section-heading__aside,
.section-intro-actions p,
.profile-intro,
.register-panel__copy p,
.hero__warning-note,
.symptom-card p,
.cta-banner p:last-child,
.outcomes__sticky--text p:last-child,
.gift-card__note,
.register-gift__note {
color: #5b6770;
}
.hero__lead {
max-width: 48ch;
font-size: 1.08rem;
}
.hero__meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 24px;
}
.hero__meta span {
padding: 10px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.76);
border: 1px solid rgba(28, 35, 40, 0.08);
color: #24313a;
}
.hero__warning,
.gift-card,
.day-card,
.result-card,
.outcome-item,
.specialization-card,
.review-card,
.register-panel,
.symptom-card,
.cta-banner,
.portrait-card--note {
background: rgba(255, 255, 255, 0.74);
border: 1px solid rgba(28, 35, 40, 0.08);
box-shadow: 0 24px 60px rgba(68, 82, 90, 0.08);
}
.hero__warning {
background: rgba(255, 255, 255, 0.78);
position: relative;
overflow: hidden;
}
.hero__warning::after {
content: "";
position: absolute;
inset: auto -30px -30px auto;
width: 160px;
height: 160px;
border-radius: 50%;
background: radial-gradient(circle, rgba(20, 200, 182, 0.1), transparent 70%);
}
.button--primary {
color: #032f2a;
background: linear-gradient(135deg, #12d8c4 0%, #4ee7d7 100%);
box-shadow:
0 0 0 1px rgba(18, 216, 196, 0.16),
0 14px 30px rgba(18, 216, 196, 0.22),
0 26px 44px rgba(18, 216, 196, 0.14);
font-size: 1.12rem;
}
.button--secondary {
color: #053a34;
background: linear-gradient(135deg, #b4fbf3 0%, #73eadc 100%);
border: 1px solid rgba(18, 216, 196, 0.18);
box-shadow: 0 14px 30px rgba(18, 216, 196, 0.12);
}
.gift-card {
max-width: 560px;
background:
linear-gradient(180deg, rgba(235, 255, 252, 0.95), rgba(246, 255, 253, 0.95)),
radial-gradient(circle at right top, rgba(18, 216, 196, 0.16), transparent 42%);
border: 2px solid rgba(18, 216, 196, 0.24);
box-shadow:
0 0 0 1px rgba(18, 216, 196, 0.08),
0 20px 50px rgba(18, 216, 196, 0.12);
position: relative;
overflow: hidden;
}
.gift-card__burst {
display: inline-flex;
margin-bottom: 12px;
padding: 8px 12px;
border-radius: 999px;
background: #14c8b6;
color: #052e29;
font-size: 0.74rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.gift-card__title,
.register-gift__title {
color: #182027;
}
.hero__visual {
min-height: 720px;
display: grid;
align-content: center;
}
.portrait-card--main {
transform: rotate(-2.5deg);
border: 1px solid rgba(18, 216, 196, 0.12);
box-shadow: 0 30px 70px rgba(68, 82, 90, 0.14);
background: linear-gradient(135deg, rgba(20, 200, 182, 0.08), rgba(255, 255, 255, 0.7));
}
.portrait-card--note {
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(20, 200, 182, 0.14);
}
.stat-chip {
background: rgba(255, 255, 255, 0.92);
border: 1px solid rgba(28, 35, 40, 0.08);
box-shadow: 0 18px 34px rgba(68, 82, 90, 0.1);
}
.stat-chip span {
color: #5b6770;
}
.section {
padding: 62px 0;
}
.section-heading h2 {
font-size: clamp(2.5rem, 4vw, 4.2rem);
line-height: 0.96;
}
.section-heading__aside {
max-width: 36ch;
}
.symptom-card {
transition: transform 180ms ease, box-shadow 180ms ease;
overflow: hidden;
}
.symptoms-grid--editorial {
grid-template-columns: 1.15fr 0.85fr 1fr;
grid-auto-rows: minmax(250px, auto);
align-items: start;
}
.symptoms-grid--editorial .symptom-card:nth-child(1) {
grid-column: 1;
grid-row: span 2;
}
.symptoms-grid--editorial .symptom-card:nth-child(2) {
grid-column: 2;
}
.symptoms-grid--editorial .symptom-card:nth-child(3) {
grid-column: 3;
grid-row: span 2;
}
.symptoms-grid--editorial .symptom-card:nth-child(4) {
grid-column: 2;
}
.symptoms-grid--editorial .symptom-card:nth-child(5) {
grid-column: 1;
}
.symptoms-grid--editorial .symptom-card:nth-child(6) {
grid-column: 2 / span 2;
}
.symptom-card:hover {
transform: translateY(-4px);
box-shadow: 0 28px 60px rgba(68, 82, 90, 0.12);
}
.symptoms-grid--editorial .symptom-card img {
aspect-ratio: 1.2;
}
.symptoms-grid--editorial .symptom-card:nth-child(1) img,
.symptoms-grid--editorial .symptom-card:nth-child(3) img {
aspect-ratio: 0.92;
}
.symptoms-grid--editorial .symptom-card:nth-child(6) img {
aspect-ratio: 1.7;
}
.days-stack {
display: grid;
gap: 22px;
}
.day-card--editorial {
display: grid;
grid-template-columns: 120px 1fr;
gap: 18px;
align-items: start;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(249, 252, 251, 0.94)),
radial-gradient(circle at top right, rgba(18, 216, 196, 0.12), transparent 34%);
position: relative;
}
.day-card--editorial::before {
content: "";
position: absolute;
left: 72px;
top: 28px;
bottom: 28px;
width: 1px;
background: linear-gradient(180deg, rgba(20, 200, 182, 0.2), rgba(20, 200, 182, 0.04));
}
.day-card__number {
font-family: "Arial Narrow", "Segoe UI", Arial, sans-serif;
font-size: 5rem;
line-height: 0.85;
color: rgba(20, 200, 182, 0.22);
text-align: center;
}
.day-card__body {
display: grid;
gap: 10px;
}
.agenda-list,
.profile-details p,
.register-perks p,
.outcome-item p {
color: #24313a;
}
.result-card {
background: rgba(245, 250, 249, 0.94);
border: 1px solid rgba(18, 216, 196, 0.08);
}
.result-highlight {
background: linear-gradient(180deg, rgba(18, 216, 196, 0.12), rgba(18, 216, 196, 0.06));
border: 1px solid rgba(18, 216, 196, 0.24);
}
.bonus-highlight {
background: linear-gradient(180deg, rgba(114, 234, 220, 0.22), rgba(18, 216, 196, 0.1));
border: 2px solid rgba(18, 216, 196, 0.34);
box-shadow:
0 0 0 2px rgba(18, 216, 196, 0.06),
0 14px 28px rgba(18, 216, 196, 0.1);
}
.result-highlight__label,
.bonus-highlight__label {
color: #0f9f91;
}
.outcomes__sticky--text {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 251, 250, 0.94)),
radial-gradient(circle at top right, rgba(18, 216, 196, 0.1), transparent 42%);
border: 1px solid rgba(28, 35, 40, 0.08);
}
.outcomes__label {
color: #0f9f91;
}
.outcome-item span {
color: #0f9f91;
}
.specialization-card,
.register-gift {
background:
linear-gradient(180deg, rgba(240, 255, 252, 0.95), rgba(248, 255, 253, 0.95)),
radial-gradient(circle at top right, rgba(18, 216, 196, 0.14), transparent 40%);
border: 2px solid rgba(18, 216, 196, 0.22);
box-shadow: 0 18px 40px rgba(18, 216, 196, 0.1);
}
.reviews-wall {
display: grid;
grid-template-columns: 1.1fr 0.9fr 1fr;
gap: 16px;
align-items: start;
}
.review-card:nth-child(2),
.review-card:nth-child(5) {
margin-top: 30px;
}
.review-card:nth-child(3),
.review-card:nth-child(6) {
margin-top: -18px;
}
.review-card--chat {
background: linear-gradient(180deg, rgba(232, 252, 249, 0.98), rgba(255, 255, 255, 0.96));
}
.review-card--note {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 249, 0.96));
}
.review-card--tall {
background: linear-gradient(180deg, rgba(239, 255, 252, 0.98), rgba(255, 255, 255, 0.96));
}
.cta-banner {
grid-template-columns: 1.15fr 0.85fr;
gap: 30px;
padding: 34px;
border-radius: 38px;
background:
linear-gradient(180deg, rgba(238, 255, 252, 0.96), rgba(255, 255, 255, 0.95)),
radial-gradient(circle at right center, rgba(18, 216, 196, 0.14), transparent 32%);
border: 1px solid rgba(18, 216, 196, 0.18);
position: relative;
overflow: hidden;
}
.cta-banner::after {
content: "";
position: absolute;
right: -100px;
top: -60px;
width: 280px;
height: 280px;
border-radius: 50%;
background: radial-gradient(circle, rgba(20, 200, 182, 0.14), transparent 70%);
}
.cta-banner__action {
display: grid;
gap: 14px;
justify-items: end;
}
.cta-gift {
max-width: 300px;
padding: 18px 20px;
border-radius: 24px;
background: rgba(238, 255, 252, 0.96);
border: 1px solid rgba(18, 216, 196, 0.18);
color: #24313a;
}
.cta-meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.cta-meta span {
padding: 10px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.78);
border: 1px solid rgba(18, 216, 196, 0.12);
color: #24313a;
font-weight: 600;
}
.cta-gift p {
margin: 0;
line-height: 1.5;
}
.cta-gift__label {
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 0.78rem;
color: #0f9f91;
}
.register-form input,
.register-form textarea {
background: rgba(255, 255, 255, 0.92);
border: 1px solid rgba(28, 35, 40, 0.08);
color: #182027;
}
/* Final dark cleanup */
body {
color: #f4f1eb;
background:
radial-gradient(circle at 12% 8%, rgba(18, 216, 196, 0.08), transparent 24%),
radial-gradient(circle at 88% 12%, rgba(18, 216, 196, 0.08), transparent 22%),
linear-gradient(180deg, #090c10 0%, #11161b 46%, #0b0f13 100%);
}
.brand-mark,
.ghost-link {
background: rgba(22, 26, 31, 0.82);
border-color: rgba(255, 255, 255, 0.08);
color: #aab3b9;
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
}
.hero__content h1,
.section h2,
.gift-card__title,
.register-gift__title,
.agenda-list,
.profile-details p,
.register-perks p,
.outcome-item p {
color: #f4f1eb;
}
.hero__subline {
color: #d8fff8;
}
.hero__lead,
.section-heading__aside,
.section-intro-actions p,
.profile-intro,
.register-panel__copy p,
.hero__warning-note,
.symptom-card p,
.cta-banner p:last-child,
.outcomes__sticky--text p:last-child,
.gift-card__note,
.register-gift__note,
.stat-chip span {
color: #a7b0b7;
}
.hero__meta span,
.cta-meta span {
background: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.08);
color: #d8fff8;
}
.hero__warning,
.gift-card,
.day-card,
.result-card,
.outcome-item,
.specialization-card,
.review-card,
.register-panel,
.symptom-card,
.cta-banner,
.portrait-card--note,
.outcomes__sticky--text,
.register-gift {
background: rgba(19, 23, 28, 0.84);
border-color: rgba(255, 255, 255, 0.08);
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2);
}
.gift-card,
.register-gift,
.cta-banner {
background:
linear-gradient(180deg, rgba(9, 34, 31, 0.96), rgba(16, 20, 25, 0.95)),
radial-gradient(circle at right top, rgba(18, 216, 196, 0.14), transparent 42%);
}
.gift-card__burst {
background: #12d8c4;
color: #032f2a;
}
.portrait-card--main {
box-shadow: 0 30px 70px rgba(0, 0, 0, 0.24);
background: linear-gradient(135deg, rgba(20, 200, 182, 0.08), rgba(18, 22, 27, 0.7));
}
.portrait-card--note {
background: rgba(19, 23, 28, 0.94);
}
.stat-chip {
background: rgba(16, 20, 25, 0.94);
border-color: rgba(255, 255, 255, 0.08);
box-shadow: 0 18px 34px rgba(0, 0, 0, 0.16);
}
.symptoms-grid--editorial {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-rows: auto;
}
.symptoms-grid--editorial .symptom-card:nth-child(n) {
grid-column: auto;
grid-row: auto;
}
.symptoms-grid--editorial .symptom-card img {
aspect-ratio: 1.24;
}
.symptoms-grid--editorial .symptom-card:hover {
box-shadow: 0 28px 60px rgba(0, 0, 0, 0.22);
}
.day-card--editorial {
background:
linear-gradient(180deg, rgba(19, 23, 28, 0.94), rgba(22, 27, 33, 0.94)),
radial-gradient(circle at top right, rgba(18, 216, 196, 0.12), transparent 34%);
}
.day-card__number {
color: rgba(141, 248, 235, 0.24);
}
.result-card {
background: rgba(14, 18, 23, 0.94);
}
.review-card--chat {
background: linear-gradient(180deg, rgba(18, 50, 46, 0.98), rgba(20, 24, 29, 0.96));
}
.review-card--note {
background: linear-gradient(180deg, rgba(24, 28, 34, 0.98), rgba(19, 23, 29, 0.96));
}
.review-card--tall {
background: linear-gradient(180deg, rgba(19, 44, 41, 0.98), rgba(20, 24, 29, 0.96));
}
.reviews-wall {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.review-card:nth-child(2),
.review-card:nth-child(5),
.review-card:nth-child(3),
.review-card:nth-child(6) {
margin-top: 0;
}
.cta-gift {
background: rgba(15, 42, 38, 0.96);
color: #f4f1eb;
}
.register-form input,
.register-form textarea {
background: rgba(13, 17, 22, 0.92);
border-color: rgba(255, 255, 255, 0.08);
color: #f4f1eb;
}
/* Typography refinement */
.hero__content h1,
.section h2,
.portrait-card--note h2,
.day-card__top h3,
.cta-banner h2,
.register-panel h2 {
font-family: "Manrope", "Segoe UI", Arial, sans-serif;
font-weight: 800;
letter-spacing: -0.05em;
}
.button {
font-family: "Manrope", "Segoe UI", Arial, sans-serif;
font-weight: 800;
}
.symptom-card h3,
.review-card__meta,
.hero__warning-title,
.gift-card__label,
.gift-card__title,
.register-gift__label,
.register-gift__title,
.cta-gift__label {
font-family: "Manrope", "Segoe UI", Arial, sans-serif;
}
.symptom-card h3,
.gift-card__title,
.register-gift__title {
font-weight: 700;
}
@media (max-width: 1080px) {
.hero__grid,
.outcomes,
.profile-grid,
.register-panel,
.cta-banner { grid-template-columns: 1fr; }
.hero__visual { min-height: unset; padding-bottom: 140px; }
.portrait-card--main { margin: 0 auto; }
.portrait-card--note {
left: 20px;
right: 20px;
max-width: none;
}
.symptoms-grid,
.days-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.symptoms-grid--editorial {
grid-template-columns: 1fr 1fr;
grid-auto-rows: auto;
}
.symptoms-grid--editorial .symptom-card:nth-child(n) {
grid-column: auto;
grid-row: auto;
transform: none;
}
.day-card--editorial { grid-template-columns: 1fr; }
.day-card__number { text-align: left; font-size: 4rem; }
.day-card--editorial::before { display: none; }
.reviews-wall { grid-template-columns: 1fr 1fr; }
.review-card:nth-child(2),
.review-card:nth-child(5),
.review-card:nth-child(3),
.review-card:nth-child(6) { margin-top: 0; }
.section-heading h2,
.cta-banner h2,
.register-panel h2,
.hero__content h1 { max-width: none; }
.section-heading--split { grid-template-columns: 1fr; }
.section-heading__aside { justify-self: start; max-width: none; }
.section-intro-actions { align-items: flex-start; flex-direction: column; }
.cta-banner__action { justify-items: start; }
.hero-badge--top { right: 12px; }
.hero-badge--mid { left: 12px; }
.hero-badge--bottom { right: 24px; }
.block-cta { justify-content: flex-start; }
}
@media (max-width: 760px) {
.hero { padding-top: 18px; }
.topbar { gap: 12px; flex-wrap: wrap; }
.hero__content h1 { font-size: clamp(2.3rem, 12vw, 3.8rem); }
.section { padding: 34px 0; }
.section-heading h2, .cta-banner h2, .register-panel h2 { max-width: none; }
.section-heading--split { grid-template-columns: 1fr; align-items: start; }
.symptoms-grid, .days-grid { grid-template-columns: 1fr; }
.hero__warning, .outcome-item { grid-template-columns: 1fr; }
.register-panel, .cta-banner, .day-card, .review-card, .hero__warning, .symptom-card { border-radius: 24px; }
.hero {
padding-bottom: 30px;
}
.hero__grid {
gap: 22px;
}
.hero__subline {
font-size: 1.12rem;
max-width: none;
}
.gift-card__burst {
font-size: 0.68rem;
letter-spacing: 0.1em;
}
.hero__lead {
margin: 18px 0 22px;
font-size: 1rem;
line-height: 1.6;
}
.hero__warning {
padding: 18px;
gap: 14px;
}
.hero__actions,
.section-intro-actions {
gap: 12px;
}
.hero__actions .button,
.section-intro-actions .button,
.cta-banner .button,
.button--submit,
.block-cta .button {
width: 100%;
min-width: 0;
}
.gift-card,
.register-gift {
padding: 18px;
}
.gift-card__title,
.register-gift__title {
font-size: 1.08rem;
line-height: 1.4;
}
.hero__visual {
padding-bottom: 108px;
}
.portrait-card--main {
width: 100%;
max-width: 360px;
transform: none;
}
.portrait-card--note {
left: 12px;
right: 12px;
bottom: 12px;
padding: 18px;
}
.portrait-card--note h2 {
font-size: 1.35rem;
}
.stat-chip {
padding: 12px 14px;
border-radius: 18px;
}
.stat-chip strong {
font-size: 1.1rem;
}
.stat-chip--left {
top: 12px;
left: 12px;
}
.stat-chip--right {
right: 12px;
bottom: 124px;
}
.section-heading {
gap: 10px;
margin-bottom: 20px;
}
.section-heading h2 {
font-size: clamp(1.85rem, 9vw, 2.6rem);
line-height: 1.02;
}
.section-heading__aside {
font-size: 0.98rem;
line-height: 1.55;
}
.section-intro-actions p {
font-size: 0.98rem;
line-height: 1.6;
}
.symptom-card,
.day-card,
.review-card {
padding: 18px;
}
.symptom-card img {
aspect-ratio: 1.18;
}
.day-card__top h3 {
font-size: 1.32rem;
line-height: 1.18;
}
.day-card__number {
font-size: 3rem;
}
.agenda-list {
font-size: 0.98rem;
line-height: 1.6;
}
.result-card {
padding: 10px;
gap: 10px;
}
.result-highlight,
.bonus-highlight {
padding: 14px;
border-radius: 16px;
}
.result-highlight p:last-child,
.bonus-highlight p:last-child {
font-size: 1rem;
line-height: 1.5;
}
.outcomes {
gap: 14px;
}
.outcomes__sticky--text {
padding: 22px 18px;
}
.outcomes__sticky--text h3 {
font-size: 1.55rem;
line-height: 1.08;
}
.outcome-item {
padding: 16px;
gap: 12px;
}
.outcome-item span {
width: 52px;
}
.outcome-item p {
font-size: 0.98rem;
}
.profile-grid {
gap: 18px;
}
.profile-intro {
margin: 10px 0 16px;
font-size: 1rem;
}
.profile-details {
gap: 8px;
}
.review-card {
min-height: 190px;
}
.reviews-wall {
grid-template-columns: 1fr;
}
.cta-meta {
margin-top: 16px;
}
.cta-banner,
.register-panel {
padding: 20px 18px;
}
.cta-banner h2,
.register-panel h2 {
font-size: clamp(1.9rem, 9vw, 2.5rem);
line-height: 1.02;
}
.register-form input,
.register-form textarea {
padding: 14px 16px;
border-radius: 16px;
}
.hero-badge {
position: static;
display: inline-flex;
margin: 8px 8px 0 0;
}
.hero-orbit {
display: none;
}
}
@media (max-width: 480px) {
:root {
--container: min(100vw - 20px, 100%);
}
.hero,
.section {
width: min(100vw - 20px, 100%);
}
.brand-mark,
.ghost-link {
width: 100%;
justify-content: center;
padding: 11px 14px;
}
.hero__content h1 {
font-size: clamp(2.05rem, 11.5vw, 3rem);
line-height: 0.98;
}
.eyebrow {
margin-bottom: 12px;
font-size: 0.76rem;
letter-spacing: 0.16em;
}
.button {
min-height: 62px;
padding: 16px 22px;
font-size: 1rem;
}
.gift-card__title,
.register-gift__title {
font-size: 1rem;
}
.portrait-card--main {
max-width: none;
}
.portrait-card--note {
position: relative;
left: auto;
right: auto;
bottom: auto;
margin-top: 14px;
}
.hero__visual {
padding-bottom: 0;
}
.stat-chip {
position: static;
margin-top: 10px;
}
.section-heading h2,
.cta-banner h2,
.register-panel h2 {
font-size: clamp(1.75rem, 9vw, 2.25rem);
}
.hero__flash {
font-size: 0.72rem;
letter-spacing: 0.12em;
}
}