Доступный стиль жизни через путешествия — MWR Life 2026
:root {
--primary: #001f3f;
--secondary: #60a5fa;
--text: #1a202c;
--bg: #ffffff;
--radius: 12px;
--shadow: 0 4px 12px rgba(0,0,0,0.06);
--border: 1.5px solid rgba(0,0,0,0.08);
--font-family: 'Inter', sans-serif;
}
*, ::before, ::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: var(--font-family);
background-color: var(--bg);
color: var(--text);
min-height: 100vh;
display: flex;
flex-direction: column;
line-height: 1.5;
font-size: clamp(1rem, 2.2vw, 1.125rem);
}
.full-width {
width: 100%;
max-width: 1400px;
margin: 0 auto;
}
.content-inner {
padding: 0 clamp(16px, 4vw, 24px);
}
/* Header */
.procreator-header {
width: 100%;
background-color: var(--bg);
border-radius: var(--radius);
box-shadow: var(--shadow);
border: var(--border);
padding: 12px 16px;
position: relative;
z-index: 10;
}
.header-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 48px;
flex-wrap: wrap;
}
.header-logo {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
min-width: 0;
}
.header-logo img {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
}
.header-title {
font-family: 'Playfair Display', serif;
font-weight: 600;
font-size: clamp(1.125rem, 3.8vw, 1.25rem);
line-height: 1.25;
color: var(--text);
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.header-nav {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
justify-content: center;
}
.header-nav a,
.lang-switch a {
font-family: var(--font-family);
font-size: 0.875rem;
font-weight: 500;
color: var(--text);
text-decoration: none;
padding: 6px 10px;
border-radius: var(--radius);
transition: background 0.2s;
}
.header-nav a:hover,
.lang-switch a:hover {
background-color: #f0f9ff;
}
.header-nav .phone {
font-weight: 600;
color: var(--primary);
}
.lang-switch {
display: flex;
gap: 6px;
font-family: var(--font-family);
font-size: 0.875rem;
font-weight: 500;
color: var(--text);
}
.lang-switch a.active {
color: var(--primary);
text-decoration: underline;
}
.menu-toggle {
display: none;
flex-direction: column;
justify-content: space-between;
width: 24px;
height: 16px;
cursor: pointer;
}
.menu-toggle span {
display: block;
height: 2px;
width: 100%;
background-color: var(--text);
border-radius: 2px;
}
/* Mobile menu */
@media (max-width: 1023px) {
.menu-toggle { display: flex; }
.header-nav {
display: none;
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0;
background: var(--bg);
flex-direction: column;
align-items: flex-start;
padding: 16px;
gap: 14px;
border-radius: 0 0 var(--radius) var(--radius);
box-shadow: var(--shadow);
border: var(--border);
z-index: 100;
}
.header-nav.active { display: flex; }
.header-nav a {
width: 100%;
text-align: left;
padding: 10px 14px !important;
border-radius: 10px !important;
}
.header-container { flex-wrap: nowrap; }
}
/* Hero */
.hero-section {
position: relative;
width: 100%;
height: 60vh;
min-height: 360px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.hero-video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.hero-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.hero-text {
position: relative;
z-index: 1;
text-align: center;
max-width: 90%;
padding: 0 clamp(16px, 4vw, 24px);
}
.hero-text h1 {
font-family: 'Playfair Display', serif;
font-size: clamp(2rem, 7vw, 3.2rem);
font-weight: 600;
line-height: 1.15;
margin-bottom: clamp(16px, 2.8vw, 20px);
color: #fff;
text-shadow: 0 2px 4px rgba(0,0,0,0.8);
letter-spacing: -0.5px;
}
.hero-text p {
font-size: clamp(1.1rem, 3vw, 1.4rem);
font-weight: 400;
line-height: 1.4;
margin-bottom: clamp(20px, 3vw, 24px);
color: #fff;
text-shadow: 0 1px 3px rgba(0,0,0,0.7);
}
.hero-button {
font-size: clamp(1rem, 2.6vw, 1.2rem);
padding: clamp(10px, 2vw, 14px) clamp(20px, 3.6vw, 26px);
border-radius: 12px;
background: transparent;
color: #fff;
border: 1.8px solid rgba(255,255,255,0.85);
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
transition: all .25s ease;
text-transform: uppercase;
letter-spacing: .5px;
}
.hero-button:hover {
background: rgba(255,255,255,0.12);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
/* Sections */
.section-full {
width: 100%;
background: var(--bg);
padding: clamp(24px, 4vw, 40px) 0;
}
h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(1.6rem, 3.8vw, 2.2rem);
text-align: center;
margin-bottom: clamp(20px, 3vw, 32px);
color: var(--text);
font-weight: 600;
}
h3 {
font-family: 'Playfair Display', serif;
font-size: clamp(1.3rem, 3vw, 1.6rem);
margin: clamp(24px, 4vw, 32px) 0 clamp(12px, 2vw, 16px);
color: var(--primary);
font-weight: 500;
}
/* Pain-focused CTA */
.pain-cta-grid {
display: grid;
grid-template-columns: 1fr;
gap: clamp(16px, 3vw, 24px);
}
@media (min-width: 768px) {
.pain-cta-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
}
.pain-card {
background: white;
padding: clamp(20px, 3vw, 28px);
border-radius: var(--radius);
box-shadow: var(--shadow);
border: var(--border);
}
.pain-card h4 {
font-family: 'Playfair Display', serif;
font-size: clamp(1.2rem, 2.6vw, 1.4rem);
margin-bottom: clamp(12px, 2vw, 16px);
color: var(--primary);
}
.pain-card ul {
padding-left: 1.2em;
margin: clamp(12px, 2vw, 16px) 0;
}
.pain-card li {
margin-bottom: 8px;
line-height: 1.5;
}
/* Features grid */
.features-grid {
display: grid;
grid-template-columns: 1fr;
gap: clamp(16px, 2.6vw, 24px);
}
@media (min-width: 768px) {
.features-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
}
.feature-card {
background: #f9fafb;
border-radius: var(--radius);
padding: clamp(16px, 2.6vw, 20px);
text-align: center;
box-shadow: var(--shadow);
border: var(--border);
transition: transform .2s ease;
text-decoration: none;
color: inherit;
}
.feature-card:hover { transform: translateY(-4px); }
.feature-card h3 {
font-family: 'Playfair Display', serif;
font-size: clamp(1.15rem, 2.8vw, 1.4rem);
margin-bottom: clamp(8px, 1.6vw, 12px);
font-weight: 500;
}
.feature-card p {
font-size: clamp(.875rem, 2vw, 1rem);
color: #6B7280;
line-height: 1.5;
}
/* Buttons */
.button-outline {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--font-family);
font-weight: 600;
font-size: clamp(1rem, 2.4vw, 1.2rem);
padding: clamp(10px, 2vw, 14px) clamp(20px, 3.4vw, 26px);
border: 1.5px solid var(--primary);
border-radius: 12px;
background: transparent;
color: var(--primary);
text-decoration: none;
transition: all .25s ease;
min-height: 44px;
}
.button-outline:hover {
background: rgba(0,31,63,0.04);
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(0,31,63,0.1);
}
/* Video reviews */
.video-grid {
display: grid;
grid-template-columns: 1fr;
gap: clamp(16px, 3vw, 24px);
}
@media (min-width: 768px) {
.video-grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
}
.video-card {
background: #f9fafb;
border-radius: var(--radius);
padding: clamp(16px, 2.6vw, 20px);
box-shadow: var(--shadow);
border: var(--border);
}
.video-card iframe {
width: 100%;
height: 180px;
border: none;
border-radius: 8px;
display: block;
}
.video-card h4 {
font-family: 'Playfair Display', serif;
font-size: clamp(1.15rem, 2.6vw, 1.3rem);
margin: clamp(12px, 2vw, 16px) 0 clamp(8px, 1.6vw, 12px);
color: var(--primary);
}
.video-card p {
font-size: clamp(.875rem, 2vw, 1rem);
color: #475569;
line-height: 1.5;
}
/* Ambassador feedback block */
.ambassador-feedback {
background: #fff;
border: 1.5px solid rgba(0,31,63,0.08);
border-radius: 12px;
padding: clamp(20px, 3.6vw, 28px);
margin: 0;
}
.ambassador-content {
display: flex;
flex-direction: column;
gap: clamp(20px, 3.6vw, 28px);
align-items: center;
max-width: none;
}
@media (min-width: 768px) {
.ambassador-content { flex-direction: row; }
}
.ambassador-photo {
flex: 0 0 auto;
width: auto;
max-width: 140px;
margin: 0;
}
.ambassador-photo img {
width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
display: block;
background: #fff;
padding: 6px;
}
.ambassador-text {
flex: 1;
min-width: 260px;
text-align: center;
}
@media (min-width: 768px) {
.ambassador-text { text-align: left; }
}
.ambassador-text h3 {
font-family: 'Playfair Display', serif;
font-size: clamp(1.25rem, 2.6vw, 1.5rem);
margin: 0 0 clamp(10px, 1.8vw, 14px);
color: var(--primary);
font-weight: 500;
line-height: 1.3;
}
.ambassador-text p {
margin: 0 0 clamp(12px, 2vw, 16px);
line-height: 1.6;
color: #475569;
font-size: clamp(0.95rem, 2vw, 1.05rem);
}
/* Footer */
footer[role="contentinfo"] {
background: var(--bg);
border-top: var(--border);
padding: clamp(12px, 2vw, 16px) 0;
width: 100%;
}
.footer-main {
background: var(--bg);
border-top: 2px solid #e5e7eb;
box-shadow: 0 -4px 16px rgba(0,0,0,0.06);
font-family: var(--font-family);
color: #1a202c;
font-size: clamp(0.77rem, 1.72vw, 0.87rem);
line-height: 1.43;
width: 100vw;
margin: 0;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.footer-grid {
max-width: 1200px;
margin: 0 auto;
padding: clamp(0.95rem, 2.8vw, 1.4rem) clamp(0.85rem, 3.5vw, 1.4rem);
display: grid;
grid-template-columns: 1fr;
gap: clamp(1rem, 2.8vw, 1.6rem);
justify-items: center;
align-items: start;
}
@media (min-width: 768px) {
.footer-grid { grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); }
}
.footer-section {
display: flex;
flex-direction: column;
gap: clamp(0.35rem, 0.85vw, 0.5rem);
text-align: center;
min-width: 0;
}
.section-title {
font-weight: 600;
font-size: clamp(0.85rem, 1.98vw, 0.93rem);
color: #0d3b66;
margin: 0 0 clamp(0.4rem, 1vw, 0.6rem) 0;
}
.footer-section a,
.phone-link,
.telegram-link {
color: #64748b;
text-decoration: none;
padding: clamp(0.15rem, 0.4vw, 0.25rem) 0;
transition: color 0.22s;
}
.footer-section a:hover,
.phone-link:hover,
.telegram-link:hover {
color: #0d3b66;
}
.social-links {
display: flex;
gap: clamp(0.95rem, 2.25vw, 1.35rem);
justify-content: center;
flex-wrap: wrap;
}
.social-sphere {
display: inline-flex;
align-items: center;
justify-content: center;
width: clamp(2.1rem, 4.6vw, 2.45rem);
height: clamp(2.1rem, 4.6vw, 2.45rem);
border-radius: 50%;
background: linear-gradient(135deg, var(--primary), var(--secondary));
text-decoration: none;
transition: opacity 0.22s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s ease;
opacity: 0.85;
outline: none;
}
.social-sphere:hover,
.social-sphere:focus {
opacity: 1;
transform: scale(1.05);
}
.social-sphere:focus-visible {
box-shadow: 0 0 0 2px var(--secondary);
}
.location {
font-size: 0.875em;
color: #9ca3af;
margin-top: 0.35rem;
}
.footer-bottom {
max-width: 1200px;
margin: 0 auto;
padding: clamp(0.7rem, 2vw, 1rem) clamp(0.85rem, 3.5vw, 1.4rem);
border-top: 1px solid #e5e7eb;
text-align: center;
background: rgba(13,59,102,0.02);
}
.copyright {
margin: 0;
font-size: clamp(0.75rem, 1.58vw, 0.83rem);
color: #64748b;
font-weight: 450;
}
ДОСТУПНЫЙ СТИЛЬ ЖИЗНИ
ЧЕРЕЗ ПУТЕШЕСТВИЯ
Экономия до 80%, обучение, ежемесячные ивенты. Для релокантов, турагентов, блогеров и MLM-предпринимателей.
Получить Гостевой пропуск
Вы сталкиваетесь с этими проблемами?
Релоканты
- Отели в 2–3 раза дороже
- Сложно найти долгосрочное жильё
- Нет локальных контактов и поддержки
Стать участником
Турагенты и блогеры
- Комиссии ниже 5%
- Нет эксклюзивных предложений
- Сложно удержать подписчиков
Стать Амбассадором
MLM-предприниматели
- Нет доверия к продукту
- Сложно объяснить выгоду
- Ограниченный рынок
Смотреть презентацию
Как другие экономят и зарабатывают с MWR Life
€466
сэкономили в отеле Conte Di Cavour, Флоренция
€1000
на 8 дней в 5★ отеле Dubai By Melia
$786
сэкономила Tatevik из Армении в Италии
$2.8 млн
коллективная экономия амбассадоров в 2024
Видеоотзывы амбассадоров: реальные истории из Life Experiences®
Клуб Путешественников MWR Life
Официальный обзор сообщества амбассадоров. Реальные лица, путешествия, экономия.
Мой личный запуск в бизнес онлайн
Как начать зарабатывать на туризме без опыта. Пошаговый разбор старта.
MWR Life — правда об обещаниях
Независимый разбор: что реально работает, а что — миф. Отзывы участников, цифры, факты.
Наша методология: от первого шага к масштабу
Обучение
Доступ к Biz Center: маркетинг, продажи, AI-инструменты, юридика.
Поддержка
Личный менеджер, чаты амбассадоров, еженедельные звонки.
Ивенты
Life Experiences® каждый месяц: Мальдивы, Египет, Сеул, Буковель.
Масштаб
Автоматизированные воронки, партнёрские программы, франшиза.
document.getElementById('menuToggle').addEventListener('click', () => {
document.getElementById('mainNav').classList.toggle('active');
});
