http://www.yantra-online.info/zaochno/podarok-na-novyj-god-ot-viktorii-darakovoj/praktika-dlja-glaz/ Yantra.lv Viktorija Darakova - Практика для глаз http://www.yantra-online.info/zaochno/podarok-na-novyj-god-ot-viktorii-darakovoj/praktika-dlja-glaz/params/post/4024621/praktika-dlja-glaz-6-uprazhnenij-chtoby-vosstanovit-i-sohranit-zrenie Sat, 02 Apr 2022 19:48:00 +0000 <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Практика для глаз — Йога для лица</title> <style> /* ===== FACE YOGA — EYES — LAVENDER PALETTE ===== */ /* Scope: .fl | All rules use !important for CMS override safety */ /* === PALETTE === Deep lavender : #4527A0 Rich lavender : #5E35B1 Main lavender : #7E57C2 Light lavender : #9575CD Pale lavender : #B39DDB Very pale : #EDE7F6 Lightest : #F5F0FF Bright violet : #7C4DFF Rose accent : #AD1457 → #C2185B Text dark : #1A0A33 Text mid : #3D2B6B */ .fl * { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; } .fl { font-family: 'Segoe UI', Arial, sans-serif !important; color: #1A0A33 !important; background: #FFFFFF !important; max-width: 860px !important; margin: 0 auto !important; padding: 0 !important; } /* ── HERO ── */ .fl-hero { background: linear-gradient(135deg, #4527A0 0%, #5E35B1 50%, #7E57C2 100%) !important; padding: 56px 32px 80px !important; text-align: center !important; position: relative !important; overflow: hidden !important; } .fl-hero::before { content: '' !important; position: absolute !important; top: -60px !important; right: -60px !important; width: 220px !important; height: 220px !important; background: rgba(255,255,255,0.06) !important; border-radius: 50% !important; } .fl-hero::after { content: '' !important; position: absolute !important; bottom: -40px !important; left: -5% !important; width: 110% !important; height: 80px !important; background: #FFFFFF !important; border-radius: 50% !important; } .fl-hero h1 { font-size: clamp(1.5rem, 4vw, 2.3rem) !important; font-weight: 800 !important; color: #FFFFFF !important; line-height: 1.25 !important; margin-bottom: 14px !important; } .fl-hero-sub { font-size: clamp(0.95rem, 2.5vw, 1.1rem) !important; color: rgba(255,255,255,0.88) !important; line-height: 1.6 !important; max-width: 580px !important; margin: 0 auto 28px !important; } .fl-hero-badge { display: inline-block !important; background: rgba(255,255,255,0.18) !important; border: 1px solid rgba(255,255,255,0.4) !important; border-radius: 24px !important; padding: 6px 18px !important; font-size: 0.88rem !important; color: #FFFFFF !important; margin: 4px !important; } .fl-hero-badge-rose { display: inline-block !important; background: linear-gradient(135deg, #AD1457, #C2185B) !important; border-radius: 24px !important; padding: 7px 20px !important; font-size: 0.9rem !important; font-weight: 700 !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; margin: 4px !important; } /* ── SECTIONS ── */ .fl-section { background: #FFFFFF !important; padding: 48px 28px !important; } .fl-section-light { background: #EDE7F6 !important; padding: 48px 28px !important; } .fl-section-pale { background: #F5F0FF !important; padding: 48px 28px !important; } .fl-section-dark { background: linear-gradient(135deg, #4527A0 0%, #5E35B1 100%) !important; padding: 48px 28px !important; } .fl-section-gray { background: #F0EDF8 !important; padding: 48px 28px !important; border-top: 3px solid #7C4DFF !important; } /* ── HEADINGS ── */ .fl h2 { font-size: clamp(1.3rem, 3.5vw, 1.9rem) !important; font-weight: 700 !important; color: #4527A0 !important; text-align: center !important; margin-bottom: 8px !important; line-height: 1.3 !important; } .fl-section-dark h2 { color: #FFFFFF !important; } .fl-section-gray h2 { color: #4527A0 !important; } .fl-divider { width: 64px !important; height: 4px !important; background: linear-gradient(90deg, #7E57C2, #B39DDB) !important; border-radius: 2px !important; margin: 0 auto 32px !important; } .fl-section-dark .fl-divider { background: linear-gradient(90deg, rgba(255,255,255,0.6), rgba(255,255,255,0.2)) !important; } .fl-section-gray .fl-divider { background: linear-gradient(90deg, #7C4DFF, #B39DDB) !important; } .fl-tag { display: inline-block !important; background: #EDE7F6 !important; color: #5E35B1 !important; border-radius: 20px !important; padding: 4px 16px !important; font-size: 0.82rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; margin-bottom: 14px !important; } .fl-tag-center { text-align: center !important; } .fl-section-dark .fl-tag { background: rgba(255,255,255,0.2) !important; color: #FFFFFF !important; } .fl-section-gray .fl-tag { background: #E8E0F8 !important; color: #5E35B1 !important; } .fl-lead { text-align: center !important; font-size: 1rem !important; color: #3D2B6B !important; line-height: 1.65 !important; max-width: 640px !important; margin: 0 auto 32px !important; } .fl-section-dark .fl-lead { color: rgba(255,255,255,0.88) !important; } .fl-section-gray .fl-lead { color: #3D2B6B !important; } /* ── VIDEO ── */ .fl-video-wrap { position: relative !important; padding-bottom: 56.25% !important; height: 0 !important; overflow: hidden !important; border-radius: 16px !important; box-shadow: 0 6px 28px rgba(69,39,160,0.20) !important; } .fl-video-wrap iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: none !important; border-radius: 16px !important; } /* ── CALLOUT ── */ .fl-callout { background: linear-gradient(135deg, #EDE7F6 0%, #F5F0FF 100%) !important; border-left: 5px solid #7E57C2 !important; border-radius: 0 16px 16px 0 !important; padding: 22px 26px !important; font-size: 0.97rem !important; line-height: 1.72 !important; color: #1A0A33 !important; margin-bottom: 16px !important; } .fl-callout:last-child { margin-bottom: 0 !important; } .fl-callout strong { color: #4527A0 !important; } /* ── HIGHLIGHT BOX ── */ .fl-highlight { background: #FFFFFF !important; border: 2px solid #7C4DFF !important; border-radius: 16px !important; padding: 28px 28px !important; text-align: center !important; margin-bottom: 28px !important; } .fl-highlight-title { font-size: clamp(1.2rem, 3vw, 1.6rem) !important; font-weight: 800 !important; color: #4527A0 !important; line-height: 1.3 !important; margin-bottom: 10px !important; } .fl-highlight-sub { font-size: 1rem !important; color: #3D2B6B !important; line-height: 1.6 !important; } /* ── CTA INSTRUCTION ── */ .fl-cta-text { font-size: 1rem !important; line-height: 1.65 !important; color: #3D2B6B !important; text-align: center !important; max-width: 560px !important; margin: 0 auto 28px !important; } .fl-cta-text strong { color: #4527A0 !important; } /* ── TELEGRAM BADGE ── */ .fl-tg-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #EDE7F6 !important; border: 1.5px solid #B39DDB !important; border-radius: 12px !important; padding: 10px 18px !important; font-size: 0.88rem !important; color: #3D2B6B !important; margin-bottom: 24px !important; line-height: 1.45 !important; } /* ── CTA BUTTONS ── */ .fl-cta-wrap { text-align: center !important; } .fl-btn { display: inline-block !important; background: linear-gradient(135deg, #AD1457 0%, #E91E63 100%) !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; text-decoration: none !important; font-size: clamp(1rem, 2.5vw, 1.15rem) !important; font-weight: 700 !important; padding: 16px 44px !important; border-radius: 50px !important; box-shadow: 0 6px 24px rgba(173,20,87,0.38) !important; letter-spacing: 0.02em !important; transition: transform 0.2s, box-shadow 0.2s !important; } .fl-btn:hover { transform: translateY(-2px) !important; box-shadow: 0 10px 32px rgba(173,20,87,0.52) !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } .fl-btn-lav { display: inline-block !important; background: linear-gradient(135deg, #4527A0 0%, #7C4DFF 100%) !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; text-decoration: none !important; font-size: clamp(1rem, 2.5vw, 1.15rem) !important; font-weight: 700 !important; padding: 18px 52px !important; border-radius: 50px !important; box-shadow: 0 6px 28px rgba(124,77,255,0.42) !important; letter-spacing: 0.02em !important; transition: transform 0.2s, box-shadow 0.2s !important; } .fl-btn-lav:hover { transform: translateY(-2px) !important; box-shadow: 0 10px 36px rgba(124,77,255,0.58) !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } .fl-btn-sub { display: block !important; font-size: 0.84rem !important; font-weight: 400 !important; margin-top: 10px !important; color: #5E35B1 !important; -webkit-text-fill-color: #5E35B1 !important; } .fl-section-dark .fl-btn-sub { color: rgba(255,255,255,0.78) !important; -webkit-text-fill-color: rgba(255,255,255,0.78) !important; } p { margin-bottom: 0 !important; } </style> <div class="fl"> <!-- ░░ HERO ░░ --> <div class="fl-hero"> <h1>👁️ Практика для глаз</h1> <p class="fl-hero-sub">6 упражнений, чтобы восстановить и сохранить зрение</p> <span class="fl-hero-badge-rose">🌸 Йога для лица</span> <span class="fl-hero-badge">👁️ Зрение</span> <span class="fl-hero-badge">🧘 Виктория Даракова</span> </div> <!-- ░░ ВИДЕО ░░ --> <div class="fl-section"> <div class="fl-tag-center"><span class="fl-tag">Видео-урок</span></div> <h2>Смотрите урок</h2> <div class="fl-divider"></div> <div class="fl-video-wrap"> <iframe class="moze-iframe" src="https://www.youtube.com/embed/0YDD1c7q8Qo" height="0px" width="0px" allowfullscreen="allowfullscreen"></iframe> </div> </div> <!-- ░░ ВЫБОР УПРАЖНЕНИЯ ░░ --> <div class="fl-section-light"> <div class="fl-tag-center"><span class="fl-tag">Специально для вас</span></div> <h2>Как из сотни упражнений для лица выбрать подходящее?</h2> <div class="fl-divider"></div> <div class="fl-callout"> Подобрала для вас <b>топовые упражнения для каждой проблемы лица и возраста</b> — чтобы вы не тратили время на поиск и сразу получили именно то, что нужно вам. </div> </div> <!-- ░░ ТЕЛЕГРАМ CTA ░░ --> <div class="fl-section-gray"> <div class="fl-tag-center"><span class="fl-tag">Получите сейчас</span></div> <h2>📲 Ваше упражнение — уже в Телеграме</h2> <div class="fl-divider"></div> <p class="fl-cta-text"> Зайдите в Телеграм и нажмите кнопку <b>[Начать]</b>, ответьте на вопросы и <b>получите уже СЕЙЧАС своё самое актуальное упражнение</b> </p> <div class="fl-cta-wrap"> <a class="fl-btn-lav" href="https://t.me/yantraonlinebot?start=ZGw6NjExNw" target="_blank">✈️ Забрать в Телеграме</a> <span class="fl-btn-sub">Бесплатно · Подбор за 1 минуту</span> </div> </div> </div>