/* ==================================================================================
MINILANDING UI DESIGN SYSTEM — ULTIMATE (ISOLATED VERSION)
===================================================================================
ВСЕ СТИЛИ ИЗОЛИРОВАНЫ В ПРОСТРАНСТВЕ ИМЕН .minilanding-root
НИКАКИХ КОНФЛИКТОВ С ДРУГИМИ СТИЛЯМИ И ИКОНКАМИ
ВСЕ SVG-ИКОНКИ РЕАЛИЗОВАНЫ ЧЕРЕЗ mask-image (БЕЗ INLINE SVG)
================================================================================== */

/* =============================================================
ШРИФТЫ: Unbounded (заголовки) + Montserrat (текст) + Caveat (цитаты)
============================================================= */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700;800&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Caveat:wght@400;500;600;700&display=swap');

/* ==================================================================================
DESIGN TOKENS (ИЗОЛИРОВАНЫ В .minilanding-root)
================================================================================== */
.minilanding-root {
/* ЦВЕТОВАЯ СХЕМА */
color-scheme: light;
--landing-bg: #f1f5f90f;
--landing-card-bg: #FCFCFC;
--landing-card-hover: #ffffff;
--landing-surface: #f8fafc;
--landing-surface-hover: #ffffff;
--landing-text-title: #0f172a;
--landing-text-main: #334155;
--landing-text-subtitle: #475569;
--landing-border: #e2e8f0;
--landing-border-hover: #cbd5e1;
--landing-accent: #2563eb;
--landing-accent-hover: #1d4ed8;
--landing-accent-2: #8b5cf6;
--landing-on-accent: #ffffff;
--landing-success: #059669;
--landing-warning: #b45309;
--landing-error: #dc2626;

/* ШРИФТЫ */
--landing-font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
--landing-font-display: 'Unbounded', 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
--landing-font-cursive: 'Caveat', cursive;
--landing-font-size-base: 15px;
--landing-line-height-base: 1.7;
--landing-letter-spacing-title: -0.03em;

/* РАЗМЕРЫ */
--minilanding-container-width: 1366px;
--minilanding-content-width: 760px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-8: 32px;
--space-10: 40px;
--space-12: 48px;
--space-16: 64px;
--space-20: 80px;
--space-24: 96px;

/* РАДИУСЫ */
--landing-radius-xs: 8px;
--landing-radius-sm: 10px;
--landing-radius-md: 14px;
--landing-radius-lg: 18px;
--landing-radius-xl: 22px;
--landing-radius-2xl: 18px;
--landing-radius-card: 22px;
--landing-radius-btn: 16px;
--landing-radius-input: 12px;
--landing-radius-full: 999px;

/* Z-ИНДЕКСЫ */
--z-sticky: 1000;
--z-modal: 1100;
--z-toast: 1200;

/* АНИМАЦИИ */
--landing-duration-fast: 120ms;
--landing-duration-base: 180ms;
--landing-duration-slow: 260ms;
--landing-duration-slower: 420ms;
--landing-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

/* ТЕНИ */
--landing-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 16px -12px rgba(15, 23, 42, 0.08);
--landing-shadow-md: 0 2px 6px rgba(15, 23, 42, 0.05), 0 16px 32px -20px rgba(15, 23, 42, 0.14);
--landing-shadow-lg: 0 4px 10px rgba(15, 23, 42, 0.06), 0 28px 56px -28px rgba(15, 23, 42, 0.20);

/* АКЦЕНТЫ */
--landing-accent-tint: rgba(37, 99, 235, 0.10);
--landing-accent-tint-hover: rgba(37, 99, 235, 0.14);
--landing-accent-ring: rgba(37, 99, 235, 0.18);
--landing-accent-border: rgba(37, 99, 235, 0.22);
--landing-shadow-accent: 0 14px 34px -14px rgba(37, 99, 235, 0.45);
--landing-gradient-accent: linear-gradient(135deg, var(--landing-accent), var(--landing-accent-2));
--landing-glass-bg: rgba(255, 255, 255, 0.78);
--landing-glass-border: rgba(255, 255, 255, 0.50);
--landing-text-tint: rgba(15, 23, 42, 0.07);

/* ИКОНКИ (ВСЕ ЧЕРЕЗ mask-image — ИЗОЛИРОВАНЫ) */
--icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
--icon-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
--icon-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2-6.5 2-6.5l1.75 1c-1 1.5-1 3.5-.5 4.5.5.5 1 .5 1.5.5 1.5 0 2.5 1 2.5 2.5S9.25 17.5 7.75 17.5c-1.5 0-2.5-.5-3.167-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2-6.5 2-6.5l1.75 1c-1 1.5-1 3.5-.5 4.5.5.5 1 .5 1.5.5 1.5 0 2.5 1 2.5 2.5s-1 2.5-2.5 2.5c-1.5 0-2.5-.5-3.167-1.179z'/%3E%3C/svg%3E");
--icon-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.8 2 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");
--icon-sparkles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.912 5.813a2 2 0 0 0 1.275 1.275L21 12l-5.813 1.912a2 2 0 0 0-1.275 1.275L12 21l-1.912-5.813a2 2 0 0 0-1.275-1.275L3 12l5.813-1.912a2 2 0 0 0 1.275-1.275L12 3z'/%3E%3C/svg%3E");
--icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
--icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
--icon-map-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
--icon-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpolygon points='6 3 20 12 6 21 6 3'/%3E%3C/svg%3E");
--icon-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
--icon-book-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
--icon-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");
--icon-check-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
--icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E");
--icon-award: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpolyline points='8.21 13.89 7 23 12 20 17 23 15.79 13.88'/%3E%3C/svg%3E");
--icon-target: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");
--icon-zap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E");
--icon-compass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76'/%3E%3C/svg%3E");
--icon-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cline x1='12' y1='1' x2='12' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='23'/%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'/%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'/%3E%3Cline x1='1' y1='12' x2='3' y2='12'/%3E%3Cline x1='21' y1='12' x2='23' y2='12'/%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'/%3E%3Cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'/%3E%3C/svg%3E");
--icon-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
--icon-gift: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'/%3E%3Crect x='2' y='7' width='20' height='5'/%3E%3Cline x1='12' y1='22' x2='12' y2='7'/%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'/%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E");
--icon-external-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");
--icon-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
--icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
--icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
--icon-percent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='5' x2='5' y2='19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/svg%3E");
--icon-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E");
--icon-lightbulb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 2.38 1.19 4.47 3 5.74V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.26c1.81-1.27 3-3.36 3-5.74a7 7 0 0 0-7-7z'/%3E%3C/svg%3E");
--icon-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
--icon-music: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E");
--icon-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");
--icon-headphones: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'/%3E%3C/svg%3E");
--icon-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19.2 2.96c.5 7.32-2.83 14-8.2 17.04z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6'/%3E%3C/svg%3E");
--icon-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E");
--icon-moon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E");
--icon-lotus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22c-4-3-8-6-8-11a8 8 0 0 1 16 0c0 5-4 8-8 11z'/%3E%3Cpath d='M12 22V11'/%3E%3Cpath d='M7 11c0-2 2-5 5-5s5 3 5 5'/%3E%3C/svg%3E");
}
/* ==================================================================================
COLOR-MIX ПОДДЕРЖКА (ИЗОЛИРОВАНА)
================================================================================== */
@supports (color: color-mix(in srgb, transparent 0%, transparent)) {
.minilanding-root {
--landing-accent-tint: color-mix(in srgb, var(--landing-accent) 10%, transparent);
--landing-accent-tint-hover: color-mix(in srgb, var(--landing-accent) 14%, transparent);
--landing-accent-ring: color-mix(in srgb, var(--landing-accent) 18%, transparent);
--landing-accent-border: color-mix(in srgb, var(--landing-accent) 22%, transparent);
--landing-shadow-accent: 0 14px 34px -14px color-mix(in srgb, var(--landing-accent) 45%, transparent);
--landing-gradient-accent: linear-gradient(135deg, var(--landing-accent), color-mix(in srgb, var(--landing-accent) 55%, var(--landing-accent-2)));
--landing-text-tint: color-mix(in srgb, var(--landing-text-title) 7%, transparent);
}
}
/* ==================================================================================
БАЗОВЫЕ СТИЛИ (ИЗОЛИРОВАНЫ В .minilanding-root)
================================================================================== */
.minilanding-root *,
.minilanding-root *::before,
.minilanding-root *::after {
box-sizing: border-box;
}
.minilanding-root {
font-family: var(--landing-font-family);
font-size: var(--landing-font-size-base);
line-height: var(--landing-line-height-base);
background-color: var(--landing-bg);
color: var(--landing-text-main);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.minilanding-root img,
.minilanding-root svg {
display: block;
max-width: 100%;
height: auto;
}
.minilanding-root h1,
.minilanding-root h2,
.minilanding-root h3,
.minilanding-root h4 {
margin: 0;
color: var(--landing-text-title);
font-family: var(--landing-font-display);
font-weight: 800;
line-height: 1.15;
letter-spacing: var(--landing-letter-spacing-title);
text-wrap: balance;
}
.minilanding-root h1 { font-size: clamp(34px, 5vw, 56px); }
.minilanding-root h2 { font-size: clamp(26px, 3vw, 38px); }
.minilanding-root h3 { font-size: clamp(18px, 2vw, 22px); }
.minilanding-root p {
margin: 0;
line-height: var(--landing-line-height-base);
font-family: var(--landing-font-family);
text-wrap: pretty;
}
.minilanding-root li { text-wrap: pretty; }
.minilanding-root a {
color: var(--landing-accent);
text-decoration: none;
text-underline-offset: 3px;
}
.minilanding-root a:hover { text-decoration: underline; }
.minilanding-root a:focus-visible,
.minilanding-root button:focus-visible,
.minilanding-root summary:focus-visible,
.minilanding-root input:focus-visible,
.minilanding-root textarea:focus-visible,
.minilanding-root select:focus-visible {
outline: none;
box-shadow: 0 0 0 2px var(--landing-bg), 0 0 0 4px var(--landing-accent);
border-radius: 6px;
}
.minilanding-root ::selection { background: var(--landing-accent-ring); }
.minilanding-root input[type="checkbox"],
.minilanding-root input[type="radio"] { accent-color: var(--landing-accent); }
.minilanding-root [id] { scroll-margin-top: 24px; }
.minilanding-root :where([aria-current]:not([aria-current="false"])) {
color: var(--landing-accent-hover);
font-weight: 700;
}
/* ==================================================================================
ГЛОБАЛЬНЫЕ ТЕМЫ (ИЗОЛИРОВАНЫ)
================================================================================== */
.minilanding-root.theme-teal {
--landing-bg: #f1f5f90f;
--landing-text-title: #134e4a;
--landing-text-main: #115e59;
--landing-text-subtitle: #0f766e;
--landing-border: #ccfbf1;
--landing-border-hover: #14b8a6;
--landing-accent: #0f766e;
--landing-accent-hover: #115e59;
--landing-accent-2: #14b8a6;
--landing-on-accent: #ffffff;
--landing-accent-tint: rgba(15, 118, 110, 0.10);
--landing-accent-tint-hover: rgba(15, 118, 110, 0.14);
--landing-accent-ring: rgba(15, 118, 110, 0.18);
--landing-accent-border: rgba(15, 118, 110, 0.22);
--landing-shadow-accent: 0 14px 34px -14px rgba(15, 118, 110, 0.45);
--landing-gradient-accent: linear-gradient(135deg, #0f766e, #14b8a6);
--landing-text-tint: rgba(19, 78, 74, 0.07);
}
.minilanding-root.theme-emerald {
--landing-bg: #f1f5f90f;
--landing-text-title: #064e3b;
--landing-text-main: #166534;
--landing-text-subtitle: #166534;
--landing-border: #bbf7d0;
--landing-border-hover: #10b981;
--landing-accent: #047857;
--landing-accent-hover: #065f46;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-ocean {
--landing-bg: #f1f5f90f;
--landing-text-title: #0c4a6e;
--landing-text-main: #075985;
--landing-text-subtitle: #075985;
--landing-border: #bae6fd;
--landing-border-hover: #0284c7;
--landing-accent: #0369a1;
--landing-accent-hover: #075985;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-sunset {
--landing-bg: #f1f5f90f;
--landing-text-title: #4c0519;
--landing-text-main: #881337;
--landing-text-subtitle: #9f1239;
--landing-border: #fecdd3;
--landing-border-hover: #f43f5e;
--landing-accent: #be123c;
--landing-accent-hover: #9f1239;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-gold {
--landing-bg: #f1f5f90f;
--landing-text-title: #713f12;
--landing-text-main: #854d0e;
--landing-text-subtitle: #713f12;
--landing-border: #fef08a;
--landing-border-hover: #ca8a04;
--landing-accent: #854d0e;
--landing-accent-hover: #713f12;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-cyberpunk {
--landing-bg: #f1f5f90f;
--landing-text-title: #3b0764;
--landing-text-main: #581c87;
--landing-text-subtitle: #6b21a8;
--landing-border: #e9d5ff;
--landing-border-hover: #a855f7;
--landing-accent: #7c3aed;
--landing-accent-hover: #6d28d9;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-lavender {
--landing-bg: #f1f5f90f;
--landing-text-title: #2e1065;
--landing-text-main: #4c1d95;
--landing-text-subtitle: #5b21b6;
--landing-border: #ddd6fe;
--landing-border-hover: #7c3aed;
--landing-accent: #7c3aed;
--landing-accent-hover: #6d28d9;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-coffee {
--landing-bg: #f1f5f90f;
--landing-text-title: #29150f;
--landing-text-main: #4a2e25;
--landing-text-subtitle: #6b4436;
--landing-border: #e6d5d0;
--landing-border-hover: #a0522d;
--landing-accent: #9a3412;
--landing-accent-hover: #7c2d12;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-mono {
--landing-bg: #f1f5f90f;
--landing-text-title: #18181b;
--landing-text-main: #27272a;
--landing-text-subtitle: #52525b;
--landing-border: #e4e4e7;
--landing-border-hover: #18181b;
--landing-accent: #18181b;
--landing-accent-hover: #27272a;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-forest {
--landing-bg: #f1f5f90f;
--landing-text-title: #064e3b;
--landing-text-main: #065f46;
--landing-text-subtitle: #047857;
--landing-border: #d1fae5;
--landing-border-hover: #059669;
--landing-accent: #047857;
--landing-accent-hover: #065f46;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-neon {
--landing-bg: #f1f5f90f;
--landing-text-title: #1e293b;
--landing-text-main: #334155;
--landing-text-subtitle: #475569;
--landing-border: #bae6fd;
--landing-border-hover: #3b82f6;
--landing-accent: #2563eb;
--landing-accent-hover: #1d4ed8;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-peach {
--landing-bg: #f1f5f90f;
--landing-text-title: #78350f;
--landing-text-main: #92400e;
--landing-text-subtitle: #92400e;
--landing-border: #fde68a;
--landing-border-hover: #d97706;
--landing-accent: #92400e;
--landing-accent-hover: #78350f;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-amethyst {
--landing-bg: #f1f5f90f;
--landing-text-title: #701a75;
--landing-text-main: #86198f;
--landing-text-subtitle: #a21caf;
--landing-border: #fbcfe8;
--landing-border-hover: #c026d3;
--landing-accent: #86198f;
--landing-accent-hover: #701a75;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-indigo {
--landing-bg: #f1f5f90f;
--landing-text-title: #312e81;
--landing-text-main: #3730a3;
--landing-text-subtitle: #4338ca;
--landing-border: #c7d2fe;
--landing-border-hover: #4f46e5;
--landing-accent: #4f46e5;
--landing-accent-hover: #4338ca;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-cherry {
--landing-bg: #f1f5f90f;
--landing-text-title: #7f1d1d;
--landing-text-main: #991b1b;
--landing-text-subtitle: #b91c1c;
--landing-border: #fecaca;
--landing-border-hover: #dc2626;
--landing-accent: #b91c1c;
--landing-accent-hover: #991b1b;
--landing-on-accent: #ffffff;
}
.minilanding-root.theme-dark {
color-scheme: dark;
--landing-bg: #f1f5f90f;
--landing-card-bg: #111a2c;
--landing-card-hover: #16223a;
--landing-surface: #0e1727;
--landing-surface-hover: #16223a;
--landing-text-title: #f1f5f9;
--landing-text-main: #cbd5e1;
--landing-text-subtitle: #94a3b8;
--landing-border: rgba(148, 163, 184, 0.14);
--landing-border-hover: rgba(148, 163, 184, 0.32);
--landing-accent: #60a5fa;
--landing-accent-hover: #93c5fd;
--landing-on-accent: #0b1220;
--landing-success: #34d399;
--landing-warning: #fbbf24;
--landing-error: #f87171;
--landing-shadow-sm: 0 1px 2px rgba(0, 0, 0, .30), 0 8px 16px -12px rgba(0, 0, 0, .50);
--landing-shadow-md: 0 2px 6px rgba(0, 0, 0, .35), 0 16px 32px -20px rgba(0, 0, 0, .60);
--landing-shadow-lg: 0 4px 10px rgba(0, 0, 0, .40), 0 28px 56px -28px rgba(0, 0, 0, .70);
--landing-accent-tint: rgba(96, 165, 250, 0.12);
--landing-accent-tint-hover: rgba(96, 165, 250, 0.16);
--landing-accent-ring: rgba(96, 165, 250, 0.20);
--landing-accent-border: rgba(96, 165, 250, 0.24);
--landing-shadow-accent: 0 14px 34px -14px rgba(96, 165, 250, 0.35);
--landing-gradient-accent: linear-gradient(135deg, #60a5fa, #93c5fd);
--landing-glass-bg: rgba(11, 18, 32, 0.72);
--landing-glass-border: rgba(255, 255, 255, 0.12);
--landing-text-tint: rgba(241, 245, 249, 0.08);
}
@media (prefers-color-scheme: dark) {
.minilanding-root.theme-auto {
color-scheme: dark;
--landing-bg: #f1f5f90f;
--landing-card-bg: #111a2c;
--landing-card-hover: #16223a;
--landing-surface: #0e1727;
--landing-surface-hover: #16223a;
--landing-text-title: #f1f5f9;
--landing-text-main: #cbd5e1;
--landing-text-subtitle: #94a3b8;
--landing-border: rgba(148, 163, 184, 0.14);
--landing-border-hover: rgba(148, 163, 184, 0.32);
--landing-accent: #60a5fa;
--landing-accent-hover: #93c5fd;
--landing-on-accent: #0b1220;
--landing-success: #34d399;
--landing-warning: #fbbf24;
--landing-error: #f87171;
--landing-shadow-sm: 0 1px 2px rgba(0, 0, 0, .30), 0 8px 16px -12px rgba(0, 0, 0, .50);
--landing-shadow-md: 0 2px 6px rgba(0, 0, 0, .35), 0 16px 32px -20px rgba(0, 0, 0, .60);
--landing-shadow-lg: 0 4px 10px rgba(0, 0, 0, .40), 0 28px 56px -28px rgba(0, 0, 0, .70);
}
}
/* ==================================================================================
LAYOUT HELPERS (ИЗОЛИРОВАНЫ)
================================================================================== */
.minilanding-root .minilanding-container {
width: min(100% - 32px, var(--minilanding-container-width));
margin-inline: auto;
}
.minilanding-root .minilanding-section {
width: min(100% - 32px, var(--minilanding-container-width));
margin-inline: auto;
padding-block: clamp(48px, 7vw, 88px);
}
.minilanding-root .minilanding-section-header {
max-width: var(--minilanding-content-width);
margin: 0 auto clamp(28px, 4vw, 48px);
text-align: center;
}
.minilanding-root .minilanding-section-title {
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.12;
}
.minilanding-root .minilanding-section-subtitle {
margin: 16px auto 0;
max-width: 640px;
color: var(--landing-text-subtitle);
font-size: clamp(15px, 1.5vw, 17px);
}
.minilanding-root .minilanding-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
padding: 7px 12px;
border-radius: var(--landing-radius-full);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--block-accent, var(--landing-accent-hover));
background: var(--landing-accent-tint);
border: 1px solid var(--landing-accent-ring);
}
.minilanding-root .minilanding-eyebrow::before {
content: '';
width: 14px;
height: 14px;
flex-shrink: 0;
background-color: currentColor;
-webkit-mask-image: var(--icon-sparkles);
mask-image: var(--icon-sparkles);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
/* ==================================================================================
COMMON BLOCKS (ИЗОЛИРОВАНЫ)
================================================================================== */
.minilanding-root .minilanding-program-block,
.minilanding-root .minilanding-audience-block,
.minilanding-root .minilanding-pricing-block,
.minilanding-root .minilanding-results-block,
.minilanding-root .minilanding-experts-block,
.minilanding-root .minilanding-process-block,
.minilanding-root .minilanding-reviews-block,
.minilanding-root .minilanding-faq-block,
.minilanding-root .minilanding-guarantee-block,
.minilanding-root .minilanding-cta-block,
.minilanding-root .minilanding-practices-block,
.minilanding-root .minilanding-schedule-block,
.minilanding-root .minilanding-retreats-block,
.minilanding-root .minilanding-library-block,
.minilanding-root .minilanding-science-block,
.minilanding-root .minilanding-community-block,
.minilanding-root .minilanding-journey-block,
.minilanding-root .minilanding-lineage-block,
.minilanding-root .minilanding-tools-block,
.minilanding-root .minilanding-gift-block,
.minilanding-root .minilanding-text-block,
.minilanding-root .minilanding-about-practicum-block,
.minilanding-root .minilanding-expert-block,
.minilanding-root .minilanding-cost-block,
.minilanding-root .minilanding-quote-block {
--block-bg: var(--landing-card-bg);
--block-border: var(--landing-border);
--block-border-hover: var(--landing-border-hover);
--block-title: var(--landing-text-title);
--block-text: var(--landing-text-main);
--block-subtitle: var(--landing-text-subtitle);
--block-accent: var(--landing-accent);
--block-accent-hover: var(--landing-accent-hover);
--card-bg: var(--landing-surface);
--card-bg-hover: var(--landing-surface-hover);
--btn-bg: var(--block-accent);
--btn-bg-hover: var(--block-accent-hover);
--btn-text: var(--landing-on-accent, #ffffff);
--icon-bg: var(--landing-accent-tint);
width: min(100% - 20px, var(--minilanding-container-width));
margin: 0 auto 32px;
padding: clamp(24px, 4vw, 56px);
background-color: var(--block-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-2xl);
box-shadow: var(--landing-shadow-sm);
}
@supports (color: color-mix(in srgb, transparent 0%, transparent)) {
.minilanding-root .minilanding-program-block,
.minilanding-root .minilanding-audience-block,
.minilanding-root .minilanding-pricing-block,
.minilanding-root .minilanding-results-block,
.minilanding-root .minilanding-experts-block,
.minilanding-root .minilanding-process-block,
.minilanding-root .minilanding-reviews-block,
.minilanding-root .minilanding-faq-block,
.minilanding-root .minilanding-guarantee-block,
.minilanding-root .minilanding-cta-block,
.minilanding-root .minilanding-practices-block,
.minilanding-root .minilanding-schedule-block,
.minilanding-root .minilanding-retreats-block,
.minilanding-root .minilanding-library-block,
.minilanding-root .minilanding-science-block,
.minilanding-root .minilanding-community-block,
.minilanding-root .minilanding-journey-block,
.minilanding-root .minilanding-lineage-block,
.minilanding-root .minilanding-tools-block,
.minilanding-root .minilanding-gift-block,
.minilanding-root .minilanding-text-block,
.minilanding-root .minilanding-about-practicum-block,
.minilanding-root .minilanding-expert-block,
.minilanding-root .minilanding-cost-block,
.minilanding-root .minilanding-quote-block {
--landing-accent-tint: color-mix(in srgb, var(--block-accent) 10%, transparent);
--landing-accent-tint-hover: color-mix(in srgb, var(--block-accent) 14%, transparent);
--landing-accent-ring: color-mix(in srgb, var(--block-accent) 18%, transparent);
--landing-accent-border: color-mix(in srgb, var(--block-accent) 22%, transparent);
--landing-shadow-accent: 0 14px 34px -14px color-mix(in srgb, var(--block-accent) 45%, transparent);
--landing-gradient-accent: linear-gradient(135deg, var(--block-accent), color-mix(in srgb, var(--block-accent) 55%, var(--landing-accent-2)));
--landing-text-tint: color-mix(in srgb, var(--block-title) 7%, transparent);
}
}
.minilanding-root .minilanding-pricing-block {
background-color: transparent;
border: none;
box-shadow: none;
padding-left: 0;
padding-right: 0;
}
.minilanding-root .minilanding-program-block h2,
.minilanding-root .minilanding-audience-block h2,
.minilanding-root .minilanding-pricing-block h2,
.minilanding-root .minilanding-results-block h2,
.minilanding-root .minilanding-experts-block h2,
.minilanding-root .minilanding-process-block h2,
.minilanding-root .minilanding-reviews-block h2,
.minilanding-root .minilanding-faq-block h2,
.minilanding-root .minilanding-guarantee-block h2,
.minilanding-root .minilanding-cta-block h2,
.minilanding-root .minilanding-practices-block h2,
.minilanding-root .minilanding-schedule-block h2,
.minilanding-root .minilanding-retreats-block h2,
.minilanding-root .minilanding-library-block h2,
.minilanding-root .minilanding-science-block h2,
.minilanding-root .minilanding-community-block h2,
.minilanding-root .minilanding-journey-block h2,
.minilanding-root .minilanding-lineage-block h2,
.minilanding-root .minilanding-tools-block h2,
.minilanding-root .minilanding-gift-block h2,
.minilanding-root .minilanding-text-block h2,
.minilanding-root .minilanding-about-practicum-block h2,
.minilanding-root .minilanding-expert-block h2,
.minilanding-root .minilanding-cost-block h2,
.minilanding-root .minilanding-quote-block h2 {
color: var(--block-title);
font-size: clamp(26px, 3vw, 38px);
font-weight: 800;
letter-spacing: var(--landing-letter-spacing-title);
margin: 0 0 32px 0;
}
.minilanding-root .minilanding-block-header {
max-width: 720px;
margin: 0 auto 32px;
text-align: center;
}
.minilanding-root .minilanding-block-subtitle {
margin-top: 14px;
color: var(--block-subtitle);
}
/* ==================================================================================
HERO & STATS & MARQUEE (ИЗОЛИРОВАНЫ)
================================================================================== */
.minilanding-root .minilanding-hero {
position: relative;
z-index: 0;
width: min(100% - 32px, var(--minilanding-container-width));
margin-inline: auto;
padding-block: clamp(56px, 9vw, 120px);
text-align: center;
}
.minilanding-root .minilanding-hero::before {
content: '';
position: absolute;
z-index: -1;
top: -10%;
left: 50%;
transform: translateX(-50%);
width: min(900px, 120%);
height: 70%;
background: radial-gradient(closest-side, var(--landing-accent-tint), transparent 70%);
pointer-events: none;
}
.minilanding-root .minilanding-hero-title {
max-width: 800px;
margin: 0 auto;
font-size: clamp(34px, 5.4vw, 60px);
}
.minilanding-root .minilanding-hero-subtitle {
max-width: 640px;
margin: 18px auto 0;
color: var(--landing-text-subtitle);
font-size: clamp(16px, 1.8vw, 19px);
}
.minilanding-root .minilanding-hero-actions {
justify-content: center;
margin-top: 28px;
}
.minilanding-root .minilanding-hero-proof {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 14px;
margin-top: 28px;
color: var(--landing-text-subtitle);
font-size: 14px;
}
.minilanding-root .minilanding-avatar-stack {
display: inline-flex;
}
.minilanding-root .minilanding-avatar-stack img,
.minilanding-root .minilanding-avatar-stack span {
width: 40px;
height: 40px;
margin-left: -10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 2px solid var(--landing-bg);
background: var(--landing-accent-tint);
color: var(--landing-accent);
font-size: 12px;
font-weight: 800;
object-fit: cover;
}
.minilanding-root .minilanding-avatar-stack > :first-child {
margin-left: 0;
}
.minilanding-root .minilanding-hero-media {
margin: clamp(32px, 5vw, 56px) auto 0;
max-width: 960px;
border-radius: var(--landing-radius-2xl);
overflow: hidden;
border: 1px solid var(--landing-border);
box-shadow: var(--landing-shadow-lg);
}
.minilanding-root .minilanding-hero-media img,
.minilanding-root .minilanding-hero-media video {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.minilanding-root .minilanding-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
gap: var(--space-6);
text-align: center;
}
.minilanding-root .minilanding-stat-value {
color: var(--block-title, var(--landing-text-title));
font-size: clamp(30px, 4vw, 46px);
font-weight: 800;
letter-spacing: -0.03em;
line-height: 1.1;
font-variant-numeric: lining-nums tabular-nums;
}
.minilanding-root .minilanding-stat-label {
margin-top: 6px;
color: var(--block-subtitle, var(--landing-text-subtitle));
font-size: 14px;
}
.minilanding-root .minilanding-marquee {
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.minilanding-root .minilanding-marquee-track {
display: flex;
width: max-content;
animation: minilanding-marquee 30s linear infinite;
}
.minilanding-root .minilanding-marquee-group {
display: flex;
align-items: center;
gap: 48px;
padding-right: 48px;
}
.minilanding-root .minilanding-marquee img {
height: 28px;
width: auto;
opacity: 0.65;
filter: grayscale(1);
transition: opacity var(--landing-duration-base) ease, filter var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-marquee:hover .minilanding-marquee-track {
animation-play-state: paused;
}
.minilanding-root .minilanding-marquee:hover img {
opacity: 1;
filter: none;
}
@keyframes minilanding-marquee {
to { transform: translateX(-50%); }
}
/* ==================================================================================
BUTTONS & INPUTS (ИЗОЛИРОВАНЫ)
================================================================================== */
.minilanding-root .minilanding-button {
--spinner-color: var(--btn-text, var(--landing-on-accent, #ffffff));
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 48px;
padding: 14px 24px;
border: 1px solid transparent;
border-radius: var(--landing-radius-btn);
background: var(--btn-bg, var(--landing-accent));
color: var(--btn-text, var(--landing-on-accent, #ffffff));
font-family: var(--landing-font-family);
font-size: 15px;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
cursor: pointer;
user-select: none;
-webkit-tap-highlight-color: transparent;
box-shadow: var(--landing-shadow-sm);
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
filter var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-button:active:not(:disabled) {
transform: scale(0.985);
}
.minilanding-root .minilanding-button .btn-icon {
display: inline-block;
width: 18px;
height: 18px;
background-color: currentColor;
-webkit-mask-image: var(--icon-arrow-right);
mask-image: var(--icon-arrow-right);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-button--sm {
min-height: 40px;
padding: 10px 18px;
font-size: 14px;
border-radius: var(--landing-radius-sm);
}
.minilanding-root .minilanding-button--lg {
min-height: 56px;
padding: 18px 32px;
font-size: 16px;
border-radius: 20px;
}
.minilanding-root .minilanding-button--secondary {
--spinner-color: var(--landing-accent);
background: transparent;
border-color: var(--landing-border);
color: var(--landing-text-title);
box-shadow: none;
}
.minilanding-root .minilanding-button--ghost {
--spinner-color: var(--landing-accent);
background: transparent;
border-color: transparent;
color: var(--landing-accent);
box-shadow: none;
}
.minilanding-root .minilanding-button--soft {
--spinner-color: var(--landing-accent);
background: var(--landing-accent-tint);
border-color: transparent;
color: var(--landing-accent);
box-shadow: none;
}
.minilanding-root .minilanding-button--gradient {
--btn-bg: var(--landing-gradient-accent);
--btn-bg-hover: var(--landing-gradient-accent);
border: none;
}
.minilanding-root .minilanding-button--pulse {
animation: minilanding-pulse-glow 3s ease-in-out infinite;
}
@keyframes minilanding-pulse-glow {
0%, 100% { box-shadow: var(--landing-shadow-md); }
50% { box-shadow: var(--landing-shadow-accent); }
}
.minilanding-root .minilanding-button.is-loading {
color: transparent;
pointer-events: none;
position: relative;
cursor: progress;
}
.minilanding-root .minilanding-button.is-loading::after {
content: '';
position: absolute;
left: calc(50% - 10px);
top: calc(50% - 10px);
width: 20px;
height: 20px;
border: 2px solid var(--spinner-color);
border-right-color: transparent;
border-radius: 50%;
animation: minilanding-spin 0.6s linear infinite;
}
@keyframes minilanding-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.minilanding-root .minilanding-button-row {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.minilanding-root .minilanding-input {
width: 100%;
min-height: 48px;
padding: 13px 18px;
border: 1px solid var(--block-border, var(--landing-border));
border-radius: var(--landing-radius-input);
background: var(--card-bg, var(--landing-surface));
color: var(--block-text, var(--landing-text-main));
font-family: var(--landing-font-family);
font-size: 15px;
outline: none;
transition: border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease;
}
.minilanding-root textarea.minilanding-input {
min-height: 120px;
resize: vertical;
}
.minilanding-root .minilanding-input::placeholder {
color: var(--block-subtitle, var(--landing-text-subtitle));
opacity: 0.75;
}
.minilanding-root .minilanding-input:focus {
border-color: var(--block-accent, var(--landing-accent));
box-shadow: 0 0 0 3px var(--landing-accent-ring);
}
.minilanding-root .minilanding-input.is-success { border-color: var(--landing-success); }
.minilanding-root .minilanding-input.is-success:focus { box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.18); }
.minilanding-root .minilanding-input.is-error,
.minilanding-root .minilanding-input[aria-invalid="true"] { border-color: var(--landing-error); }
.minilanding-root .minilanding-input.is-error:focus,
.minilanding-root .minilanding-input[aria-invalid="true"]:focus { box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.18); }
.minilanding-root .minilanding-input-group { position: relative; }
.minilanding-root .minilanding-input-group > .input-icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
background-color: var(--block-subtitle, var(--landing-text-subtitle));
-webkit-mask-image: var(--input-icon, var(--icon-info));
mask-image: var(--input-icon, var(--icon-info));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
pointer-events: none;
}
.minilanding-root .minilanding-input-group .minilanding-input { padding-left: 46px; }
.minilanding-root .minilanding-field {
display: flex;
flex-direction: column;
gap: 6px;
}
.minilanding-root .minilanding-field-label {
color: var(--block-title, var(--landing-text-title));
font-size: 14px;
font-weight: 600;
}
.minilanding-root .minilanding-field-hint {
color: var(--block-subtitle, var(--landing-text-subtitle));
font-size: 13px;
}
.minilanding-root .minilanding-field-error,
.minilanding-root .minilanding-field-success {
display: none;
font-size: 13px;
font-weight: 600;
}
.minilanding-root .minilanding-field-error { color: var(--landing-error); }
.minilanding-root .minilanding-field-success { color: var(--landing-success); }
.minilanding-root .minilanding-field.is-error .minilanding-input { border-color: var(--landing-error); }
.minilanding-root .minilanding-field.is-error .minilanding-field-error { display: block; }
.minilanding-root .minilanding-field.is-success .minilanding-input { border-color: var(--landing-success); }
.minilanding-root .minilanding-field.is-success .minilanding-field-success { display: block; }
/* ==================================================================================
ACCORDION / PROGRAM / FAQ (ИЗОЛИРОВАНЫ)
================================================================================== */
.minilanding-root .minilanding-accordion-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.minilanding-root .minilanding-accordion-list details {
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: 20px;
overflow: hidden;
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-accordion-list details[open] {
background: var(--card-bg-hover);
box-shadow: var(--landing-shadow-sm);
}
.minilanding-root .minilanding-accordion-list summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
padding: 22px 24px;
color: var(--block-title);
font-size: clamp(15px, 1.5vw, 18px);
font-weight: 700;
cursor: pointer;
list-style: none;
user-select: none;
}
.minilanding-root .minilanding-accordion-list summary::-webkit-details-marker { display: none; }
.minilanding-root .minilanding-accordion-list summary::after {
content: '';
width: 22px;
height: 22px;
flex-shrink: 0;
background-color: var(--block-subtitle);
-webkit-mask-image: var(--icon-chevron);
mask-image: var(--icon-chevron);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) ease,
background-color var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-accordion-list details[open] summary::after {
transform: rotate(180deg);
background-color: var(--block-accent);
}
.minilanding-root .minilanding-accordion-list .cp-content,
.minilanding-root .minilanding-accordion-list .cfaq-content {
padding: 0 24px 24px;
color: var(--block-text);
font-size: clamp(14px, 1.4vw, 15px);
line-height: var(--landing-line-height-base);
}
.minilanding-root .minilanding-program-block .minilanding-accordion-list details {
background: var(--card-bg-hover);
}
.minilanding-root .minilanding-accordion-list .cp-content-wrap,
.minilanding-root .minilanding-accordion-list .cfaq-content-wrap {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows var(--landing-duration-slow) var(--landing-ease-out);
}
.minilanding-root .minilanding-accordion-list details[open] .cp-content-wrap,
.minilanding-root .minilanding-accordion-list details[open] .cfaq-content-wrap {
grid-template-rows: 1fr;
}
.minilanding-root .minilanding-accordion-list .cp-content-wrap > *,
.minilanding-root .minilanding-accordion-list .cfaq-content-wrap > * {
overflow: hidden;
min-height: 0;
}
/* ==================================================================================
AUDIENCE, PRICING, RESULTS, EXPERTS, PROCESS, REVIEWS, FAQ, GUARANTEE, CTA (ИЗОЛИРОВАНЫ)
================================================================================== */
.minilanding-root .minilanding-audience-block .ca-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
gap: 20px;
}
.minilanding-root .minilanding-audience-block .ca-card {
display: flex;
flex-direction: column;
gap: 16px;
height: 100%;
padding: 28px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
box-shadow: var(--landing-shadow-sm);
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-audience-block .ca-card-title {
margin: 0;
color: var(--block-title);
font-size: 18px;
font-weight: 700;
}
.minilanding-root .minilanding-audience-block .ca-card-text {
margin: 0;
color: var(--block-text);
font-size: 14px;
}
.minilanding-root .minilanding-icon {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: var(--icon-bg);
color: var(--block-accent);
}
.minilanding-root .minilanding-icon::before {
content: '';
width: 20px;
height: 20px;
flex-shrink: 0;
display: block;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-variant, var(--icon-sparkles));
mask-image: var(--icon-variant, var(--icon-sparkles));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-pricing-block .cpri-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 380px));
justify-content: center;
align-items: stretch;
gap: 24px;
}
.minilanding-root .minilanding-pricing-block .cpri-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
padding: 32px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
transition: border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-pricing-block .cpri-card.featured {
border: 2px solid var(--block-accent);
box-shadow: var(--landing-shadow-md);
transform: translateY(-4px);
}
.minilanding-root .minilanding-pricing-block .cpri-card.featured::before {
content: 'Популярный выбор';
position: absolute;
top: -14px;
left: 50%;
transform: translateX(-50%);
padding: 7px 14px;
border-radius: var(--landing-radius-full);
background: var(--block-accent);
color: var(--btn-text);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
box-shadow: var(--landing-shadow-sm);
white-space: nowrap;
}
.minilanding-root .minilanding-pricing-block .cpri-title {
margin: 0 0 8px;
color: var(--block-title);
font-size: 22px;
font-weight: 800;
}
.minilanding-root .minilanding-pricing-block .cpri-desc {
margin: 0 0 24px;
color: var(--block-text);
font-size: 14px;
line-height: 1.5;
}
.minilanding-root .minilanding-pricing-block .cpri-price {
margin-bottom: 24px;
color: var(--block-title);
font-size: 36px;
font-weight: 800;
letter-spacing: -0.03em;
font-variant-numeric: lining-nums tabular-nums;
}
.minilanding-root .minilanding-pricing-block .cpri-features {
display: flex;
flex-direction: column;
gap: 14px;
margin: 0 0 32px;
padding: 0;
list-style: none;
}
.minilanding-root .minilanding-pricing-block .cpri-features li {
display: flex;
align-items: center;
gap: 12px;
color: var(--block-text);
font-size: 14px;
line-height: 1.5;
}
.minilanding-root .minilanding-pricing-block .cpri-features li::before {
content: '';
width: 20px;
height: 20px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-check);
mask-image: var(--icon-check);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-pricing-block .cpri-button {
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 48px;
margin-top: auto;
padding: 15px 24px;
border: 1px solid transparent;
border-radius: var(--landing-radius-btn);
background: var(--btn-bg);
color: var(--btn-text);
font-size: 15px;
font-weight: 700;
text-align: center;
text-decoration: none;
cursor: pointer;
box-shadow: var(--landing-shadow-sm);
transition: background-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-pricing-block .cpri-button:active:not(:disabled) { transform: scale(0.985); }
.minilanding-root .minilanding-pricing-block .cpri-card:not(.featured) .cpri-button {
background: var(--landing-text-tint);
border-color: var(--block-border);
color: var(--block-title);
box-shadow: none;
}
.minilanding-root .minilanding-results-block .cr-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
gap: 16px;
}
.minilanding-root .minilanding-results-block .cr-item {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 22px 24px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
color: var(--block-text);
font-size: clamp(14px, 1.4vw, 15px);
box-shadow: var(--landing-shadow-sm);
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-results-block .cr-icon {
width: 24px;
height: 24px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--icon-bg);
color: var(--block-accent);
font-size: 12px;
font-weight: 800;
}
.minilanding-root .minilanding-results-block .cr-icon::before {
content: '';
width: 12px;
height: 12px;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-check);
mask-image: var(--icon-check);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-experts-block .ce-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
gap: 24px;
}
.minilanding-root .minilanding-experts-block .ce-card {
display: flex;
flex-direction: column;
gap: 24px;
height: 100%;
padding: 32px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
box-shadow: var(--landing-shadow-sm);
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-experts-block .ce-header {
display: flex;
align-items: center;
gap: 20px;
}
.minilanding-root .minilanding-experts-block .ce-avatar {
width: 84px;
height: 84px;
flex-shrink: 0;
object-fit: cover;
border-radius: 50%;
border: 3px solid var(--landing-accent-border);
box-shadow: var(--landing-shadow-sm);
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-experts-block .ce-name {
margin: 0 0 6px;
color: var(--block-title);
font-size: 20px;
font-weight: 800;
}
.minilanding-root .minilanding-experts-block .ce-role {
display: inline-block;
margin: 0;
padding: 6px 12px;
border-radius: 8px;
background: var(--landing-accent-tint);
color: var(--block-accent);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.02em;
}
.minilanding-root .minilanding-experts-block .ce-bio {
margin: 0;
color: var(--block-text);
font-size: 14px;
}
.minilanding-root .minilanding-experts-block .ce-facts {
display: grid;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.minilanding-root .minilanding-experts-block .ce-facts li {
display: flex;
align-items: center;
gap: 10px;
color: var(--block-text);
font-size: 14px;
}
.minilanding-root .minilanding-experts-block .ce-facts li::before {
content: '';
width: 16px;
height: 16px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-check);
mask-image: var(--icon-check);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-process-block .cpr-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
gap: 20px;
}
.minilanding-root .minilanding-process-block .cpr-card {
display: flex;
flex-direction: column;
gap: 16px;
height: 100%;
padding: 28px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
box-shadow: var(--landing-shadow-sm);
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-process-block .cpr-step {
width: fit-content;
padding: 6px 14px;
border-radius: 10px;
background: var(--landing-accent-tint);
color: var(--block-accent);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.02em;
}
.minilanding-root .minilanding-process-block .cpr-title {
margin: 0;
color: var(--block-title);
font-size: 18px;
font-weight: 800;
}
.minilanding-root .minilanding-process-block .cpr-text {
margin: 0;
color: var(--block-text);
font-size: 14px;
}
.minilanding-root .minilanding-reviews-block .crev-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
gap: 24px;
}
.minilanding-root .minilanding-reviews-block .crev-card {
display: flex;
flex-direction: column;
gap: 20px;
height: 100%;
padding: 32px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
box-shadow: var(--landing-shadow-sm);
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-reviews-block .crev-header {
display: flex;
align-items: center;
gap: 16px;
}
.minilanding-root .minilanding-reviews-block .crev-avatar {
width: 52px;
height: 52px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--landing-accent-tint);
border: 2px solid var(--landing-accent-border);
color: var(--block-accent);
font-size: 16px;
font-weight: 800;
}
.minilanding-root .minilanding-reviews-block .crev-author {
margin: 0 0 4px;
color: var(--block-title);
font-size: 18px;
font-weight: 800;
}
.minilanding-root .minilanding-reviews-block .crev-info {
margin: 0;
color: var(--block-subtitle);
font-size: 13px;
display: inline-flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.minilanding-root .minilanding-reviews-block .crev-info::before {
content: '';
width: 13px;
height: 13px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-calendar);
mask-image: var(--icon-calendar);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-reviews-block .crev-text {
margin: 0;
color: var(--block-text);
font-size: 14px;
}
.minilanding-root .minilanding-reviews-block .crev-rating {
display: inline-flex;
gap: 2px;
color: #f59e0b;
font-size: 14px;
letter-spacing: 2px;
}
.minilanding-root .minilanding-reviews-block .crev-rating::before {
content: '';
display: inline-block;
width: 80px;
height: 16px;
background-color: #f59e0b;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20' fill='currentColor'%3E%3Cpolygon points='10,1 12.9,7 19.5,7.6 14.5,12 16.2,18.5 10,15 3.8,18.5 5.5,12 0.5,7.6 7.1,7'/%3E%3Cpolygon points='34,1 36.9,7 43.5,7.6 38.5,12 40.2,18.5 34,15 27.8,18.5 29.5,12 24.5,7.6 31.1,7'/%3E%3Cpolygon points='58,1 60.9,7 67.5,7.6 62.5,12 64.2,18.5 58,15 51.8,18.5 53.5,12 48.5,7.6 55.1,7'/%3E%3Cpolygon points='82,1 84.9,7 91.5,7.6 86.5,12 88.2,18.5 82,15 75.8,18.5 77.5,12 72.5,7.6 79.1,7'/%3E%3Cpolygon points='106,1 108.9,7 115.5,7.6 110.5,12 112.2,18.5 106,15 99.8,18.5 101.5,12 96.5,7.6 103.1,7'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20' fill='currentColor'%3E%3Cpolygon points='10,1 12.9,7 19.5,7.6 14.5,12 16.2,18.5 10,15 3.8,18.5 5.5,12 0.5,7.6 7.1,7'/%3E%3Cpolygon points='34,1 36.9,7 43.5,7.6 38.5,12 40.2,18.5 34,15 27.8,18.5 29.5,12 24.5,7.6 31.1,7'/%3E%3Cpolygon points='58,1 60.9,7 67.5,7.6 62.5,12 64.2,18.5 58,15 51.8,18.5 53.5,12 48.5,7.6 55.1,7'/%3E%3Cpolygon points='82,1 84.9,7 91.5,7.6 86.5,12 88.2,18.5 82,15 75.8,18.5 77.5,12 72.5,7.6 79.1,7'/%3E%3Cpolygon points='106,1 108.9,7 115.5,7.6 110.5,12 112.2,18.5 106,15 99.8,18.5 101.5,12 96.5,7.6 103.1,7'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-faq-block .cfaq-list {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 800px;
margin: 0 auto;
}
.minilanding-root .minilanding-faq-block .cfaq-item {
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: 20px;
overflow: hidden;
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-faq-block .cfaq-item[open] {
background: var(--card-bg-hover);
box-shadow: var(--landing-shadow-sm);
}
.minilanding-root .minilanding-faq-block .cfaq-question {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 22px 24px;
color: var(--block-title);
font-size: 17px;
font-weight: 700;
cursor: pointer;
list-style: none;
user-select: none;
text-wrap: pretty;
}
.minilanding-root .minilanding-faq-block .cfaq-question::-webkit-details-marker { display: none; }
.minilanding-root .minilanding-faq-block .cfaq-question::after {
content: '';
width: 22px;
height: 22px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-chevron);
mask-image: var(--icon-chevron);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-faq-block .cfaq-item[open] .cfaq-question::after {
transform: rotate(180deg);
}
.minilanding-root .minilanding-faq-block .cfaq-answer {
margin: 0;
padding: 0 24px 24px;
color: var(--block-text);
font-size: 14px;
line-height: var(--landing-line-height-base);
text-wrap: pretty;
}
.minilanding-root .minilanding-faq-block .cfaq-content-wrap {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows var(--landing-duration-slow) var(--landing-ease-out);
}
.minilanding-root .minilanding-faq-block .cfaq-item[open] .cfaq-content-wrap {
grid-template-rows: 1fr;
}
.minilanding-root .minilanding-faq-block .cfaq-content-wrap > * {
overflow: hidden;
min-height: 0;
}
.minilanding-root .minilanding-faq-block .cfaq-content {
padding: 0 24px 24px;
color: var(--block-text);
font-size: clamp(14px, 1.4vw, 15px);
line-height: var(--landing-line-height-base);
}
.minilanding-root .minilanding-faq-block .cfaq-content p {
margin: 0;
color: inherit;
text-wrap: pretty;
}
.minilanding-root .minilanding-faq-block .cfaq-question {
text-wrap: pretty;
}
.minilanding-root .minilanding-guarantee-block .cgu-container {
max-width: 800px;
margin: 0 auto;
}
.minilanding-root .minilanding-guarantee-block .cgu-card {
display: flex;
align-items: flex-start;
gap: 24px;
padding: 32px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
box-shadow: var(--landing-shadow-sm);
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-guarantee-block .cgu-icon {
width: 64px;
height: 64px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
background: var(--landing-accent-tint);
border: 2px solid var(--landing-accent-border);
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-guarantee-block .cgu-icon::after {
content: '';
width: 32px;
height: 32px;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-shield);
mask-image: var(--icon-shield);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-guarantee-block .cgu-content {
display: flex;
flex-direction: column;
gap: 16px;
}
.minilanding-root .minilanding-guarantee-block .cgu-title {
margin: 0;
color: var(--block-title);
font-size: 22px;
font-weight: 800;
}
.minilanding-root .minilanding-guarantee-block .cgu-text {
margin: 0;
color: var(--block-text);
font-size: 14px;
}
.minilanding-root .minilanding-guarantee-block .cgu-list {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.minilanding-root .minilanding-guarantee-block .cgu-list li {
display: flex;
align-items: center;
gap: 12px;
color: var(--block-text);
font-size: 14px;
line-height: 1.5;
}
.minilanding-root .minilanding-guarantee-block .cgu-list li::before {
content: '';
width: 18px;
height: 18px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-check);
mask-image: var(--icon-check);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-cta-block .ccta-container {
max-width: 1000px;
margin: 0 auto;
}
.minilanding-root .minilanding-cta-block .ccta-card {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
padding: 48px 32px;
text-align: center;
background: radial-gradient(circle at 80% 10%, var(--landing-accent-tint), transparent 34%), var(--card-bg);
border: 1px solid var(--landing-accent-ring);
border-radius: 28px;
box-shadow: var(--landing-shadow-md);
transition: border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-cta-block .ccta-title {
max-width: 700px;
margin: 0;
color: var(--block-title);
font-size: clamp(28px, 3.6vw, 40px);
line-height: 1.15;
}
.minilanding-root .minilanding-cta-block .ccta-text {
max-width: 600px;
margin: 0;
color: var(--block-text);
font-size: 16px;
}
.minilanding-root .minilanding-cta-block .ccta-button {
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 16px 36px;
border: none;
border-radius: var(--landing-radius-btn);
background: var(--btn-bg);
color: var(--btn-text);
font-family: var(--landing-font-family);
font-size: 16px;
font-weight: 800;
text-align: center;
text-decoration: none;
cursor: pointer;
box-shadow: var(--landing-shadow-md);
transition: background-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
filter var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-cta-block .ccta-button:active:not(:disabled) { transform: scale(0.985); }
.minilanding-root .minilanding-cta-block .ccta-button::after {
content: '';
display: inline-block;
width: 18px;
height: 18px;
margin-left: 8px;
flex-shrink: 0;
background-color: currentColor;
-webkit-mask-image: var(--icon-arrow-right);
mask-image: var(--icon-arrow-right);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-cta-block .ccta-note {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px 16px;
margin-top: 12px;
font-size: 13px;
color: var(--block-subtitle);
}
.minilanding-root .minilanding-cta-block .ccta-note span {
display: inline-flex;
align-items: center;
gap: 4px;
}
.minilanding-root .minilanding-cta-block .ccta-note span::before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-check);
mask-image: var(--icon-check);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-countdown {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
}
.minilanding-root .minilanding-countdown-unit {
min-width: 72px;
padding: 14px 10px;
text-align: center;
background: var(--card-bg, var(--landing-surface));
border: 1px solid var(--block-border, var(--landing-border));
border-radius: var(--landing-radius-md);
box-shadow: var(--landing-shadow-sm);
}
.minilanding-root .minilanding-countdown-value {
display: block;
color: var(--block-title, var(--landing-text-title));
font-size: 32px;
font-weight: 800;
line-height: 1;
font-variant-numeric: lining-nums tabular-nums;
}
.minilanding-root .minilanding-countdown-label {
display: block;
margin-top: 6px;
color: var(--block-subtitle, var(--landing-text-subtitle));
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
/* ==================================================================================
VIDEO / COMPARE / ALERTS / BADGES / STICKY / SKELETON / UTILITIES / DIVIDERS (ИЗОЛИРОВАНЫ)
================================================================================== */
.minilanding-root .minilanding-video {
position: relative;
aspect-ratio: 16 / 9;
border-radius: var(--landing-radius-lg);
overflow: hidden;
background: #0f172a;
box-shadow: var(--landing-shadow-md);
}
.minilanding-root .minilanding-video iframe,
.minilanding-root .minilanding-video video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
}
.minilanding-root .minilanding-compare-wrap {
overflow-x: auto;
background: var(--card-bg, var(--landing-surface));
border: 1px solid var(--block-border, var(--landing-border));
border-radius: var(--landing-radius-lg);
box-shadow: var(--landing-shadow-sm);
}
.minilanding-root .minilanding-compare {
width: 100%;
min-width: 640px;
border-collapse: collapse;
font-size: 14px;
}
.minilanding-root .minilanding-compare th,
.minilanding-root .minilanding-compare td {
padding: 14px 18px;
text-align: left;
border-bottom: 1px solid var(--block-border, var(--landing-border));
color: var(--block-text, var(--landing-text-main));
}
.minilanding-root .minilanding-compare thead th {
position: sticky;
top: 0;
background: var(--card-bg-hover, var(--landing-surface-hover));
color: var(--block-title, var(--landing-text-title));
font-weight: 800;
}
.minilanding-root .minilanding-compare th:not(:first-child),
.minilanding-root .minilanding-compare td:not(:first-child) {
text-align: center;
}
.minilanding-root .minilanding-compare tbody tr:last-child td {
border-bottom: none;
}
.minilanding-root .minilanding-compare th.is-featured,
.minilanding-root .minilanding-compare td.is-featured {
background: var(--landing-accent-tint);
}
.minilanding-root .minilanding-alert {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 16px 20px;
border-radius: var(--landing-radius-md);
border: 1px solid;
font-size: 14px;
line-height: 1.5;
}
.minilanding-root .minilanding-alert::before {
content: '';
width: 18px;
height: 18px;
flex-shrink: 0;
background-color: currentColor;
-webkit-mask-image: var(--alert-icon, var(--icon-info));
mask-image: var(--alert-icon, var(--icon-info));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
margin-top: 2px;
}
.minilanding-root .minilanding-alert--success {
color: var(--landing-success);
background: rgba(5, 150, 105, 0.08);
border-color: rgba(5, 150, 105, 0.25);
--alert-icon: var(--icon-check-circle);
}
.minilanding-root .minilanding-alert--warning {
color: var(--landing-warning);
background: rgba(180, 83, 9, 0.08);
border-color: rgba(180, 83, 9, 0.25);
--alert-icon: var(--icon-info);
}
.minilanding-root .minilanding-alert--error {
color: var(--landing-error);
background: rgba(220, 38, 38, 0.08);
border-color: rgba(220, 38, 38, 0.25);
--alert-icon: var(--icon-info);
}
.minilanding-root .minilanding-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
border-radius: var(--landing-radius-full);
background: var(--landing-accent-tint);
color: var(--block-accent, var(--landing-accent-hover));
font-size: 12px;
font-weight: 700;
letter-spacing: 0.02em;
}
.minilanding-root .minilanding-badge--success {
background: rgba(5, 150, 105, 0.12);
color: var(--landing-success);
}
.minilanding-root .minilanding-badge--warning {
background: rgba(180, 83, 9, 0.12);
color: var(--landing-warning);
}
.minilanding-root .minilanding-badge--error {
background: rgba(220, 38, 38, 0.10);
color: var(--landing-error);
}
.minilanding-root .minilanding-badge--neutral {
background: var(--landing-text-tint);
color: var(--landing-text-subtitle);
}
.minilanding-root .minilanding-sticky-cta {
position: fixed;
inset-inline: 0;
bottom: 0;
z-index: var(--z-sticky);
display: none;
padding: 12px max(16px, calc((100% - var(--minilanding-container-width)) / 2));
padding-bottom: calc(12px + env(safe-area-inset-bottom));
background: var(--landing-glass-bg);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-top: 1px solid var(--landing-glass-border);
}
.minilanding-root .minilanding-sticky-cta .minilanding-button {
width: 100%;
min-height: 52px;
}
.minilanding-root .minilanding-skeleton {
display: inline-block;
width: 100%;
height: 1em;
border-radius: var(--landing-radius-input);
background: linear-gradient(90deg, var(--landing-border) 25%, var(--landing-card-bg) 50%, var(--landing-border) 75%);
background-size: 200% 100%;
animation: minilanding-skeleton-loading 1.5s infinite ease-in-out;
}
@keyframes minilanding-skeleton-loading {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.minilanding-root .minilanding-text-gradient,
.minilanding-root .minilanding-title-gradient {
background: var(--landing-gradient-accent);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.minilanding-root .minilanding-shimmer {
position: relative;
overflow: hidden;
}
.minilanding-root .minilanding-shimmer::after {
content: '';
position: absolute;
inset: 0;
transform: translateX(-100%);
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
animation: minilanding-shimmer 2.4s infinite;
pointer-events: none;
}
@keyframes minilanding-shimmer {
100% { transform: translateX(100%); }
}
.minilanding-root .minilanding-skip-link {
position: fixed;
top: -100px;
left: 16px;
z-index: var(--z-toast);
padding: 12px 20px;
border-radius: var(--landing-radius-sm);
background: var(--landing-accent);
color: var(--landing-on-accent);
font-weight: 700;
text-decoration: none;
transition: top var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-skip-link:focus-visible {
top: 16px;
text-decoration: none;
}
.minilanding-root .minilanding-divider {
width: min(100%, var(--minilanding-container-width));
height: 2px;
margin: 4px auto 36px;
border: none;
border-radius: 999px;
background: linear-gradient(90deg, transparent, var(--landing-border-hover) 20%, var(--landing-accent) 50%, var(--landing-border-hover) 80%, transparent);
}
.minilanding-root .minilanding-divider--diamond {
width: min(100%, var(--minilanding-container-width));
height: 1px;
margin: 4px auto 36px;
position: relative;
background: linear-gradient(90deg, transparent, var(--landing-border-hover), transparent);
}
.minilanding-root .minilanding-divider--diamond::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 10px;
height: 10px;
transform: translate(-50%, -50%) rotate(45deg);
border-radius: 2px;
background: var(--landing-accent);
}
.minilanding-root .minilanding-divider--dots {
width: min(100%, var(--minilanding-container-width));
height: 6px;
margin: 4px auto 36px;
background-color: transparent;
background-image: radial-gradient(circle, var(--landing-accent) 0 3px, transparent 3px),
radial-gradient(circle, var(--landing-accent) 0 3px, transparent 3px),
radial-gradient(circle, var(--landing-accent) 0 3px, transparent 3px);
background-repeat: no-repeat;
background-size: 6px 6px;
background-position: calc(50% - 16px) center, center center, calc(50% + 16px) center;
}
.minilanding-root .minilanding-divider--arrow {
width: min(100%, var(--minilanding-container-width));
height: 24px;
margin: 4px auto 36px;
background: none;
}
.minilanding-root .minilanding-divider--arrow::after {
content: '';
display: block;
width: 22px;
height: 22px;
margin: 0 auto;
background-color: var(--landing-accent);
-webkit-mask-image: var(--icon-chevron);
mask-image: var(--icon-chevron);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
}
.minilanding-root .minilanding-divider-label {
width: min(100%, var(--minilanding-container-width));
margin: 4px auto 36px;
display: flex;
align-items: center;
gap: 16px;
color: var(--landing-text-subtitle);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.minilanding-root .minilanding-divider-label::before,
.minilanding-root .minilanding-divider-label::after {
content: '';
flex: 1;
height: 1px;
}
.minilanding-root .minilanding-divider-label::before {
background: linear-gradient(90deg, transparent, var(--landing-border-hover));
}
.minilanding-root .minilanding-divider-label::after {
background: linear-gradient(90deg, var(--landing-border-hover), transparent);
}
.minilanding-root .minilanding-wave {
width: 100%;
height: 72px;
background-color: var(--divider-color, var(--landing-card-bg));
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C240,90 480,-10 720,30 C960,70 1200,20 1440,45 L1440,80 L0,80 Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C240,90 480,-10 720,30 C960,70 1200,20 1440,45 L1440,80 L0,80 Z'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.minilanding-root .minilanding-wave--flip { transform: scaleY(-1); }
.minilanding-root .minilanding-wave--soft { height: 40px; }
.minilanding-root .minilanding-slant {
width: 100%;
height: 56px;
background-color: var(--divider-color, var(--landing-card-bg));
}
.minilanding-root .minilanding-slant--left { clip-path: polygon(0 100%, 100% 0, 100% 100%); }
.minilanding-root .minilanding-slant--right { clip-path: polygon(0 0, 100% 100%, 0 100%); }
.minilanding-root .minilanding-zigzag {
width: 100%;
height: 18px;
background: conic-gradient(from 135deg at top, var(--divider-color, var(--landing-card-bg)) 90deg, transparent 0) 0 0 / 24px 18px repeat-x;
}
.minilanding-root .minilanding-heading-deco {
position: relative;
padding-bottom: 18px;
}
.minilanding-root .minilanding-heading-deco::after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 64px;
height: 4px;
border-radius: 999px;
background: var(--landing-gradient-accent);
}
.minilanding-root .minilanding-heading-deco--left::after {
left: 0;
transform: none;
}
.minilanding-root .minilanding-heading-deco--animated::after {
background-size: 200% 100%;
animation: minilanding-deco-shift 5s ease-in-out infinite alternate;
}
@keyframes minilanding-deco-shift {
from { background-position: 0% 0; }
to { background-position: 100% 0; }
}
/* ==================================================================================
MEDITATION & SPECIFIC BLOCKS (ИЗОЛИРОВАНЫ)
================================================================================== */
.minilanding-root .minilanding-practices-block .cprac-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
gap: 20px;
}
.minilanding-root .minilanding-practices-block .cprac-card {
position: relative;
display: flex;
flex-direction: column;
gap: 14px;
padding: 28px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
overflow: hidden;
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-practices-block .cprac-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: var(--landing-gradient-accent);
transform: scaleX(0);
transform-origin: left;
transition: transform var(--landing-duration-slow) var(--landing-ease-out);
}
.minilanding-root .minilanding-practices-block .cprac-icon {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
background: var(--icon-bg);
color: var(--block-accent);
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-practices-block .cprac-icon::before {
content: '';
width: 24px;
height: 24px;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-variant, var(--icon-lotus));
mask-image: var(--icon-variant, var(--icon-lotus));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-practices-block .cprac-title {
margin: 0;
color: var(--block-title);
font-size: 18px;
font-weight: 800;
}
.minilanding-root .minilanding-practices-block .cprac-text {
margin: 0;
color: var(--block-text);
font-size: 14px;
}
.minilanding-root .minilanding-practices-block .cprac-meta {
display: flex;
gap: 12px;
margin-top: auto;
padding-top: 12px;
border-top: 1px solid var(--block-border);
font-size: 12px;
color: var(--block-subtitle);
font-weight: 600;
}
.minilanding-root .minilanding-practices-block .cprac-meta span {
display: inline-flex;
align-items: center;
gap: 6px;
}
.minilanding-root .minilanding-practices-block .cprac-meta span::before {
content: '';
width: 13px;
height: 13px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--meta-icon, var(--icon-clock));
mask-image: var(--meta-icon, var(--icon-clock));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-schedule-block .csch-tabs {
display: flex;
gap: 8px;
margin-bottom: 24px;
overflow-x: auto;
padding-bottom: 4px;
}
.minilanding-root .minilanding-schedule-block .csch-tab {
padding: 10px 18px;
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-full);
background: var(--card-bg);
color: var(--block-text);
font-size: 14px;
font-weight: 600;
cursor: pointer;
white-space: nowrap;
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
color var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-schedule-block .csch-tab[aria-selected="true"],
.minilanding-root .minilanding-schedule-block .csch-tab.is-active {
background: var(--block-accent);
border-color: var(--block-accent);
color: var(--btn-text);
}
.minilanding-root .minilanding-schedule-block .csch-list {
display: flex;
flex-direction: column;
gap: 12px;
}
.minilanding-root .minilanding-schedule-block .csch-item {
display: grid;
grid-template-columns: auto 1fr auto;
gap: 20px;
align-items: center;
padding: 18px 22px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-schedule-block .csch-time {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px 14px;
background: var(--icon-bg);
border-radius: 12px;
color: var(--block-accent);
min-width: 80px;
}
.minilanding-root .minilanding-schedule-block .csch-time::before {
content: '';
width: 18px;
height: 18px;
margin-bottom: 4px;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-clock);
mask-image: var(--icon-clock);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-schedule-block .csch-time-value {
font-size: 18px;
font-weight: 800;
line-height: 1;
font-variant-numeric: lining-nums tabular-nums;
}
.minilanding-root .minilanding-schedule-block .csch-time-zone {
font-size: 11px;
margin-top: 4px;
opacity: 0.75;
font-weight: 600;
}
.minilanding-root .minilanding-schedule-block .csch-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.minilanding-root .minilanding-schedule-block .csch-title {
margin: 0;
color: var(--block-title);
font-size: 16px;
font-weight: 700;
}
.minilanding-root .minilanding-schedule-block .csch-teacher {
margin: 0;
color: var(--block-subtitle);
font-size: 13px;
}
.minilanding-root .minilanding-schedule-block .csch-level {
display: inline-block;
margin-top: 6px;
padding: 3px 10px;
border-radius: var(--landing-radius-full);
background: var(--landing-accent-tint);
color: var(--block-accent);
font-size: 11px;
font-weight: 700;
width: fit-content;
}
.minilanding-root .minilanding-schedule-block .csch-action {
padding: 10px 20px;
border: 1px solid var(--block-accent);
border-radius: var(--landing-radius-btn);
background: transparent;
color: var(--block-accent);
font-size: 14px;
font-weight: 700;
cursor: pointer;
transition: background-color var(--landing-duration-base) ease,
color var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-retreats-block .cret-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
gap: 24px;
}
.minilanding-root .minilanding-retreats-block .cret-card {
display: flex;
flex-direction: column;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
overflow: hidden;
transition: border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-retreats-block .cret-media {
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
background: var(--icon-bg);
}
.minilanding-root .minilanding-retreats-block .cret-media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--landing-duration-slow) var(--landing-ease-out);
}
.minilanding-root .minilanding-retreats-block .cret-badge {
position: absolute;
top: 16px;
left: 16px;
padding: 6px 12px;
border-radius: var(--landing-radius-full);
background: rgba(255, 255, 255, 0.95);
color: var(--landing-text-title);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
backdrop-filter: blur(8px);
}
.minilanding-root .minilanding-retreats-block .cret-body {
display: flex;
flex-direction: column;
gap: 14px;
padding: 24px;
flex: 1;
}
.minilanding-root .minilanding-retreats-block .cret-location {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--block-accent);
font-size: 13px;
font-weight: 700;
}
.minilanding-root .minilanding-retreats-block .cret-location::before {
content: '';
width: 14px;
height: 14px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-map-pin);
mask-image: var(--icon-map-pin);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-retreats-block .cret-title {
margin: 0;
color: var(--block-title);
font-size: 20px;
font-weight: 800;
line-height: 1.25;
}
.minilanding-root .minilanding-retreats-block .cret-desc {
margin: 0;
color: var(--block-text);
font-size: 14px;
}
.minilanding-root .minilanding-retreats-block .cret-meta {
display: flex;
flex-wrap: wrap;
gap: 14px;
padding-top: 14px;
border-top: 1px solid var(--block-border);
color: var(--block-subtitle);
font-size: 13px;
font-weight: 600;
}
.minilanding-root .minilanding-retreats-block .cret-meta span {
display: inline-flex;
align-items: center;
gap: 6px;
}
.minilanding-root .minilanding-retreats-block .cret-meta span::before {
content: '';
width: 14px;
height: 14px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--meta-icon, var(--icon-calendar));
mask-image: var(--meta-icon, var(--icon-calendar));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-retreats-block .cret-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 18px 24px;
background: var(--card-bg-hover);
border-top: 1px solid var(--block-border);
flex-wrap: wrap;
}
.minilanding-root .minilanding-retreats-block .cret-price {
color: var(--block-title);
font-size: 22px;
font-weight: 800;
font-variant-numeric: lining-nums tabular-nums;
flex-shrink: 0;
}
.minilanding-root .minilanding-retreats-block .cret-price small {
display: block;
color: var(--block-subtitle);
font-size: 12px;
font-weight: 600;
margin-top: 2px;
}
.minilanding-root .minilanding-retreats-block .cret-footer .minilanding-button {
flex-shrink: 0;
margin-left: auto;
}
.minilanding-root .minilanding-library-block .clib-filters {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 24px;
}
.minilanding-root .minilanding-library-block .clib-filter {
padding: 8px 16px;
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-full);
background: transparent;
color: var(--block-text);
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
color var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-library-block .clib-filter.is-active {
background: var(--block-accent);
border-color: var(--block-accent);
color: var(--btn-text);
}
.minilanding-root .minilanding-library-block .clib-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
gap: 16px;
}
.minilanding-root .minilanding-library-block .clib-card {
display: flex;
gap: 14px;
padding: 16px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-library-block .clib-cover {
width: 64px;
height: 64px;
flex-shrink: 0;
border-radius: 12px;
background: var(--landing-gradient-accent);
color: var(--btn-text);
display: flex;
align-items: center;
justify-content: center;
}
.minilanding-root .minilanding-library-block .clib-cover::before {
content: '';
width: 28px;
height: 28px;
background-color: currentColor;
-webkit-mask-image: var(--cover-icon, var(--icon-book-open));
mask-image: var(--cover-icon, var(--icon-book-open));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-library-block .clib-info {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
min-width: 0;
}
.minilanding-root .minilanding-library-block .clib-title {
margin: 0;
color: var(--block-title);
font-size: 15px;
font-weight: 700;
line-height: 1.3;
}
.minilanding-root .minilanding-library-block .clib-teacher {
margin: 0;
color: var(--block-subtitle);
font-size: 12px;
}
.minilanding-root .minilanding-library-block .clib-meta {
display: flex;
gap: 10px;
margin-top: auto;
color: var(--block-subtitle);
font-size: 12px;
font-weight: 600;
}
.minilanding-root .minilanding-library-block .clib-meta span {
display: inline-flex;
align-items: center;
gap: 4px;
}
.minilanding-root .minilanding-library-block .clib-meta span::before {
content: '';
width: 12px;
height: 12px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--meta-icon, var(--icon-clock));
mask-image: var(--meta-icon, var(--icon-clock));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-library-block .clib-play {
align-self: center;
width: 36px;
height: 36px;
flex-shrink: 0;
border: none;
border-radius: 50%;
background: var(--block-accent);
color: var(--btn-text);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
line-height: 1;
transition: transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-library-block .clib-play::before {
content: '';
width: 14px;
height: 14px;
background-color: currentColor;
-webkit-mask-image: var(--icon-play);
mask-image: var(--icon-play);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
margin-left: 2px;
}
.minilanding-root .minilanding-science-block .csci-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: start;
}
.minilanding-root .minilanding-science-block .csci-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.minilanding-root .minilanding-science-block .csci-stat {
padding: 22px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
text-align: center;
}
.minilanding-root .minilanding-science-block .csci-stat-value {
color: var(--block-accent);
font-size: 32px;
font-weight: 800;
line-height: 1;
letter-spacing: -0.02em;
font-variant-numeric: lining-nums tabular-nums;
}
.minilanding-root .minilanding-science-block .csci-stat-label {
margin-top: 8px;
color: var(--block-text);
font-size: 13px;
line-height: 1.4;
}
.minilanding-root .minilanding-science-block .csci-quotes {
display: flex;
flex-direction: column;
gap: 14px;
}
.minilanding-root .minilanding-science-block .csci-quote {
position: relative;
padding: 20px 22px 20px 48px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-left: 3px solid var(--block-accent);
border-radius: var(--landing-radius-card);
font-size: 14px;
color: var(--block-text);
font-style: italic;
line-height: 1.6;
margin: 0;
}
.minilanding-root .minilanding-science-block .csci-quote::before {
content: '';
position: absolute;
left: 16px;
top: 16px;
width: 20px;
height: 20px;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-quote);
mask-image: var(--icon-quote);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
opacity: 0.6;
}
.minilanding-root .minilanding-science-block .csci-quote-author {
display: block;
margin-top: 10px;
font-style: normal;
font-size: 12px;
font-weight: 700;
color: var(--block-subtitle);
}
.minilanding-root .minilanding-community-block .ccom-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: center;
}
.minilanding-root .minilanding-community-block .ccom-mosaic {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.minilanding-root .minilanding-community-block .ccom-mosaic img {
aspect-ratio: 1;
width: 100%;
object-fit: cover;
border-radius: 12px;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-community-block .ccom-content {
display: flex;
flex-direction: column;
gap: 18px;
}
.minilanding-root .minilanding-community-block .ccom-title {
margin: 0;
color: var(--block-title);
font-size: 26px;
font-weight: 800;
line-height: 1.2;
}
.minilanding-root .minilanding-community-block .ccom-text {
margin: 0;
color: var(--block-text);
font-size: 15px;
}
.minilanding-root .minilanding-community-block .ccom-counters {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
padding: 18px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
}
.minilanding-root .minilanding-community-block .ccom-counter {
text-align: center;
}
.minilanding-root .minilanding-community-block .ccom-counter-value {
color: var(--block-accent);
font-size: 24px;
font-weight: 800;
line-height: 1;
font-variant-numeric: lining-nums tabular-nums;
}
.minilanding-root .minilanding-community-block .ccom-counter-label {
margin-top: 6px;
color: var(--block-subtitle);
font-size: 12px;
font-weight: 600;
}
.minilanding-root .minilanding-journey-block .cjour-timeline {
position: relative;
display: flex;
flex-direction: column;
gap: 24px;
padding-left: 40px;
}
.minilanding-root .minilanding-journey-block .cjour-timeline::before {
content: '';
position: absolute;
left: 14px;
top: 8px;
bottom: 8px;
width: 2px;
background: linear-gradient(to bottom, var(--block-accent), var(--landing-accent-2));
border-radius: 2px;
}
.minilanding-root .minilanding-journey-block .cjour-step {
position: relative;
padding: 22px 24px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-journey-block .cjour-step::before {
content: '';
position: absolute;
left: -34px;
top: 26px;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--block-accent);
border: 3px solid var(--block-bg);
box-shadow: 0 0 0 2px var(--block-accent);
}
.minilanding-root .minilanding-journey-block .cjour-level {
display: inline-block;
padding: 4px 12px;
border-radius: var(--landing-radius-full);
background: var(--landing-accent-tint);
color: var(--block-accent);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 10px;
}
.minilanding-root .minilanding-journey-block .cjour-title {
margin: 0 0 8px;
color: var(--block-title);
font-size: 18px;
font-weight: 800;
}
.minilanding-root .minilanding-journey-block .cjour-text {
margin: 0 0 12px;
color: var(--block-text);
font-size: 14px;
}
.minilanding-root .minilanding-journey-block .cjour-duration {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--block-subtitle);
font-size: 13px;
font-weight: 600;
}
.minilanding-root .minilanding-journey-block .cjour-duration::before {
content: '';
width: 13px;
height: 13px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-clock);
mask-image: var(--icon-clock);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-lineage-block .clin-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
gap: 20px;
}
.minilanding-root .minilanding-lineage-block .clin-card {
display: flex;
flex-direction: column;
gap: 16px;
padding: 28px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
text-align: center;
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-lineage-block .clin-photo {
width: 110px;
height: 110px;
margin: 0 auto;
border-radius: 50%;
object-fit: cover;
border: 4px solid var(--landing-accent-tint);
box-shadow: var(--landing-shadow-sm);
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-lineage-block .clin-name {
margin: 0;
color: var(--block-title);
font-size: 19px;
font-weight: 800;
}
.minilanding-root .minilanding-lineage-block .clin-tradition {
display: inline-block;
padding: 5px 12px;
border-radius: var(--landing-radius-full);
background: var(--landing-accent-tint);
color: var(--block-accent);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.02em;
}
.minilanding-root .minilanding-lineage-block .clin-bio {
margin: 0;
color: var(--block-text);
font-size: 14px;
line-height: 1.6;
}
.minilanding-root .minilanding-lineage-block .clin-experience {
display: flex;
justify-content: center;
gap: 18px;
padding-top: 14px;
border-top: 1px solid var(--block-border);
font-size: 12px;
color: var(--block-subtitle);
font-weight: 600;
}
.minilanding-root .minilanding-lineage-block .clin-experience strong {
display: block;
color: var(--block-title);
font-size: 16px;
font-weight: 800;
margin-bottom: 2px;
}
.minilanding-root .minilanding-tools-block .ctoo-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
gap: 16px;
}
.minilanding-root .minilanding-tools-block .ctoo-card {
position: relative;
display: flex;
flex-direction: column;
gap: 12px;
padding: 24px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-card);
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-tools-block .ctoo-icon {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 14px;
background: var(--landing-gradient-accent);
color: var(--btn-text);
}
.minilanding-root .minilanding-tools-block .ctoo-icon::before {
content: '';
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask-image: var(--icon-variant, var(--icon-sparkles));
mask-image: var(--icon-variant, var(--icon-sparkles));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-tools-block .ctoo-title {
margin: 0;
color: var(--block-title);
font-size: 16px;
font-weight: 800;
}
.minilanding-root .minilanding-tools-block .ctoo-text {
margin: 0;
color: var(--block-text);
font-size: 13px;
}
.minilanding-root .minilanding-tools-block .ctoo-tag {
position: absolute;
top: 16px;
right: 16px;
padding: 3px 10px;
border-radius: var(--landing-radius-full);
background: var(--landing-success);
color: #fff;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.minilanding-root .minilanding-gift-block .cgft-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: center;
}
.minilanding-root .minilanding-gift-block .cgft-preview {
position: relative;
aspect-ratio: 16 / 10;
padding: 32px;
border-radius: var(--landing-radius-card);
background: var(--landing-gradient-accent);
color: var(--btn-text);
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: var(--landing-shadow-lg);
overflow: hidden;
}
.minilanding-root .minilanding-gift-block .cgft-preview::before {
content: '';
position: absolute;
top: -50%;
right: -30%;
width: 80%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.25), transparent 60%);
pointer-events: none;
}
.minilanding-root .minilanding-gift-block .cgft-preview-label {
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
opacity: 0.85;
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
}
.minilanding-root .minilanding-gift-block .cgft-preview-label::before {
content: '';
width: 14px;
height: 14px;
background-color: currentColor;
-webkit-mask-image: var(--icon-gift);
mask-image: var(--icon-gift);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-gift-block .cgft-preview-amount {
font-size: clamp(36px, 5vw, 52px);
font-weight: 800;
letter-spacing: -0.03em;
line-height: 1;
position: relative;
font-variant-numeric: lining-nums tabular-nums;
}
.minilanding-root .minilanding-gift-block .cgft-preview-recipient {
font-size: 14px;
opacity: 0.9;
position: relative;
display: inline-flex;
align-items: center;
}
.minilanding-root .minilanding-gift-block .cgft-options {
display: flex;
flex-direction: column;
gap: 18px;
}
.minilanding-root .minilanding-gift-block .cgft-title {
margin: 0;
color: var(--block-title);
font-size: 26px;
font-weight: 800;
line-height: 1.2;
}
.minilanding-root .minilanding-gift-block .cgft-text {
margin: 0;
color: var(--block-text);
font-size: 15px;
}
.minilanding-root .minilanding-gift-block .cgft-amounts {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.minilanding-root .minilanding-gift-block .cgft-amount {
padding: 14px;
border: 2px solid var(--block-border);
border-radius: var(--landing-radius-md);
background: var(--card-bg);
color: var(--block-title);
font-size: 16px;
font-weight: 800;
text-align: center;
cursor: pointer;
transition: border-color var(--landing-duration-base) ease,
background-color var(--landing-duration-base) ease,
color var(--landing-duration-base) ease;
font-variant-numeric: lining-nums tabular-nums;
}
.minilanding-root .minilanding-gift-block .cgft-amount.is-active,
.minilanding-root .minilanding-gift-block .cgft-amount[aria-pressed="true"] {
border-color: var(--block-accent);
background: var(--landing-accent-tint);
color: var(--block-accent);
}
/* ==================================================================================
TEXT BLOCK, ABOUT PRACTICUM, EXPERT, COST, QUOTE (ИЗОЛИРОВАНЫ)
================================================================================== */
.minilanding-root .minilanding-text-block .ctext-container {
max-width: 760px;
margin: 0 auto;
}
.minilanding-root .minilanding-text-block .ctext-header {
margin-bottom: 40px;
padding-bottom: 32px;
border-bottom: 1px solid var(--block-border);
}
.minilanding-root .minilanding-text-block .ctext-title {
margin: 16px 0 20px;
color: var(--block-title);
font-size: clamp(28px, 4vw, 42px);
font-weight: 800;
line-height: 1.15;
letter-spacing: var(--landing-letter-spacing-title);
text-wrap: balance;
}
.minilanding-root .minilanding-text-block .ctext-lead {
margin: 0;
color: var(--block-text);
font-size: clamp(17px, 1.8vw, 20px);
line-height: 1.6;
font-weight: 500;
text-wrap: pretty;
}
.minilanding-root .minilanding-text-block .ctext-body {
display: flex;
flex-direction: column;
gap: 20px;
color: var(--block-text);
font-size: clamp(15px, 1.5vw, 17px);
line-height: 1.75;
}
.minilanding-root .minilanding-text-block .ctext-body > p {
margin: 0;
text-wrap: pretty;
}
.minilanding-root .minilanding-text-block .ctext-body h3 {
margin: 12px 0 4px;
color: var(--block-title);
font-size: clamp(20px, 2.2vw, 26px);
font-weight: 800;
line-height: 1.25;
letter-spacing: -0.01em;
}
.minilanding-root .minilanding-text-block .ctext-body h4 {
margin: 8px 0 0;
color: var(--block-title);
font-size: clamp(17px, 1.8vw, 19px);
font-weight: 700;
}
.minilanding-root .minilanding-text-block .ctext-callout {
display: flex;
gap: 16px;
padding: 20px 22px;
background: var(--icon-bg);
border: 1px solid var(--landing-accent-ring);
border-left: 3px solid var(--block-accent);
border-radius: var(--landing-radius-md);
color: var(--block-text);
font-size: 15px;
line-height: 1.6;
margin: 8px 0;
}
.minilanding-root .minilanding-text-block .ctext-callout-icon {
width: 28px;
height: 28px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: var(--block-accent);
color: var(--landing-on-accent, #fff);
}
.minilanding-root .minilanding-text-block .ctext-callout-icon::before {
content: '';
width: 16px;
height: 16px;
background-color: currentColor;
-webkit-mask-image: var(--callout-icon, var(--icon-lightbulb));
mask-image: var(--callout-icon, var(--icon-lightbulb));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-text-block .ctext-callout strong {
color: var(--block-title);
font-weight: 800;
}
.minilanding-root .minilanding-text-block .ctext-list {
display: flex;
flex-direction: column;
gap: 14px;
margin: 8px 0;
padding: 0;
list-style: none;
}
.minilanding-root .minilanding-text-block .ctext-list li {
display: flex;
align-items: flex-start;
gap: 14px;
color: var(--block-text);
font-size: 15px;
line-height: 1.6;
text-wrap: pretty;
}
.minilanding-root .minilanding-text-block .ctext-list li::before {
content: '';
width: 20px;
height: 20px;
flex-shrink: 0;
margin-top: 2px;
background-color: var(--block-accent);
-webkit-mask-image: var(--list-icon, var(--icon-check));
mask-image: var(--list-icon, var(--icon-check));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-text-block .ctext-quote {
position: relative;
margin: 12px 0;
padding: 32px 36px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-lg);
font-size: clamp(18px, 2vw, 22px);
font-style: italic;
line-height: 1.5;
color: var(--block-title);
text-wrap: pretty;
}
.minilanding-root .minilanding-text-block .ctext-quote::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: var(--landing-gradient-accent);
border-radius: 4px 0 0 4px;
}
.minilanding-root .minilanding-text-block .ctext-quote::after {
content: '\201C';
position: absolute;
top: 12px;
right: 24px;
font-size: 80px;
line-height: 1;
color: var(--block-accent);
opacity: 0.15;
font-family: Georgia, serif;
font-style: normal;
pointer-events: none;
}
.minilanding-root .minilanding-text-block .ctext-quote p {
margin: 0;
}
.minilanding-root .minilanding-text-block .ctext-quote-author {
display: flex;
flex-direction: column;
gap: 2px;
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid var(--block-border);
font-style: normal;
}
.minilanding-root .minilanding-text-block .ctext-quote-name {
color: var(--block-title);
font-size: 15px;
font-weight: 800;
}
.minilanding-root .minilanding-text-block .ctext-quote-role {
color: var(--block-subtitle);
font-size: 13px;
}
.minilanding-root .minilanding-text-block .ctext-footer {
display: flex;
align-items: center;
gap: 16px;
margin-top: 40px;
padding-top: 28px;
border-top: 1px solid var(--block-border);
}
.minilanding-root .minilanding-text-block .ctext-author-avatar {
width: 52px;
height: 52px;
flex-shrink: 0;
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--landing-accent-border);
}
.minilanding-root .minilanding-text-block .ctext-author-info {
display: flex;
flex-direction: column;
gap: 2px;
}
.minilanding-root .minilanding-text-block .ctext-author-name {
color: var(--block-title);
font-size: 15px;
font-weight: 700;
}
.minilanding-root .minilanding-text-block .ctext-author-meta {
color: var(--block-subtitle);
font-size: 13px;
}
.minilanding-root .minilanding-about-practicum-block .cap-layout {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 40px;
align-items: start;
}
.minilanding-root .minilanding-about-practicum-block .cap-content {
display: flex;
flex-direction: column;
gap: 16px;
}
.minilanding-root .minilanding-about-practicum-block .cap-title {
margin: 12px 0 0;
color: var(--block-title);
font-size: clamp(26px, 3.4vw, 40px);
font-weight: 800;
line-height: 1.15;
letter-spacing: var(--landing-letter-spacing-title);
text-wrap: balance;
}
.minilanding-root .minilanding-about-practicum-block .cap-lead {
margin: 0;
color: var(--block-text);
font-size: clamp(16px, 1.7vw, 19px);
line-height: 1.6;
font-weight: 500;
}
.minilanding-root .minilanding-about-practicum-block .cap-text {
margin: 0;
color: var(--block-text);
font-size: 15px;
line-height: 1.7;
}
.minilanding-root .minilanding-about-practicum-block .cap-features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 12px;
}
.minilanding-root .minilanding-about-practicum-block .cap-feature {
display: flex;
gap: 14px;
padding: 18px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-md);
transition: background-color var(--landing-duration-base) ease,
border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-about-practicum-block .cap-feature-icon {
width: 40px;
height: 40px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: var(--icon-bg);
color: var(--block-accent);
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-about-practicum-block .cap-feature-icon::before {
content: '';
width: 20px;
height: 20px;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-variant, var(--icon-sparkles));
mask-image: var(--icon-variant, var(--icon-sparkles));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-about-practicum-block .cap-feature-content {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.minilanding-root .minilanding-about-practicum-block .cap-feature-title {
margin: 0;
color: var(--block-title);
font-size: 15px;
font-weight: 800;
line-height: 1.3;
}
.minilanding-root .minilanding-about-practicum-block .cap-feature-text {
margin: 0;
color: var(--block-subtitle);
font-size: 13px;
line-height: 1.5;
}
.minilanding-root .minilanding-about-practicum-block .cap-sidebar {
display: flex;
flex-direction: column;
gap: 16px;
position: sticky;
top: 24px;
}
.minilanding-root .minilanding-about-practicum-block .cap-info-card {
padding: 24px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-lg);
}
.minilanding-root .minilanding-about-practicum-block .cap-info-title {
margin: 0 0 16px;
color: var(--block-title);
font-size: 17px;
font-weight: 800;
}
.minilanding-root .minilanding-about-practicum-block .cap-info-list {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.minilanding-root .minilanding-about-practicum-block .cap-info-list li {
display: flex;
align-items: center;
gap: 12px;
color: var(--block-text);
font-size: 14px;
line-height: 1.5;
}
.minilanding-root .minilanding-about-practicum-block .cap-info-list li::before {
content: '';
width: 18px;
height: 18px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--list-icon, var(--icon-check));
mask-image: var(--list-icon, var(--icon-check));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-about-practicum-block .cap-info-list strong {
color: var(--block-title);
font-weight: 700;
}
.minilanding-root .minilanding-about-practicum-block .cap-cta-card {
padding: 22px;
background: var(--icon-bg);
border: 1px solid var(--landing-accent-ring);
border-radius: var(--landing-radius-lg);
text-align: center;
}
.minilanding-root .minilanding-about-practicum-block .cap-cta-text {
margin: 0 0 14px;
color: var(--block-text);
font-size: 14px;
font-weight: 500;
}
.minilanding-root .minilanding-about-practicum-block .cap-cta-text strong {
color: var(--block-accent);
font-weight: 800;
}
.minilanding-root .minilanding-about-practicum-block .cap-cta-card .minilanding-button {
width: 100%;
}
.minilanding-root .minilanding-expert-block .cexp-layout {
display: grid;
grid-template-columns: 380px 1fr;
gap: 48px;
align-items: start;
}
.minilanding-root .minilanding-expert-block .cexp-media {
position: relative;
}
.minilanding-root .minilanding-expert-block .cexp-photo {
width: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
border-radius: var(--landing-radius-xl);
border: 3px solid var(--landing-accent-border);
box-shadow: var(--landing-shadow-lg);
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-expert-block .cexp-badge {
position: absolute;
bottom: -14px;
left: 50%;
transform: translateX(-50%);
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 18px;
background: var(--block-accent);
color: var(--landing-on-accent, #fff);
border-radius: var(--landing-radius-full);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.02em;
box-shadow: var(--landing-shadow-md);
white-space: nowrap;
}
.minilanding-root .minilanding-expert-block .cexp-badge::before {
content: '';
width: 16px;
height: 16px;
background-color: currentColor;
-webkit-mask-image: var(--badge-icon, var(--icon-award));
mask-image: var(--badge-icon, var(--icon-award));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-expert-block .cexp-content {
display: flex;
flex-direction: column;
gap: 14px;
}
.minilanding-root .minilanding-expert-block .cexp-name {
margin: 8px 0 0;
color: var(--block-title);
font-size: clamp(28px, 3.4vw, 40px);
font-weight: 800;
line-height: 1.15;
letter-spacing: var(--landing-letter-spacing-title);
}
.minilanding-root .minilanding-expert-block .cexp-role {
margin: 0;
color: var(--block-accent);
font-size: 16px;
font-weight: 700;
}
.minilanding-root .minilanding-expert-block .cexp-bio {
margin: 0;
color: var(--block-text);
font-size: 15px;
line-height: 1.7;
}
.minilanding-root .minilanding-expert-block .cexp-quote {
position: relative;
display: flex;
gap: 16px;
padding: 22px 24px;
margin: 8px 0;
background: var(--icon-bg);
border: 1px solid var(--landing-accent-ring);
border-left: 3px solid var(--block-accent);
border-radius: var(--landing-radius-md);
font-style: italic;
}
.minilanding-root .minilanding-expert-block .cexp-quote-icon {
width: 24px;
height: 24px;
flex-shrink: 0;
color: var(--block-accent);
margin-top: 2px;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-quote);
mask-image: var(--icon-quote);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-expert-block .cexp-quote p {
margin: 0;
color: var(--block-title);
font-size: 15px;
line-height: 1.6;
}
.minilanding-root .minilanding-expert-block .cexp-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
padding: 18px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-lg);
}
.minilanding-root .minilanding-expert-block .cexp-stat {
display: flex;
align-items: center;
gap: 10px;
text-align: left;
}
.minilanding-root .minilanding-expert-block .cexp-stat::before {
content: '';
width: 20px;
height: 20px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--stat-icon, var(--icon-award));
mask-image: var(--stat-icon, var(--icon-award));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-expert-block .cexp-stat-value {
color: var(--block-title);
font-size: 18px;
font-weight: 800;
line-height: 1;
font-variant-numeric: lining-nums tabular-nums;
}
.minilanding-root .minilanding-expert-block .cexp-stat-label {
color: var(--block-subtitle);
font-size: 11px;
font-weight: 600;
margin-top: 2px;
}
.minilanding-root .minilanding-expert-block .cexp-actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-top: 8px;
}
.minilanding-root .minilanding-cost-block .ccost-container {
max-width: 1100px;
margin: 0 auto;
}
.minilanding-root .minilanding-cost-block .ccost-card {
position: relative;
display: grid;
grid-template-columns: minmax(320px, 420px) 1fr;
background: var(--card-bg);
border: 2px solid var(--block-accent);
border-radius: var(--landing-radius-2xl);
box-shadow: var(--landing-shadow-lg);
overflow: hidden;
}
.minilanding-root .minilanding-cost-block .ccost-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: var(--landing-gradient-accent);
z-index: 2;
}
.minilanding-root .minilanding-cost-block .ccost-left {
position: relative;
display: flex;
flex-direction: column;
gap: 20px;
padding: 36px 32px;
background: var(--icon-bg);
border-right: 1px solid var(--block-border);
overflow: hidden;
}
.minilanding-root .minilanding-cost-block .ccost-left::before {
content: '';
position: absolute;
top: -50%;
right: -30%;
width: 80%;
height: 200%;
background: radial-gradient(circle, var(--landing-accent-tint), transparent 60%);
pointer-events: none;
opacity: 0.6;
}
.minilanding-root .minilanding-cost-block .ccost-badge {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
background: var(--block-accent);
color: var(--landing-on-accent, #fff);
border-radius: var(--landing-radius-full);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
box-shadow: var(--landing-shadow-sm);
width: fit-content;
}
.minilanding-root .minilanding-cost-block .ccost-badge::before {
content: '';
width: 14px;
height: 14px;
background-color: currentColor;
-webkit-mask-image: var(--badge-icon, var(--icon-sparkles));
mask-image: var(--badge-icon, var(--icon-sparkles));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-cost-block .ccost-title {
position: relative;
margin: 0;
color: var(--block-title);
font-size: clamp(22px, 2.4vw, 28px);
font-weight: 800;
line-height: 1.2;
letter-spacing: var(--landing-letter-spacing-title);
text-wrap: balance;
}
.minilanding-root .minilanding-cost-block .ccost-subtitle {
position: relative;
margin: 0;
color: var(--block-text);
font-size: 14px;
line-height: 1.5;
}
.minilanding-root .minilanding-cost-block .ccost-price-block {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
padding: 20px;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-lg);
}
.minilanding-root .minilanding-cost-block .ccost-old-price {
color: var(--block-subtitle);
font-size: 15px;
text-decoration: line-through;
opacity: 0.7;
}
.minilanding-root .minilanding-cost-block .ccost-price {
display: flex;
align-items: baseline;
gap: 6px;
}
.minilanding-root .minilanding-cost-block .ccost-price-value {
color: var(--block-title);
font-size: clamp(40px, 5vw, 56px);
font-weight: 800;
line-height: 1;
letter-spacing: -0.03em;
font-variant-numeric: lining-nums tabular-nums;
}
.minilanding-root .minilanding-cost-block .ccost-price-currency {
color: var(--block-accent);
font-size: clamp(22px, 2.6vw, 28px);
font-weight: 800;
}
.minilanding-root .minilanding-cost-block .ccost-price-note {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--block-text);
font-size: 13px;
font-weight: 600;
}
.minilanding-root .minilanding-cost-block .ccost-price-note::before {
content: '';
width: 14px;
height: 14px;
background-color: var(--block-accent);
-webkit-mask-image: var(--note-icon, var(--icon-info));
mask-image: var(--note-icon, var(--icon-info));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-cost-block .ccost-discount {
position: relative;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
background: var(--landing-success);
color: #fff;
border-radius: var(--landing-radius-full);
font-size: 13px;
font-weight: 700;
width: fit-content;
box-shadow: 0 4px 12px -4px rgba(5, 150, 105, 0.4);
}
.minilanding-root .minilanding-cost-block .ccost-discount::before {
content: '';
width: 14px;
height: 14px;
background-color: currentColor;
-webkit-mask-image: var(--discount-icon, var(--icon-percent));
mask-image: var(--discount-icon, var(--icon-percent));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-cost-block .ccost-button {
position: relative;
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
min-height: 56px;
padding: 16px 32px;
border: none;
border-radius: var(--landing-radius-btn);
background: var(--block-accent);
color: var(--landing-on-accent, #fff);
font-family: var(--landing-font-family);
font-size: 16px;
font-weight: 800;
cursor: pointer;
box-shadow: var(--landing-shadow-md);
transition: background-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-fast) ease;
}
.minilanding-root .minilanding-cost-block .ccost-button::after {
content: '';
width: 18px;
height: 18px;
background-color: currentColor;
-webkit-mask-image: var(--icon-arrow-right);
mask-image: var(--icon-arrow-right);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-cost-block .ccost-guarantee {
position: relative;
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
color: var(--block-subtitle);
font-size: 12px;
font-weight: 600;
text-align: center;
justify-content: center;
}
.minilanding-root .minilanding-cost-block .ccost-guarantee::before {
content: '';
width: 14px;
height: 14px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-shield);
mask-image: var(--icon-shield);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-cost-block .ccost-installments {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
padding-top: 16px;
border-top: 1px solid var(--block-border);
}
.minilanding-root .minilanding-cost-block .ccost-installment {
padding: 12px 8px;
text-align: center;
background: var(--card-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-md);
cursor: pointer;
transition: border-color var(--landing-duration-base) ease,
background-color var(--landing-duration-base) ease;
}
.minilanding-root .minilanding-cost-block .ccost-installment-value {
color: var(--block-title);
font-size: 14px;
font-weight: 800;
font-variant-numeric: lining-nums tabular-nums;
}
.minilanding-root .minilanding-cost-block .ccost-installment-label {
color: var(--block-subtitle);
font-size: 11px;
font-weight: 600;
margin-top: 2px;
}
.minilanding-root .minilanding-cost-block .ccost-right {
display: flex;
flex-direction: column;
gap: 20px;
padding: 36px 40px;
}
.minilanding-root .minilanding-cost-block .ccost-features-title {
margin: 0;
color: var(--block-title);
font-size: 20px;
font-weight: 800;
letter-spacing: -0.01em;
}
.minilanding-root .minilanding-cost-block .ccost-features-list {
display: flex;
flex-direction: column;
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
}
.minilanding-root .minilanding-cost-block .ccost-features-list li {
display: flex;
align-items: flex-start;
gap: 14px;
color: var(--block-text);
font-size: 15px;
line-height: 1.5;
}
.minilanding-root .minilanding-cost-block .ccost-features-list li::before {
content: '';
width: 22px;
height: 22px;
flex-shrink: 0;
margin-top: 1px;
background-color: var(--block-accent);
-webkit-mask-image: var(--list-icon, var(--icon-check));
mask-image: var(--list-icon, var(--icon-check));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-cost-block .ccost-features-list li > div {
display: flex;
flex-direction: column;
gap: 2px;
}
.minilanding-root .minilanding-cost-block .ccost-features-list strong {
color: var(--block-title);
font-weight: 700;
font-size: 15px;
}
.minilanding-root .minilanding-cost-block .ccost-features-list li > div > span {
color: var(--block-subtitle);
font-size: 13px;
}
.minilanding-root .minilanding-quote-block {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto 32px !important;
padding: 0 !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.minilanding-root .minilanding-quote-block .cquote-container {
width: min(100% - 48px, 1400px);
max-width: 100%;
margin: 0 auto;
}
.minilanding-root .minilanding-quote-block .cquote-card {
position: relative;
padding: clamp(48px, 7vw, 96px) clamp(40px, 6vw, 88px);
background: var(--block-bg);
border: 1px solid var(--block-border);
border-radius: var(--landing-radius-2xl);
box-shadow: var(--landing-shadow-lg);
overflow: hidden;
transition: border-color var(--landing-duration-base) ease,
box-shadow var(--landing-duration-base) ease,
transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-quote-block .cquote-marks {
position: absolute;
top: 40px;
left: 48px;
width: 140px;
height: 140px;
color: var(--block-accent);
opacity: 0.12;
pointer-events: none;
transition: opacity var(--landing-duration-base) ease;
background-color: var(--block-accent);
-webkit-mask-image: var(--icon-quote);
mask-image: var(--icon-quote);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-quote-block .cquote-mark {
width: 100%;
height: 100%;
}
.minilanding-root .minilanding-quote-block .cquote-content {
position: relative;
z-index: 1;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 40px;
max-width: 1100px;
}
.minilanding-root .minilanding-quote-block .cquote-text {
margin: 0;
color: var(--block-title);
font-family: var(--landing-font-cursive);
font-size: clamp(36px, 4.5vw, 56px);
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.01em;
text-wrap: balance;
font-style: normal;
}
.minilanding-root .minilanding-quote-block .cquote-footer {
display: flex;
align-items: center;
gap: 24px;
padding-top: 32px;
border-top: 1px solid var(--block-border);
}
.minilanding-root .minilanding-quote-block .cquote-avatar {
width: 72px;
height: 72px;
flex-shrink: 0;
border-radius: 50%;
object-fit: cover;
border: 3px solid var(--landing-accent-border);
box-shadow: var(--landing-shadow-sm);
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-quote-block .cquote-author {
display: flex;
flex-direction: column;
gap: 6px;
}
.minilanding-root .minilanding-quote-block .cquote-name {
color: var(--block-title);
font-size: 20px;
font-weight: 800;
font-style: normal;
line-height: 1.2;
}
.minilanding-root .minilanding-quote-block .cquote-role {
color: var(--block-accent);
font-size: 15px;
font-weight: 600;
}
.minilanding-root .minilanding-quote-block .cquote-source {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--block-subtitle);
font-size: 14px;
font-style: italic;
margin-top: 4px;
}
.minilanding-root .minilanding-quote-block .cquote-source::before {
content: '';
width: 15px;
height: 15px;
flex-shrink: 0;
background-color: var(--block-accent);
-webkit-mask-image: var(--source-icon, var(--icon-external-link));
mask-image: var(--source-icon, var(--icon-external-link));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.minilanding-root .minilanding-quote-block .cquote-deco {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50%;
pointer-events: none;
overflow: hidden;
}
.minilanding-root .minilanding-quote-block .cquote-deco-circle {
position: absolute;
border-radius: 50%;
background: var(--landing-gradient-accent);
opacity: 0.1;
filter: blur(60px);
}
.minilanding-root .minilanding-quote-block .cquote-deco-circle--1 {
width: 500px;
height: 500px;
top: -200px;
right: -150px;
}
.minilanding-root .minilanding-quote-block .cquote-deco-circle--2 {
width: 350px;
height: 350px;
bottom: -100px;
right: 25%;
opacity: 0.08;
}
.minilanding-root .minilanding-quote-block .cquote-deco-circle--3 {
width: 250px;
height: 250px;
top: 35%;
right: 15%;
opacity: 0.06;
}
/* ==================================================================================
BLOCK THEMING & LOCAL MODIFIERS (ИЗОЛИРОВАНЫ)
================================================================================== */
.minilanding-root .minilanding-program-block[data-accent],
.minilanding-root .minilanding-audience-block[data-accent],
.minilanding-root .minilanding-pricing-block[data-accent],
.minilanding-root .minilanding-results-block[data-accent],
.minilanding-root .minilanding-experts-block[data-accent],
.minilanding-root .minilanding-process-block[data-accent],
.minilanding-root .minilanding-reviews-block[data-accent],
.minilanding-root .minilanding-faq-block[data-accent],
.minilanding-root .minilanding-guarantee-block[data-accent],
.minilanding-root .minilanding-cta-block[data-accent],
.minilanding-root .minilanding-practices-block[data-accent],
.minilanding-root .minilanding-schedule-block[data-accent],
.minilanding-root .minilanding-retreats-block[data-accent],
.minilanding-root .minilanding-library-block[data-accent],
.minilanding-root .minilanding-science-block[data-accent],
.minilanding-root .minilanding-community-block[data-accent],
.minilanding-root .minilanding-journey-block[data-accent],
.minilanding-root .minilanding-lineage-block[data-accent],
.minilanding-root .minilanding-tools-block[data-accent],
.minilanding-root .minilanding-gift-block[data-accent],
.minilanding-root .minilanding-text-block[data-accent],
.minilanding-root .minilanding-about-practicum-block[data-accent],
.minilanding-root .minilanding-expert-block[data-accent],
.minilanding-root .minilanding-cost-block[data-accent],
.minilanding-root .minilanding-quote-block[data-accent] {
--block-accent-hover: color-mix(in srgb, var(--block-accent) 85%, black);
}
.minilanding-root [data-theme="purple"] {
--block-accent: #8b5cf6;
--block-accent-hover: #7c3aed;
--block-bg: #faf5ff;
}
.minilanding-root [data-theme="rose"] {
--block-accent: #e11d48;
--block-accent-hover: #be123c;
--block-bg: #fff1f2;
}
.minilanding-root [data-theme="amber"] {
--block-accent: #d97706;
--block-accent-hover: #b45309;
--block-bg: #fffbeb;
}
.minilanding-root [data-theme="emerald"] {
--block-accent: #059669;
--block-accent-hover: #047857;
--block-bg: #ecfdf5;
}
.minilanding-root [data-theme="indigo"] {
--block-accent: #4f46e5;
--block-accent-hover: #4338ca;
--block-bg: #eef2ff;
}
.minilanding-root [data-theme="cyan"] {
--block-accent: #0891b2;
--block-accent-hover: #0e7490;
--block-bg: #ecfeff;
}
.minilanding-root [data-theme="dark"] {
--block-accent: #60a5fa;
--block-accent-hover: #93c5fd;
--block-bg: #0b1220;
--block-title: #f1f5f9;
--block-text: #cbd5e1;
--block-subtitle: #94a3b8;
--block-border: rgba(148, 163, 184, 0.14);
--card-bg: #111a2c;
--card-bg-hover: #16223a;
--btn-text: #0b1220;
}
.minilanding-root [data-theme="gradient"] {
--block-accent: #2563eb;
--block-accent-hover: #1d4ed8;
--block-bg: linear-gradient(135deg, #2563eb 0%, #8b5cf6 100%);
--block-title: #ffffff;
--block-text: rgba(255, 255, 255, 0.9);
--block-subtitle: rgba(255, 255, 255, 0.75);
--block-border: rgba(255, 255, 255, 0.2);
--card-bg: rgba(255, 255, 255, 0.12);
--card-bg-hover: rgba(255, 255, 255, 0.18);
--btn-text: #ffffff;
--icon-bg: rgba(255, 255, 255, 0.2);
}
.minilanding-root [data-theme="soft"] {
--block-accent: #6366f1;
--block-accent-hover: #4f46e5;
--block-bg: #f8fafc;
--block-border: #e0e7ff;
--card-bg: #ffffff;
}
.minilanding-root [data-theme="fire"] {
--block-accent: #ea580c;
--block-accent-hover: #c2410c;
--block-bg: #fff7ed;
}
.minilanding-root [data-theme="meditation"] {
--block-accent: #0f766e;
--block-accent-hover: #115e59;
--block-bg: #f0fdfa;
--block-border: #ccfbf1;
--icon-bg: rgba(15, 118, 110, 0.1);
}
.minilanding-root .mod-forest {
--block-bg: #064e3b;
--block-title: #ecfdf5;
--block-text: #a7f3d0;
--block-subtitle: #6ee7b7;
--block-border: rgba(255, 255, 255, .12);
--block-border-hover: rgba(255, 255, 255, .24);
--card-bg: #065f46;
--card-bg-hover: #047857;
--block-accent: #34d399;
--block-accent-hover: #10b981;
--btn-text: #052e16;
}
.minilanding-root .mod-sunshine {
--block-bg: #fffbeb;
--block-title: #78350f;
--block-text: #92400e;
--block-subtitle: #b45309;
--block-border: #fde68a;
--card-bg: #fef3c7;
--card-bg-hover: #fde68a;
--block-accent: #b45309;
--block-accent-hover: #92400e;
}
.minilanding-root .mod-ultra-violet {
--block-bg: #2e1065;
--block-title: #ede9fe;
--block-text: #ddd6fe;
--block-subtitle: #c4b5fd;
--block-border: rgba(255, 255, 255, .14);
--block-border-hover: rgba(255, 255, 255, .26);
--card-bg: #4c1d95;
--card-bg-hover: #5b21b6;
--block-accent: #a78bfa;
--block-accent-hover: #8b5cf6;
--btn-text: #2e1065;
}
.minilanding-root .mod-cherry-soft {
--block-bg: #fef2f2;
--block-title: #7f1d1d;
--block-text: #991b1b;
--block-subtitle: #b91c1c;
--block-border: #fecaca;
--card-bg: #fee2e2;
--card-bg-hover: #fecaca;
--block-accent: #dc2626;
--block-accent-hover: #b91c1c;
}
.minilanding-root .mod-ocean-breeze {
--block-bg: #0c4a6e;
--block-title: #f0f9ff;
--block-text: #bae6fd;
--block-subtitle: #7dd3fc;
--block-border: rgba(255, 255, 255, .14);
--block-border-hover: rgba(255, 255, 255, .26);
--card-bg: #075985;
--card-bg-hover: #0369a1;
--block-accent: #38bdf8;
--block-accent-hover: #0ea5e9;
--btn-text: #082f49;
}
.minilanding-root .mod-glass {
background: var(--landing-glass-bg) !important;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid var(--landing-glass-border) !important;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}
.minilanding-root .mod-glass-dark {
background: rgba(15, 23, 42, 0.55) !important;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.16) !important;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
--block-title: #f8fafc;
--block-text: #cbd5e1;
--block-subtitle: #94a3b8;
}
/* ==================================================================================
FOOTER (ИЗОЛИРОВАН)
================================================================================== */
.minilanding-root .minilanding-footer {
border-top: 1px solid var(--landing-border);
padding: 28px 0;
}
.minilanding-root .minilanding-footer-inner {
width: min(100% - 32px, var(--minilanding-container-width));
margin-inline: auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 24px;
color: var(--landing-text-subtitle);
font-size: 13px;
}
.minilanding-root .minilanding-footer nav {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.minilanding-root .minilanding-footer a {
color: inherit;
}
.minilanding-root .minilanding-footer a:hover {
color: var(--landing-accent);
}
/* ==================================================================================
SVG ICONS & HOVER & ACTIVE (ИЗОЛИРОВАНЫ) — ВСЕ ЧЕРЕЗ mask-image
================================================================================== */
.minilanding-root .minilanding-eyebrow:hover::before {
transform: rotate(-8deg) scale(1.15);
}
.minilanding-root .minilanding-experts-block .ce-facts li:hover::before {
transform: scale(1.12);
}
.minilanding-root .minilanding-practices-block .cprac-meta span:hover::before {
transform: scale(1.15);
}
.minilanding-root .minilanding-retreats-block .cret-location:hover::before {
transform: translateY(-2px) scale(1.1);
}
.minilanding-root .minilanding-retreats-block .cret-meta span:hover::before {
transform: scale(1.1);
}
.minilanding-root .minilanding-library-block .clib-meta span:hover::before {
transform: scale(1.15);
}
.minilanding-root .minilanding-journey-block .cjour-duration:hover::before {
transform: scale(1.15);
}
.minilanding-root .minilanding-reviews-block .crev-info:hover::before {
transform: scale(1.12);
}
.minilanding-root .minilanding-reviews-block .crev-info-sep::before {
content: '';
display: inline-block;
width: 11px;
height: 11px;
flex-shrink: 0;
background-color: var(--block-subtitle);
-webkit-mask-image: var(--icon-circle);
mask-image: var(--icon-circle);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
opacity: 0.55;
}
.minilanding-root .minilanding-marquee .marquee-item {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--landing-text-title);
font-size: 18px;
font-weight: 700;
letter-spacing: -0.01em;
opacity: 0.65;
transition: opacity var(--landing-duration-base) ease,
color var(--landing-duration-base) ease;
white-space: nowrap;
}
.minilanding-root .minilanding-marquee .marquee-item::before {
content: '';
width: 24px;
height: 24px;
flex-shrink: 0;
background-color: currentColor;
-webkit-mask-image: var(--marquee-icon, var(--icon-sparkles));
mask-image: var(--marquee-icon, var(--icon-sparkles));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--landing-duration-base) var(--landing-ease-out);
}
.minilanding-root .minilanding-marquee:hover .marquee-item {
opacity: 1;
color: var(--landing-accent);
}
.minilanding-root .minilanding-marquee:hover .marquee-item::before {
transform: scale(1.1);
}
@media (hover: hover) and (pointer: fine) {
.minilanding-root .minilanding-button:hover,
.minilanding-root .minilanding-pricing-block .cpri-button:hover,
.minilanding-root .minilanding-cta-block .ccta-button:hover {
background: var(--btn-bg-hover, var(--landing-accent-hover));
transform: translateY(-1px);
box-shadow: var(--landing-shadow-md);
text-decoration: none;
}
.minilanding-root .minilanding-button:hover .btn-icon {
transform: translateX(3px);
}
.minilanding-root .minilanding-button:hover::after,
.minilanding-root .minilanding-cta-block .ccta-button:hover::after,
.minilanding-root .minilanding-cost-block .ccost-button:hover::after {
transform: translateX(3px);
}
.minilanding-root .minilanding-button--gradient:hover {
filter: brightness(1.08);
}
.minilanding-root .minilanding-button--secondary:hover {
background: var(--landing-text-tint);
border-color: var(--landing-border-hover);
text-decoration: none;
}
.minilanding-root .minilanding-button--ghost:hover,
.minilanding-root .minilanding-button--soft:hover {
background: var(--landing-accent-tint-hover);
text-decoration: none;
}
.minilanding-root .minilanding-input:hover {
border-color: var(--landing-border-hover);
}
.minilanding-root .minilanding-accordion-list details:hover {
border-color: var(--block-border-hover);
}
.minilanding-root .minilanding-audience-block .ca-card:hover,
.minilanding-root .minilanding-results-block .cr-item:hover,
.minilanding-root .minilanding-experts-block .ce-card:hover,
.minilanding-root .minilanding-process-block .cpr-card:hover,
.minilanding-root .minilanding-reviews-block .crev-card:hover,
.minilanding-root .minilanding-guarantee-block .cgu-card:hover {
background: var(--card-bg-hover);
border-color: var(--block-border-hover);
box-shadow: var(--landing-shadow-md);
transform: translateY(-2px);
}
.minilanding-root .minilanding-audience-block .ca-card:hover .minilanding-icon::before,
.minilanding-root .minilanding-process-block .cpr-card:hover::before {
transform: scale(1.06);
}
.minilanding-root .minilanding-experts-block .ce-card:hover .ce-avatar,
.minilanding-root .minilanding-guarantee-block .cgu-card:hover .cgu-icon {
transform: scale(1.05);
}
.minilanding-root .minilanding-experts-block .ce-card:hover .ce-facts li::before {
transform: scale(1.12);
}
.minilanding-root .minilanding-pricing-block .cpri-card:hover {
border-color: var(--block-accent);
box-shadow: var(--landing-shadow-md);
transform: translateY(-2px);
}
.minilanding-root .minilanding-pricing-block .cpri-card.featured:hover {
transform: translateY(-5px);
box-shadow: var(--landing-shadow-accent);
}
.minilanding-root .minilanding-pricing-block .cpri-card:not(.featured) .cpri-button:hover {
background: var(--landing-text-tint);
filter: brightness(0.97);
}
.minilanding-root .minilanding-faq-block .cfaq-item:hover {
background: var(--card-bg-hover);
border-color: var(--block-border-hover);
box-shadow: var(--landing-shadow-sm);
}
.minilanding-root .minilanding-cta-block .ccta-card:hover {
border-color: var(--block-accent);
box-shadow: var(--landing-shadow-lg);
}
.minilanding-root .minilanding-practices-block .cprac-card:hover {
background: var(--card-bg-hover);
border-color: var(--block-border-hover);
box-shadow: var(--landing-shadow-md);
transform: translateY(-3px);
}
.minilanding-root .minilanding-practices-block .cprac-card:hover::before {
transform: scaleX(1);
}
.minilanding-root .minilanding-practices-block .cprac-card:hover .cprac-icon::before {
transform: scale(1.08) rotate(-4deg);
}
.minilanding-root .minilanding-practices-block .cprac-card:hover .cprac-meta span::before {
transform: scale(1.15);
}
.minilanding-root .minilanding-schedule-block .csch-tab:hover:not(.is-active):not([aria-selected="true"]) {
border-color: var(--block-accent);
color: var(--block-accent);
}
.minilanding-root .minilanding-schedule-block .csch-item:hover {
border-color: var(--block-border-hover);
box-shadow: var(--landing-shadow-sm);
}
.minilanding-root .minilanding-schedule-block .csch-action:hover {
background: var(--block-accent);
color: var(--btn-text);
}
.minilanding-root .minilanding-retreats-block .cret-card:hover {
border-color: var(--block-accent);
box-shadow: var(--landing-shadow-md);
transform: translateY(-3px);
}
.minilanding-root .minilanding-retreats-block .cret-card:hover .cret-media img {
transform: scale(1.05);
}
.minilanding-root .minilanding-retreats-block .cret-card:hover .cret-location::before {
transform: translateY(-2px) scale(1.1);
}
.minilanding-root .minilanding-retreats-block .cret-card:hover .cret-meta span::before {
transform: scale(1.1);
}
.minilanding-root .minilanding-library-block .clib-filter:hover:not(.is-active) {
border-color: var(--block-accent);
color: var(--block-accent);
}
.minilanding-root .minilanding-library-block .clib-card:hover {
background: var(--card-bg-hover);
border-color: var(--block-border-hover);
box-shadow: var(--landing-shadow-sm);
}
.minilanding-root .minilanding-library-block .clib-card:hover .clib-meta span::before {
transform: scale(1.15);
}
.minilanding-root .minilanding-library-block .clib-play:hover {
transform: scale(1.1);
}
.minilanding-root .minilanding-community-block .ccom-mosaic img:hover {
transform: scale(1.05);
}
.minilanding-root .minilanding-journey-block .cjour-step:hover {
background: var(--card-bg-hover);
border-color: var(--block-border-hover);
box-shadow: var(--landing-shadow-sm);
}
.minilanding-root .minilanding-journey-block .cjour-step:hover .cjour-duration::before {
transform: scale(1.15);
}
.minilanding-root .minilanding-lineage-block .clin-card:hover {
background: var(--card-bg-hover);
border-color: var(--block-border-hover);
box-shadow: var(--landing-shadow-md);
transform: translateY(-3px);
}
.minilanding-root .minilanding-lineage-block .clin-card:hover .clin-photo {
transform: scale(1.05);
}
.minilanding-root .minilanding-tools-block .ctoo-card:hover {
background: var(--card-bg-hover);
border-color: var(--block-accent);
box-shadow: var(--landing-shadow-md);
transform: translateY(-3px);
}
.minilanding-root .minilanding-gift-block .cgft-amount:hover:not(.is-active):not([aria-pressed="true"]) {
border-color: var(--block-accent);
color: var(--block-accent);
}
.minilanding-root .minilanding-text-block:hover {
border-color: var(--block-border-hover);
box-shadow: var(--landing-shadow-md);
}
.minilanding-root .minilanding-text-block .ctext-list li:hover::before {
transform: scale(1.15);
}
.minilanding-root .minilanding-about-practicum-block:hover {
border-color: var(--block-border-hover);
box-shadow: var(--landing-shadow-md);
}
.minilanding-root .minilanding-about-practicum-block .cap-feature:hover {
background: var(--card-bg-hover);
border-color: var(--block-accent);
box-shadow: var(--landing-shadow-sm);
transform: translateY(-2px);
}
.minilanding-root .minilanding-about-practicum-block .cap-feature:hover .cap-feature-icon::before {
transform: scale(1.08) rotate(-4deg);
}
.minilanding-root .minilanding-expert-block:hover {
border-color: var(--block-border-hover);
box-shadow: var(--landing-shadow-md);
}
.minilanding-root .minilanding-expert-block .cexp-photo:hover {
transform: scale(1.02);
}
.minilanding-root .minilanding-cost-block:hover {
border-color: var(--block-accent-hover);
}
.minilanding-root .minilanding-cost-block .ccost-button:hover {
background: var(--block-accent-hover);
transform: translateY(-2px);
box-shadow: var(--landing-shadow-lg);
}
.minilanding-root .minilanding-cost-block .ccost-features-list li:hover::before {
transform: scale(1.15);
}
.minilanding-root .minilanding-cost-block .ccost-installment:hover {
border-color: var(--block-accent);
background: var(--card-bg-hover);
}
.minilanding-root .minilanding-quote-block .cquote-card:hover {
border-color: var(--block-accent);
box-shadow: var(--landing-shadow-lg), 0 0 0 1px var(--landing-accent-ring);
transform: translateY(-4px);
}
.minilanding-root .minilanding-quote-block .cquote-card:hover .cquote-marks {
opacity: 0.22;
}
.minilanding-root .minilanding-quote-block .cquote-card:hover .cquote-avatar {
transform: scale(1.08) rotate(-3deg);
}
.minilanding-root .minilanding-quote-block .cquote-card:hover .cquote-deco-circle {
animation: cquote-float 6s ease-in-out infinite;
}
.minilanding-root .minilanding-quote-block .cquote-card:hover .cquote-deco-circle--2 {
animation-delay: -2s;
}
.minilanding-root .minilanding-quote-block .cquote-card:hover .cquote-deco-circle--3 {
animation-delay: -4s;
}
.minilanding-root .minilanding-reviews-block .crev-card:hover .crev-info::before {
transform: scale(1.12);
}
.minilanding-root .minilanding-marquee:hover .marquee-item:nth-child(odd)::before {
animation: marquee-sway 2.4s ease-in-out infinite alternate;
}
.minilanding-root .minilanding-marquee:hover .marquee-item:nth-child(even)::before {
animation: marquee-sway 2.4s ease-in-out infinite alternate-reverse;
}
.minilanding-root .minilanding-footer a:hover {
text-decoration: underline;
}
}
@keyframes cquote-float {
0%, 100% { transform: translate(0, 0) scale(1); }
50% { transform: translate(-10px, -15px) scale(1.1); }
}
@keyframes marquee-sway {
from { transform: translateY(-2px) rotate(-3deg); }
to { transform: translateY(2px) rotate(3deg); }
}
.minilanding-root .minilanding-audience-block .ca-card:active,
.minilanding-root .minilanding-results-block .cr-item:active,
.minilanding-root .minilanding-experts-block .ce-card:active,
.minilanding-root .minilanding-process-block .cpr-card:active,
.minilanding-root .minilanding-reviews-block .crev-card:active,
.minilanding-root .minilanding-guarantee-block .cgu-card:active,
.minilanding-root .minilanding-pricing-block .cpri-card:active {
transform: scale(0.992);
}
.minilanding-root .minilanding-input:disabled,
.minilanding-root .minilanding-button:disabled,
.minilanding-root .cpri-button:disabled,
.minilanding-root .ccta-button:disabled,
.minilanding-root .ccost-button:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
/* ==================================================================================
RESPONSIVE (ИЗОЛИРОВАН)
================================================================================== */
@media (max-width: 1024px) {
.minilanding-root .minilanding-pricing-block .cpri-grid {
grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
}
.minilanding-root .minilanding-pricing-block .cpri-card.featured {
transform: none;
}
.minilanding-root .minilanding-expert-block .cexp-layout {
grid-template-columns: 320px 1fr;
gap: 32px;
}
.minilanding-root .minilanding-cost-block .ccost-card {
grid-template-columns: minmax(280px, 360px) 1fr;
}
.minilanding-root .minilanding-cost-block .ccost-left {
padding: 32px 28px;
}
.minilanding-root .minilanding-cost-block .ccost-right {
padding: 32px 32px;
}
.minilanding-root .minilanding-quote-block .cquote-container {
width: min(100% - 40px, 100%);
}
.minilanding-root .minilanding-quote-block .cquote-card {
padding: clamp(40px, 6vw, 72px) clamp(32px, 5vw, 64px);
}
.minilanding-root .minilanding-quote-block .cquote-marks {
width: 110px;
height: 110px;
top: 32px;
left: 36px;
}
}
@media (max-width: 900px) {
.minilanding-root .minilanding-pricing-block .cpri-grid {
grid-template-columns: 1fr;
}
.minilanding-root .minilanding-guarantee-block .cgu-card {
flex-direction: column;
}
.minilanding-root .minilanding-cta-block .ccta-button {
width: 100%;
max-width: 560px;
}
.minilanding-root .minilanding-science-block .csci-layout,
.minilanding-root .minilanding-community-block .ccom-layout,
.minilanding-root .minilanding-gift-block .cgft-layout,
.minilanding-root .minilanding-about-practicum-block .cap-layout,
.minilanding-root .minilanding-expert-block .cexp-layout {
grid-template-columns: 1fr;
}
.minilanding-root .minilanding-about-practicum-block .cap-sidebar {
position: static;
}
.minilanding-root .minilanding-expert-block .cexp-media {
max-width: 360px;
margin: 0 auto;
}
.minilanding-root .minilanding-expert-block .cexp-stats {
grid-template-columns: repeat(2, 1fr);
}
.minilanding-root .minilanding-cost-block .ccost-card {
grid-template-columns: 1fr;
}
.minilanding-root .minilanding-cost-block .ccost-left {
border-right: none;
border-bottom: 1px solid var(--block-border);
}
}
@media (max-width: 768px) {
.minilanding-root .minilanding-program-block,
.minilanding-root .minilanding-audience-block,
.minilanding-root .minilanding-results-block,
.minilanding-root .minilanding-experts-block,
.minilanding-root .minilanding-process-block,
.minilanding-root .minilanding-reviews-block,
.minilanding-root .minilanding-faq-block,
.minilanding-root .minilanding-guarantee-block,
.minilanding-root .minilanding-cta-block,
.minilanding-root .minilanding-practices-block,
.minilanding-root .minilanding-schedule-block,
.minilanding-root .minilanding-retreats-block,
.minilanding-root .minilanding-library-block,
.minilanding-root .minilanding-science-block,
.minilanding-root .minilanding-community-block,
.minilanding-root .minilanding-journey-block,
.minilanding-root .minilanding-lineage-block,
.minilanding-root .minilanding-tools-block,
.minilanding-root .minilanding-gift-block,
.minilanding-root .minilanding-text-block,
.minilanding-root .minilanding-about-practicum-block,
.minilanding-root .minilanding-expert-block,
.minilanding-root .minilanding-cost-block,
.minilanding-root .minilanding-quote-block {
width: min(100% - 20px, var(--minilanding-container-width));
padding: 22px;
border-radius: var(--landing-radius-xl);
margin-bottom: 24px;
}
.minilanding-root .minilanding-pricing-block {
width: min(100% - 20px, var(--minilanding-container-width));
margin-bottom: 24px;
padding-left: 0;
padding-right: 0;
}
.minilanding-root .minilanding-hero {
padding-block: clamp(48px, 10vw, 80px);
}
.minilanding-root .minilanding-accordion-list summary {
padding: 18px 20px;
}
.minilanding-root .minilanding-accordion-list .cp-content,
.minilanding-root .minilanding-accordion-list .cfaq-content {
padding: 0 20px 20px;
}
.minilanding-root .minilanding-audience-block .ca-card,
.minilanding-root .minilanding-experts-block .ce-card,
.minilanding-root .minilanding-process-block .cpr-card,
.minilanding-root .minilanding-reviews-block .crev-card,
.minilanding-root .minilanding-results-block .cr-item,
.minilanding-root .minilanding-guarantee-block .cgu-card,
.minilanding-root .minilanding-pricing-block .cpri-card {
padding: 22px;
}
.minilanding-root .minilanding-cta-block .ccta-card {
padding: 36px 22px;
border-radius: 26px;
}
.minilanding-root .minilanding-sticky-cta {
display: block;
}
.minilanding-root .minilanding-schedule-block .csch-item {
grid-template-columns: 1fr;
gap: 14px;
}
.minilanding-root .minilanding-schedule-block .csch-time {
flex-direction: row;
gap: 8px;
width: fit-content;
}
.minilanding-root .minilanding-schedule-block .csch-action {
width: 100%;
}
.minilanding-root .minilanding-community-block .ccom-counters {
grid-template-columns: 1fr;
gap: 14px;
}
.minilanding-root .minilanding-text-block .ctext-header {
margin-bottom: 28px;
padding-bottom: 24px;
}
.minilanding-root .minilanding-text-block .ctext-quote {
padding: 24px 22px;
}
.minilanding-root .minilanding-text-block .ctext-quote::after {
width: 36px;
height: 36px;
right: 16px;
}
.minilanding-root .minilanding-text-block .ctext-callout {
flex-direction: column;
gap: 10px;
}
.minilanding-root .minilanding-about-practicum-block .cap-features {
grid-template-columns: 1fr;
}
.minilanding-root .minilanding-expert-block .cexp-actions {
flex-direction: column;
}
.minilanding-root .minilanding-expert-block .cexp-actions .minilanding-button {
width: 100%;
}
.minilanding-root .minilanding-cost-block .ccost-left {
padding: 28px 24px;
gap: 16px;
}
.minilanding-root .minilanding-cost-block .ccost-right {
padding: 28px 24px;
}
.minilanding-root .minilanding-cost-block .ccost-price-block {
padding: 16px;
}
.minilanding-root .minilanding-cost-block .ccost-installments {
grid-template-columns: 1fr;
gap: 8px;
}
.minilanding-root .minilanding-cost-block .ccost-installment {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
text-align: left;
}
.minilanding-root .minilanding-cost-block .ccost-installment-label {
margin-top: 0;
}
.minilanding-root .minilanding-quote-block .cquote-container {
width: min(100% - 24px, 100%);
}
.minilanding-root .minilanding-quote-block .cquote-card {
padding: 40px 28px;
border-radius: var(--landing-radius-xl);
}
.minilanding-root .minilanding-quote-block .cquote-marks {
width: 80px;
height: 80px;
top: 20px;
left: 24px;
}
.minilanding-root .minilanding-quote-block .cquote-content {
gap: 28px;
}
.minilanding-root .minilanding-quote-block .cquote-footer {
flex-direction: column;
align-items: flex-start;
gap: 18px;
}
.minilanding-root .minilanding-quote-block .cquote-deco {
width: 70%;
}
}
@media (max-width: 640px) {
.minilanding-root .minilanding-experts-block .ce-header {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 480px) {
.minilanding-root .minilanding-hero-actions {
flex-direction: column;
align-items: stretch;
}
.minilanding-root .minilanding-hero-actions .minilanding-button {
width: 100%;
}
.minilanding-root .minilanding-countdown {
gap: 8px;
}
.minilanding-root .minilanding-countdown-unit {
min-width: 60px;
padding: 12px 8px;
}
.minilanding-root .minilanding-countdown-value {
font-size: 26px;
}
.minilanding-root .minilanding-science-block .csci-stats {
grid-template-columns: 1fr;
}
.minilanding-root .minilanding-library-block .clib-card {
flex-direction: column;
align-items: stretch;
}
.minilanding-root .minilanding-library-block .clib-cover {
width: 100%;
height: 80px;
}
.minilanding-root .minilanding-text-block .ctext-footer {
flex-direction: column;
align-items: flex-start;
}
.minilanding-root .minilanding-about-practicum-block .cap-feature {
flex-direction: column;
align-items: flex-start;
}
.minilanding-root .minilanding-expert-block .cexp-stats {
grid-template-columns: 1fr;
}
.minilanding-root .minilanding-expert-block .cexp-quote {
flex-direction: column;
gap: 10px;
}
.minilanding-root .minilanding-cost-block .ccost-left {
padding: 24px 20px;
}
.minilanding-root .minilanding-cost-block .ccost-right {
padding: 24px 20px;
}
.minilanding-root .minilanding-cost-block .ccost-price-block {
padding: 16px 14px;
}
.minilanding-root .minilanding-cost-block .ccost-discount {
font-size: 12px;
padding: 8px 12px;
width: 100%;
justify-content: center;
}
.minilanding-root .minilanding-cost-block .ccost-features-list li {
font-size: 14px;
}
.minilanding-root .minilanding-quote-block .cquote-container {
width: min(100% - 16px, 100%);
}
.minilanding-root .minilanding-quote-block .cquote-card {
padding: 36px 22px;
}
.minilanding-root .minilanding-quote-block .cquote-marks {
width: 60px;
height: 60px;
top: 16px;
left: 18px;
}
.minilanding-root .minilanding-quote-block .cquote-avatar {
width: 56px;
height: 56px;
}
.minilanding-root .minilanding-quote-block .cquote-name {
font-size: 17px;
}
.minilanding-root .minilanding-quote-block .cquote-role {
font-size: 13px;
}
}
@supports selector(:has()) {
@media (max-width: 768px) {
body:has(.minilanding-root .minilanding-sticky-cta) {
padding-bottom: calc(84px + env(safe-area-inset-bottom));
}
}
}
/* ==================================================================================
FORCED COLORS / WINDOWS HIGH CONTRAST (ИЗОЛИРОВАНЫ)
================================================================================== */
@media (forced-colors: active) {
.minilanding-root .minilanding-button,
.minilanding-root .minilanding-pricing-block .cpri-button,
.minilanding-root .minilanding-cta-block .ccta-button,
.minilanding-root .minilanding-input,
.minilanding-root .minilanding-eyebrow,
.minilanding-root .minilanding-button--secondary,
.minilanding-root .minilanding-button--ghost,
.minilanding-root .minilanding-button--soft,
.minilanding-root .minilanding-accordion-list details,
.minilanding-root .minilanding-accordion-list summary,
.minilanding-root .minilanding-audience-block .ca-card,
.minilanding-root .minilanding-results-block .cr-item,
.minilanding-root .minilanding-experts-block .ce-card,
.minilanding-root .minilanding-process-block .cpr-card,
.minilanding-root .minilanding-reviews-block .crev-card,
.minilanding-root .minilanding-pricing-block .cpri-card,
.minilanding-root .minilanding-guarantee-block .cgu-card,
.minilanding-root .minilanding-cta-block .ccta-card,
.minilanding-root .minilanding-sticky-cta,
.minilanding-root .minilanding-countdown-unit,
.minilanding-root .minilanding-video,
.minilanding-root .minilanding-compare-wrap,
.minilanding-root .minilanding-divider,
.minilanding-root .minilanding-divider--diamond,
.minilanding-root .minilanding-divider--dots,
.minilanding-root .minilanding-divider--arrow,
.minilanding-root .minilanding-divider-label {
border: 1px solid ButtonText;
box-shadow: none;
}
.minilanding-root .minilanding-button,
.minilanding-root .minilanding-pricing-block .cpri-button,
.minilanding-root .minilanding-cta-block .ccta-button {
background: ButtonFace;
color: ButtonText;
}
.minilanding-root .minilanding-button--secondary,
.minilanding-root .minilanding-button--ghost,
.minilanding-root .minilanding-button--soft,
.minilanding-root .minilanding-input,
.minilanding-root .minilanding-accordion-list details,
.minilanding-root .minilanding-audience-block .ca-card,
.minilanding-root .minilanding-results-block .cr-item,
.minilanding-root .minilanding-experts-block .ce-card,
.minilanding-root .minilanding-process-block .cpr-card,
.minilanding-root .minilanding-reviews-block .crev-card,
.minilanding-root .minilanding-pricing-block .cpri-card,
.minilanding-root .minilanding-guarantee-block .cgu-card,
.minilanding-root .minilanding-cta-block .ccta-card {
background: Canvas;
color: CanvasText;
}
.minilanding-root .minilanding-pricing-block .cpri-card.featured {
border: 2px solid ButtonText;
}
.minilanding-root a {
color: LinkText;
text-decoration: underline;
}
.minilanding-root a:focus-visible,
.minilanding-root button:focus-visible,
.minilanding-root summary:focus-visible,
.minilanding-root input:focus-visible,
.minilanding-root textarea:focus-visible,
.minilanding-root select:focus-visible {
outline: 3px solid Highlight;
outline-offset: 2px;
}
.minilanding-root .minilanding-button.is-loading {
color: ButtonText;
}
.minilanding-root .minilanding-button.is-loading::after {
border-color: ButtonText;
border-right-color: transparent;
}
.minilanding-root .minilanding-skeleton {
animation: none;
background: Canvas;
border: 1px solid ButtonText;
}
.minilanding-root .minilanding-badge,
.minilanding-root .minilanding-alert {
border: 1px solid ButtonText;
background: Canvas;
color: CanvasText;
}
.minilanding-root .minilanding-text-gradient,
.minilanding-root .minilanding-title-gradient {
background: none;
color: CanvasText;
}
}
/* ==================================================================================
REDUCED MOTION (ИЗОЛИРОВАН)
================================================================================== */
@media (prefers-reduced-motion: reduce) {
.minilanding-root *,
.minilanding-root *::before,
.minilanding-root *::after {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
.minilanding-root .minilanding-marquee {
-webkit-mask-image: none;
mask-image: none;
}
.minilanding-root .minilanding-marquee-track {
width: auto;
flex-wrap: wrap;
justify-content: center;
}
.minilanding-root .minilanding-marquee-group[aria-hidden="true"] {
display: none;
}
.minilanding-root .minilanding-heading-deco--animated::after {
animation: none !important;
}
.minilanding-root .minilanding-audience-block .ca-card:hover,
.minilanding-root .minilanding-results-block .cr-item:hover,
.minilanding-root .minilanding-experts-block .ce-card:hover,
.minilanding-root .minilanding-process-block .cpr-card:hover,
.minilanding-root .minilanding-reviews-block .crev-card:hover,
.minilanding-root .minilanding-guarantee-block .cgu-card:hover,
.minilanding-root .minilanding-pricing-block .cpri-card:hover,
.minilanding-root .minilanding-pricing-block .cpri-card.featured:hover,
.minilanding-root .minilanding-button:hover,
.minilanding-root .minilanding-cta-block .ccta-button:hover,
.minilanding-root .minilanding-experts-block .ce-card:hover .ce-avatar,
.minilanding-root .minilanding-guarantee-block .cgu-card:hover .cgu-icon {
transform: none !important;
}
.minilanding-root .minilanding-practices-block .cprac-card::before,
.minilanding-root .minilanding-practices-block .cprac-card:hover,
.minilanding-root .minilanding-practices-block .cprac-card:hover .cprac-icon,
.minilanding-root .minilanding-retreats-block .cret-card:hover .cret-media img,
.minilanding-root .minilanding-lineage-block .clin-card:hover .clin-photo,
.minilanding-root .minilanding-community-block .ccom-mosaic img:hover,
.minilanding-root .minilanding-library-block .clib-play:hover,
.minilanding-root .minilanding-tools-block .ctoo-card:hover,
.minilanding-root .minilanding-journey-block .cjour-step:hover {
transform: none !important;
}
.minilanding-root .minilanding-eyebrow:hover::before,
.minilanding-root .minilanding-experts-block .ce-card:hover .ce-facts li::before,
.minilanding-root .minilanding-practices-block .cprac-card:hover .cprac-meta span::before,
.minilanding-root .minilanding-retreats-block .cret-card:hover .cret-location::before,
.minilanding-root .minilanding-retreats-block .cret-card:hover .cret-meta span::before,
.minilanding-root .minilanding-marquee:hover .marquee-item::before,
.minilanding-root .minilanding-text-block .ctext-list li:hover::before,
.minilanding-root .minilanding-library-block .clib-card:hover .clib-meta span::before,
.minilanding-root .minilanding-journey-block .cjour-step:hover .cjour-duration::before,
.minilanding-root .minilanding-reviews-block .crev-card:hover .crev-info::before {
transform: none !important;
animation: none !important;
}
.minilanding-root .minilanding-quote-block .cquote-card:hover {
transform: none !important;
}
.minilanding-root .minilanding-quote-block .cquote-card:hover .cquote-avatar,
.minilanding-root .minilanding-quote-block .cquote-card:hover .cquote-deco-circle {
animation: none !important;
transform: none !important;
}
.minilanding-root .minilanding-expert-block .cexp-photo:hover {
transform: none !important;
}
.minilanding-root .minilanding-cost-block .ccost-button:hover,
.minilanding-root .minilanding-cost-block .ccost-features-list li:hover::before {
transform: none !important;
}
}
/* ==================================================================================
REVEAL — CSS SCROLL-DRIVEN ANIMATIONS (ИЗОЛИРОВАНЫ)
================================================================================== */
.minilanding-root .minilanding-reveal,
.minilanding-root .minilanding-reveal-stagger > * {
opacity: 1;
transform: none;
}
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.minilanding-root .minilanding-reveal {
animation: minilanding-reveal-in linear both;
animation-timeline: view();
animation-range: entry 0% entry 40%;
}
.minilanding-root .minilanding-reveal-stagger > * {
animation: minilanding-reveal-in linear both;
animation-timeline: view();
animation-range: entry 0% entry 45%;
}
.minilanding-root .minilanding-reveal-stagger > *:nth-child(2) {
animation-range: entry 5% entry 50%;
}
.minilanding-root .minilanding-reveal-stagger > *:nth-child(3) {
animation-range: entry 10% entry 55%;
}
.minilanding-root .minilanding-reveal-stagger > *:nth-child(4) {
animation-range: entry 15% entry 60%;
}
.minilanding-root .minilanding-reveal-stagger > *:nth-child(5) {
animation-range: entry 20% entry 65%;
}
.minilanding-root .minilanding-reveal-stagger > *:nth-child(6) {
animation-range: entry 25% entry 70%;
}
.minilanding-root .minilanding-reveal--left {
animation-name: minilanding-reveal-in-left;
}
}
}
@keyframes minilanding-reveal-in {
from {
opacity: 0;
translate: 0 24px;
}
to {
opacity: 1;
translate: 0 0;
}
}
@keyframes minilanding-reveal-in-left {
from {
opacity: 0;
translate: -32px 0;
}
to {
opacity: 1;
translate: 0 0;
}
}
/* ==================================================================================
THEME SWITCHER (ИЗОЛИРОВАН)
================================================================================== */
.minilanding-root .theme-switcher {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 1050;
font-family: var(--landing-font-family, system-ui, sans-serif);
}
.minilanding-root .theme-switcher__toggle {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 18px;
border: 1px solid rgba(15, 23, 42, 0.12);
border-radius: 999px;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
color: #0f172a;
font-size: 14px;
font-weight: 700;
cursor: pointer;
box-shadow: 0 8px 24px -8px rgba(15, 23, 42, 0.25);
transition: transform 180ms ease,
box-shadow 180ms ease,
background 180ms ease;
}
.minilanding-root .theme-switcher__toggle:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px -8px rgba(15, 23, 42, 0.35);
}
.minilanding-root .theme-switcher__toggle:active {
transform: scale(0.97);
}
.minilanding-root .theme-switcher.is-open .theme-switcher__toggle {
background: #0f172a;
color: #fff;
border-color: #0f172a;
}
.minilanding-root .theme-switcher__panel {
position: absolute;
right: 0;
bottom: calc(100% + 12px);
width: 320px;
max-height: 70vh;
overflow-y: auto;
padding: 18px;
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 20px;
box-shadow: 0 24px 60px -16px rgba(15, 23, 42, 0.3);
opacity: 0;
transform: translateY(10px) scale(0.96);
pointer-events: none;
transition: opacity 220ms ease,
transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
.minilanding-root .theme-switcher.is-open .theme-switcher__panel {
opacity: 1;
transform: translateY(0) scale(1);
pointer-events: auto;
}
.minilanding-root .theme-switcher__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.minilanding-root .theme-switcher__header strong {
font-size: 14px;
font-weight: 800;
color: #0f172a;
}
.minilanding-root .theme-switcher__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border: none;
border-radius: 8px;
background: transparent;
color: #64748b;
cursor: pointer;
transition: background 140ms ease, color 140ms ease;
}
.minilanding-root .theme-switcher__close:hover {
background: rgba(15, 23, 42, 0.06);
color: #0f172a;
}
.minilanding-root .theme-switcher__section {
margin-bottom: 16px;
}
.minilanding-root .theme-switcher__section-title {
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #64748b;
margin-bottom: 10px;
}
.minilanding-root .theme-switcher__group {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.minilanding-root .theme-switcher__chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 12px;
border: 1px solid rgba(15, 23, 42, 0.1);
border-radius: 999px;
background: #fff;
color: #334155;
font-size: 12px;
font-weight: 600;
cursor: pointer;
transition: all 160ms ease;
}
.minilanding-root .theme-switcher__chip:hover {
border-color: rgba(15, 23, 42, 0.25);
transform: translateY(-1px);
}
.minilanding-root .theme-switcher__chip.is-active {
background: #0f172a;
color: #fff;
border-color: #0f172a;
box-shadow: 0 4px 12px -4px rgba(15, 23, 42, 0.4);
}
.minilanding-root .theme-switcher__swatch {
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--chip-color, #cbd5e1);
border: 1px solid rgba(0, 0, 0, 0.1);
flex-shrink: 0;
}
.minilanding-root .theme-switcher__chip.is-active .theme-switcher__swatch {
border-color: rgba(255, 255, 255, 0.3);
}
.minilanding-root .theme-switcher__reset {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
width: 100%;
padding: 10px;
margin-top: 4px;
border: 1px dashed rgba(15, 23, 42, 0.15);
border-radius: 10px;
background: transparent;
color: #64748b;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 160ms ease;
}
.minilanding-root .theme-switcher__reset:hover {
background: rgba(15, 23, 42, 0.04);
color: #0f172a;
border-color: rgba(15, 23, 42, 0.3);
}