/* ===== Liquid Glass Base ===== */ :root{ --glass-bg: rgba(255,255,255,0.16); /* светлое стекло */ --glass-border: rgba(255,255,255,0.28); --glass-shadow: 0 8px 30px rgba(0,0,0,0.15); --glass-blur: 18px; --ink: #111; /* основной текст */ --muted: rgba(17,17,17,0.7); --accent: #FF3B3B; /* CTA */ --accent-ink: #fff; } /* базовый класс «стекла» */ .glass { position: relative; background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: 20px; box-shadow: var(--glass-shadow); backdrop-filter: blur(var(--glass-blur)) saturate(160%); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(160%); } /* блик/рефракция */ .glass::before{ content:""; position:absolute; inset:0; border-radius: inherit; background: linear-gradient( to bottom right, rgba(255,255,255,0.35), rgba(255,255,255,0.02) ); pointer-events:none; } /* «толщина» стекла */ .glass::after{ content:""; position:absolute; inset:0; border-radius: inherit; box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -1px 0 rgba(0,0,0,0.12); pointer-events:none; } /* кнопка */ .btn-accent{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:16px 22px; background: var(--accent); color: var(--accent-ink); border-radius: 12px; font: 600 18px/1.2 "Roboto", system-ui, -apple-system, sans-serif; box-shadow: 0 6px 18px rgba(255,59,59,0.28); transition: transform .12s ease, box-shadow .12s ease, opacity .2s ease; } .btn-accent:hover{ transform: translateY(-1px); box-shadow: 0 8px 24px rgba(255,59,59,0.38); } .btn-accent:active{ transform: translateY(0); } /* типографика блоков */ .h1{ font: 700 56px/1.05 "Roboto", system-ui, sans-serif; color: var(--ink); letter-spacing:-0.02em; } .h2{ font: 700 36px/1.1 "Roboto", system-ui, sans-serif; color: var(--ink); } .p { font: 400 18px/1.6 "Roboto", system-ui, sans-serif; color: var(--muted); } /* карточки результата */ .result-card{ padding:22px; border-radius:16px; } .result-kpi{ font:700 28px/1.15 "Roboto", system-ui, sans-serif; color: var(--ink); } .result-note{ font:400 16px/1.5 "Roboto", system-ui, sans-serif; color: var(--muted); } /* адаптивы */ @media (max-width: 1140px){ .h1{ font-size:44px; } .h2{ font-size:30px; } } @media (max-width: 640px){ .h1{ font-size:34px; } .h2{ font-size:24px; } .p { font-size:16px; line-height:1.6; } } /* Fallback для Firefox (если blur отключён) */ @supports not (backdrop-filter: blur(1px)){ .glass{ background: rgba(255,255,255,0.28); } /* чуть плотнее без blur */ }
БЛОГОМАТИКА
Курс, где ты наконец начнешь вести блог с кайфом и продажами.
Мой подход — это практическая математика блоггинга:
от объективного анализа целевой аудитории до прогнозирования роста подписчиков и заявок.
А не случайные действия “авось рилс залетит”
Почему Блогоматика?
Больше никакого хаоса.

Твой блог превратиться из набора хаотичных действий в мощную систему из маркетинга, контента и прогнозируемых заявок.

Больше не надо гадать, что выложить, как продать и зачем ты вообще ведешь блог. Теперь у тебя будет четкая система — и результат предсказуемый, как таблица в Excel.

Хаотичные посты, случайные рилсы, вечные «что писать завтра?» — забудь.

Я превращаю блог в систему, где каждое действие ведет к росту: контент → доверие → заявки.
Всё работает по формуле, которую ты сможешь повторить снова и снова.

Система вместо хаоса
— Ведёшь блог хаотично, выкладываешь «по вдохновению»
— Никакой системы → охваты скачут, заявок нет
— Сотни идей, но нет результата
— Чувствуешь, что блог съедает всю энергию
Сейчас
— Чёткая система: контент → доверие → заявки
— Блог растёт и приносит клиентов
— Контент создаётся легко и регулярно
— Ты кайфуешь от процесса и видишь деньги на счету
После (результат)
Попасть в блогоматику
Made on
Tilda