{"id":7194,"date":"2026-05-12T08:20:03","date_gmt":"2026-05-12T08:20:03","guid":{"rendered":"https:\/\/arcolvasas.hu\/?page_id=7194"},"modified":"2026-06-19T12:32:19","modified_gmt":"2026-06-19T12:32:19","slug":"webinar-feliratkozo-2026-07-14","status":"publish","type":"page","link":"https:\/\/arcolvasas.hu\/index.php\/webinar-feliratkozo-2026-07-14\/","title":{"rendered":"Webin\u00e1r feliratkoz\u00f3 2026.07.14"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7194\" class=\"elementor elementor-7194\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-945455c e-con-full e-flex e-con e-parent\" data-id=\"945455c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1bc7f7 elementor-widget elementor-widget-html\" data-id=\"a1bc7f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     TALKING FACE \u2013 ELEMENTOR STICKY BAR\r\n     Jav\u00edtott verzi\u00f3: nincs alatta feh\u00e9r spacer \/ beragadt r\u00e9sz\r\n     HTML + CSS + JS\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,700&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   TALKING FACE \u2013 STICKY BAR\r\n   Elementor-kompatibilis, feh\u00e9r als\u00f3 r\u00e9sz n\u00e9lk\u00fcl\r\n   scope: #tfpStickyBar\r\n   ============================================================ *\/\r\n\r\n#tfpStickyBar,\r\n#tfpStickyBar *,\r\n#tfpStickyBar *::before,\r\n#tfpStickyBar *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#tfpStickyBar * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#tfpStickyBar {\r\n  --c-navy: #070F30;\r\n  --c-gold: #DB9348;\r\n  --c-gold-hv: #c07830;\r\n  --c-gold-lt: #F4DDC2;\r\n  --c-gray: #EDEDED;\r\n  --c-white: #FFFFFF;\r\n  --r-s: 8px;\r\n\r\n  position: fixed !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  right: 0 !important;\r\n  bottom: auto !important;\r\n\r\n  z-index: 2147483647 !important;\r\n\r\n  width: 100% !important;\r\n  height: auto !important;\r\n  min-height: 0 !important;\r\n\r\n  background: rgba(7, 15, 48, .97) !important;\r\n  -webkit-backdrop-filter: blur(14px);\r\n  backdrop-filter: blur(14px);\r\n  border-bottom: 1px solid rgba(219, 147, 72, .24);\r\n\r\n  padding-top: 13px !important;\r\n  padding-bottom: 13px !important;\r\n\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  font-size: 18.5px;\r\n  line-height: 1.68;\r\n  color: var(--c-white);\r\n\r\n  display: block !important;\r\n  visibility: visible !important;\r\n  opacity: 1 !important;\r\n  transform: none !important;\r\n  pointer-events: auto !important;\r\n  overflow: visible !important;\r\n}\r\n\r\n#tfpStickyBar a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n#tfpStickyBar img {\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n\/* Eredeti .wrap logika *\/\r\n#tfpStickyBar .wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(20px, 5vw, 56px);\r\n}\r\n\r\n\/* Eredeti sticky-in *\/\r\n#tfpStickyBar .sticky-in {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n  flex-wrap: nowrap;\r\n}\r\n\r\n\/* Brand *\/\r\n#tfpStickyBar .sticky-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  min-width: 0;\r\n}\r\n\r\n#tfpStickyBar .sticky-brand img {\r\n  width: 36px;\r\n  height: 36px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n#tfpStickyBar .sticky-name {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .84rem;\r\n  font-weight: 700;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gold);\r\n  white-space: nowrap;\r\n}\r\n\r\n#tfpStickyBar .sticky-date {\r\n  font-size: .84rem;\r\n  line-height: 1.38;\r\n  letter-spacing: .004em;\r\n  color: var(--c-gray);\r\n  opacity: .84;\r\n}\r\n\r\n\/* Button *\/\r\n#tfpStickyBar .btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n\r\n  min-height: 46px;\r\n  padding: 12px 26px;\r\n\r\n  border-radius: var(--r-s);\r\n  border: 0;\r\n\r\n  background: var(--c-gold);\r\n  color: var(--c-white);\r\n\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: .92rem;\r\n  line-height: 1.18;\r\n  letter-spacing: .006em;\r\n  text-align: center;\r\n\r\n  cursor: pointer;\r\n  transition: background .22s ease, color .22s ease;\r\n\r\n  flex: 0 0 auto;\r\n  white-space: nowrap;\r\n}\r\n\r\n#tfpStickyBar .btn:hover {\r\n  background: var(--c-gold-hv);\r\n  color: var(--c-white);\r\n}\r\n\r\n#tfpStickyBar .btn:active {\r\n  background: #b06828;\r\n}\r\n\r\n#tfpStickyBar .btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n\/* Focus *\/\r\n#tfpStickyBar a:focus-visible,\r\n#tfpStickyBar button:focus-visible {\r\n  outline: 3px solid var(--c-gold-lt);\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* Elementor \/ Theme ellen\u00e1ll\u00f3 jav\u00edt\u00e1s:\r\n   ne legyen a sticky bar ut\u00e1n automatikus feh\u00e9r t\u00e9r *\/\r\n#tfpStickyBar + div,\r\n#tfpStickyBar + section {\r\n  margin-top: 0 !important;\r\n}\r\n\r\n\/* Mobil *\/\r\n@media (max-width: 560px) {\r\n  #tfpStickyBar {\r\n    padding-top: 9px !important;\r\n    padding-bottom: 9px !important;\r\n    font-size: 17.5px;\r\n    line-height: 1.64;\r\n  }\r\n\r\n  #tfpStickyBar .wrap {\r\n    padding-inline: 16px;\r\n  }\r\n\r\n  #tfpStickyBar .sticky-in {\r\n    gap: 10px;\r\n  }\r\n\r\n  #tfpStickyBar .sticky-brand img {\r\n    width: 30px;\r\n    height: 30px;\r\n  }\r\n\r\n  #tfpStickyBar .sticky-date {\r\n    display: none;\r\n  }\r\n\r\n  #tfpStickyBar .sticky-name {\r\n    max-width: 46vw;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    font-size: .82rem;\r\n  }\r\n\r\n  #tfpStickyBar .btn {\r\n    min-height: 38px;\r\n    padding: 10px 15px;\r\n    font-size: .88rem;\r\n  }\r\n\r\n  #tfpStickyBar .btn svg {\r\n    display: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div id=\"tfpStickyBar\">\r\n  <div class=\"wrap sticky-in\">\r\n\r\n    <div class=\"sticky-brand\">\r\n      <img\r\n        src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/01\/talking_face_logo_gold-01-768x768-1.png\"\r\n        alt=\"Talking Face\"\r\n        loading=\"eager\"\r\n        decoding=\"async\"\r\n      >\r\n\r\n      <div>\r\n        <div class=\"sticky-name\">Talking Face<\/div>\r\n        <div class=\"sticky-date\">2026. j\u00falius 14. \u00b7 18:30<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <a href=\"#tfJelentkezes\" class=\"btn\" aria-label=\"Jelentkezem az ingyenes Talking Face webin\u00e1rra\">\r\n      Jelentkezem\r\n      <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <path d=\"M5 12h14M13 5l7 7-7 7\"><\/path>\r\n      <\/svg>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var bar = document.getElementById('tfpStickyBar');\r\n  if (!bar) return;\r\n\r\n  var reduceMotion = window.matchMedia &&\r\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  bar.addEventListener('click', function (e) {\r\n    var link = e.target.closest('a[href^=\"#\"]');\r\n    if (!link) return;\r\n\r\n    var selector = link.getAttribute('href');\r\n    var target = selector ? document.querySelector(selector) : null;\r\n\r\n    if (!target) return;\r\n\r\n    e.preventDefault();\r\n\r\n    var offset = bar.offsetHeight || 0;\r\n\r\n    window.scrollTo({\r\n      top: Math.max(0, target.getBoundingClientRect().top + window.pageYOffset - offset - 14),\r\n      behavior: reduceMotion ? 'auto' : 'smooth'\r\n    });\r\n\r\n    if (history.pushState) {\r\n      history.pushState(null, '', selector);\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce1ae67 e-con-full e-flex e-con e-parent\" data-id=\"ce1ae67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f03261 elementor-widget elementor-widget-html\" data-id=\"4f03261\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     TALKING FACE \u2013 BLOKK 02: HERO\r\n     Teljes \u00f6n\u00e1ll\u00f3 k\u00f3d: HTML + CSS + JS\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,700&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   TALKING FACE \u2013 HERO BLOKK\r\n   scope: .tfp\r\n   ============================================================ *\/\r\n\r\n.tfp,\r\n.tfp *,\r\n.tfp *::before,\r\n.tfp *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tfp * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.tfp {\r\n  --c-navy: #070F30;\r\n  --c-navy-2: #121B42;\r\n  --c-navy70: #343B5B;\r\n  --c-navy50: #5F6681;\r\n  --c-navy35: #737A96;\r\n  --c-gold: #DB9348;\r\n  --c-gold-hv: #c07830;\r\n  --c-gold-lt: #F4DDC2;\r\n  --c-gray: #EDEDED;\r\n  --c-bg: #F7F7F8;\r\n  --c-white: #FFFFFF;\r\n\r\n  --shadow-s: 0 2px 12px rgba(7, 15, 48, .08);\r\n  --shadow-m: 0 10px 30px rgba(7, 15, 48, .13);\r\n  --shadow-l: 0 22px 60px rgba(7, 15, 48, .18);\r\n\r\n  --r-s: 8px;\r\n  --r-m: 14px;\r\n  --r-l: 22px;\r\n\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  font-size: 18.5px;\r\n  line-height: 1.68;\r\n  color: var(--c-navy);\r\n  background: var(--c-white);\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n  overflow-x: clip;\r\n  width: 100%;\r\n  isolation: isolate;\r\n}\r\n\r\n.tfp img {\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n.tfp a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.tfp p {\r\n  max-width: 70ch;\r\n  font-size: 1rem;\r\n  line-height: 1.72;\r\n  letter-spacing: .004em;\r\n  overflow-wrap: break-word;\r\n  hyphens: auto;\r\n}\r\n\r\n.tfp h1,\r\n.tfp h2,\r\n.tfp h3,\r\n.tfp h4 {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  line-height: 1.12;\r\n  letter-spacing: -.032em;\r\n  color: var(--c-navy);\r\n  text-wrap: balance;\r\n  overflow-wrap: break-word;\r\n  hyphens: manual;\r\n}\r\n\r\n.tfp h1 {\r\n  letter-spacing: -.04em;\r\n}\r\n\r\n.tfp a:focus-visible,\r\n.tfp button:focus-visible,\r\n.tfp input:focus-visible,\r\n.tfp select:focus-visible,\r\n.tfp textarea:focus-visible {\r\n  outline: 3px solid var(--c-gold-lt);\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* \u2500\u2500 Layout helpers \u2500\u2500 *\/\r\n\r\n.tfp .wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(20px, 5vw, 56px);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   BUTTONS\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.tfp .btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-height: 52px;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: 1.04rem;\r\n  letter-spacing: .006em;\r\n  padding: 18px 36px;\r\n  border-radius: var(--r-s);\r\n  border: 0;\r\n  cursor: pointer;\r\n  line-height: 1.18;\r\n  text-align: center;\r\n  transition: background .22s ease, color .22s ease;\r\n  overflow-wrap: normal;\r\n  hyphens: manual;\r\n}\r\n\r\n.tfp .btn-gold {\r\n  background: var(--c-gold);\r\n  color: var(--c-white);\r\n}\r\n\r\n.tfp .btn-gold:hover {\r\n  background: var(--c-gold-hv);\r\n  color: var(--c-white);\r\n}\r\n\r\n.tfp .btn-gold:active {\r\n  background: #b06828;\r\n}\r\n\r\n.tfp .btn-lg {\r\n  padding: 21px 48px;\r\n  font-size: 1.1rem;\r\n}\r\n\r\n.tfp .btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   HERO\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.tfp .hero {\r\n  background: var(--c-navy);\r\n  color: var(--c-white);\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: auto;\r\n}\r\n\r\n.tfp .hero-blob {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  filter: blur(90px);\r\n  opacity: .95;\r\n}\r\n\r\n.tfp .hero-blob-1 {\r\n  width: 560px;\r\n  height: 560px;\r\n  top: -150px;\r\n  left: -150px;\r\n  background: radial-gradient(circle, rgba(7, 15, 48, .8) 0%, transparent 70%);\r\n}\r\n\r\n.tfp .hero-blob-2 {\r\n  width: 420px;\r\n  height: 420px;\r\n  bottom: -80px;\r\n  left: 35%;\r\n  background: radial-gradient(circle, rgba(219, 147, 72, .2) 0%, transparent 70%);\r\n}\r\n\r\n.tfp .hero .wrap.hero-grid {\r\n  max-width: 1240px;\r\n}\r\n\r\n.tfp .hero-grid {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);\r\n  gap: clamp(34px, 5vw, 76px);\r\n  align-items: center;\r\n  padding-block: clamp(86px, 8vw, 122px) clamp(58px, 7vw, 92px);\r\n}\r\n\r\n.tfp .hero-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 0;\r\n  max-width: 650px;\r\n  align-items: flex-start;\r\n}\r\n\r\n.tfp .hero-logo {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 18px;\r\n  margin-bottom: clamp(28px, 3vw, 40px);\r\n  animation: tfpFadeDown .8s ease-out both;\r\n}\r\n\r\n.tfp .hero-logo img {\r\n  width: 86px;\r\n  height: 86px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.tfp .hero-logo-text {\r\n  line-height: 1.38;\r\n}\r\n\r\n.tfp .hero-logo-name {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: 1.06rem;\r\n  font-weight: 700;\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gold);\r\n  display: block;\r\n}\r\n\r\n.tfp .hero-logo-sub {\r\n  font-size: 1.06rem;\r\n  line-height: 1.42;\r\n  letter-spacing: .002em;\r\n  color: var(--c-gray);\r\n  opacity: .78;\r\n}\r\n\r\n.tfp .hero-byline {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  width: fit-content;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .82rem;\r\n  font-weight: 300;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gray);\r\n  opacity: .9;\r\n  margin-bottom: 20px;\r\n  animation: tfpFadeIn 1s ease-out .2s both;\r\n}\r\n\r\n.tfp .hero-byline::before,\r\n.tfp .hero-byline::after {\r\n  content: '';\r\n  width: 40px;\r\n  height: 1px;\r\n  background: var(--c-gold);\r\n}\r\n\r\n.tfp .hero h1 {\r\n  color: var(--c-white);\r\n  max-width: 12.6em;\r\n  font-size: clamp(2.45rem, 4.65vw, 4.25rem);\r\n  font-weight: 900;\r\n  line-height: 1.08;\r\n  letter-spacing: -.035em;\r\n  word-spacing: .035em;\r\n  text-wrap: balance;\r\n  margin-bottom: 24px;\r\n  animation: tfpFadeUp 1s ease-out .35s both;\r\n}\r\n\r\n.tfp .hero h1 em {\r\n  color: var(--c-gold);\r\n  font-style: italic;\r\n  font-weight: 700;\r\n  display: inline;\r\n  white-space: normal;\r\n}\r\n\r\n.tfp .hero-sub {\r\n  max-width: 42rem;\r\n  font-size: clamp(1.15rem, 1.55vw, 1.42rem);\r\n  line-height: 1.55;\r\n  letter-spacing: .003em;\r\n  color: var(--c-gray);\r\n  opacity: .96;\r\n  margin-bottom: 34px;\r\n  animation: tfpFadeUp 1s ease-out .45s both;\r\n}\r\n\r\n.tfp .date-strip {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  width: 100%;\r\n  max-width: 610px;\r\n  border: 1px solid rgba(219, 147, 72, .38);\r\n  border-radius: var(--r-m);\r\n  overflow: hidden;\r\n  margin-bottom: 34px;\r\n  background: rgba(255, 255, 255, .065);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  backdrop-filter: blur(8px);\r\n  animation: tfpFadeUp 1s ease-out .55s both;\r\n}\r\n\r\n.tfp .date-cell {\r\n  padding: 17px 18px;\r\n  border-right: 1px solid rgba(219, 147, 72, .24);\r\n  min-width: 0;\r\n}\r\n\r\n.tfp .date-cell:last-child {\r\n  border-right: 0;\r\n}\r\n\r\n.tfp .date-label {\r\n  display: block;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .72rem;\r\n  font-weight: 700;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gold);\r\n  margin-bottom: 5px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.tfp .date-val {\r\n  display: block;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: 1rem;\r\n  color: var(--c-white);\r\n  line-height: 1.32;\r\n  letter-spacing: -.008em;\r\n  white-space: nowrap;\r\n}\r\n\r\n.tfp .hero-cta {\r\n  animation: tfpFadeUp 1s ease-out .65s both;\r\n}\r\n\r\n.tfp .hero-micro {\r\n  margin-top: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: .96rem;\r\n  line-height: 1.52;\r\n  color: var(--c-gray);\r\n  opacity: .78;\r\n}\r\n\r\n.tfp .hero-micro svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  color: var(--c-gold);\r\n  flex: 0 0 auto;\r\n}\r\n\r\n\/* Jobb oldali k\u00e9p *\/\r\n\r\n.tfp .hero-img-col {\r\n  align-self: stretch;\r\n  display: flex;\r\n  position: relative;\r\n  padding-top: 0;\r\n  min-height: clamp(520px, 48vw, 660px);\r\n  align-items: center;\r\n}\r\n\r\n.tfp .hero-img-frame {\r\n  width: 100%;\r\n  height: min(660px, 52vw);\r\n  min-height: 520px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: var(--r-l);\r\n  box-shadow: 0 24px 70px rgba(0, 0, 0, .22);\r\n}\r\n\r\n.tfp .hero-img-frame::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    to right,\r\n    rgba(7, 15, 48, .42) 0%,\r\n    rgba(7, 15, 48, .08) 42%,\r\n    transparent 72%\r\n  );\r\n  pointer-events: none;\r\n}\r\n\r\n.tfp .hero-img-frame img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: 82% center;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   JS ENHANCEMENTS\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.tfp .sf {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n.tfp.js .sf {\r\n  opacity: 0;\r\n  transform: translateY(26px);\r\n  transition: opacity .7s ease-out, transform .7s ease-out;\r\n}\r\n\r\n.tfp.js .sf.in {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   KEYFRAMES\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n@keyframes tfpFadeIn {\r\n  from { opacity: 0; }\r\n  to { opacity: 1; }\r\n}\r\n\r\n@keyframes tfpFadeUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes tfpFadeDown {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-16px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   RESPONSIVE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n@media (max-width: 1100px) {\r\n  .tfp .hero-grid {\r\n    grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr);\r\n    gap: 34px;\r\n  }\r\n\r\n  .tfp .hero h1 {\r\n    font-size: clamp(2.28rem, 4.6vw, 3.35rem);\r\n    max-width: 11.8em;\r\n  }\r\n\r\n  .tfp .hero-img-col {\r\n    min-height: clamp(430px, 46vw, 560px);\r\n  }\r\n\r\n  .tfp .hero-img-frame {\r\n    height: clamp(430px, 48vw, 560px);\r\n    min-height: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .tfp .hero-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 42px;\r\n    padding-block: 86px 0;\r\n  }\r\n\r\n  .tfp .hero-text {\r\n    max-width: 760px;\r\n    margin-inline: auto;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .tfp .hero h1 {\r\n    max-width: 13.2em;\r\n    font-size: clamp(2.35rem, 7vw, 3.65rem);\r\n    line-height: 1.1;\r\n    letter-spacing: -.032em;\r\n  }\r\n\r\n  .tfp .hero-sub {\r\n    max-width: 44rem;\r\n    margin-inline: auto;\r\n  }\r\n\r\n  .tfp .date-strip {\r\n    max-width: 680px;\r\n    margin-inline: auto;\r\n  }\r\n\r\n  .tfp .hero-micro {\r\n    justify-content: center;\r\n  }\r\n\r\n  .tfp .hero-img-col {\r\n    width: calc(100% + (2 * clamp(20px, 5vw, 56px)));\r\n    margin-inline: calc(-1 * clamp(20px, 5vw, 56px));\r\n    min-height: 0;\r\n    height: clamp(340px, 54vw, 520px);\r\n  }\r\n\r\n  .tfp .hero-img-frame {\r\n    height: 100%;\r\n    min-height: 0;\r\n    border-radius: 0;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .tfp .hero-img-frame::after {\r\n    background: linear-gradient(\r\n      to bottom,\r\n      rgba(7, 15, 48, .08) 0%,\r\n      rgba(7, 15, 48, .55) 100%\r\n    );\r\n  }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n  .tfp {\r\n    font-size: 18px;\r\n    line-height: 1.66;\r\n  }\r\n\r\n  .tfp p {\r\n    line-height: 1.68;\r\n  }\r\n\r\n  .tfp .hero-grid {\r\n    padding-block: 78px 0;\r\n    gap: 34px;\r\n  }\r\n\r\n  .tfp .hero h1 {\r\n    font-size: clamp(2.08rem, 8.2vw, 3rem);\r\n    line-height: 1.12;\r\n    letter-spacing: -.026em;\r\n    max-width: 12.8em;\r\n  }\r\n\r\n  .tfp .hero-sub {\r\n    font-size: 1.12rem;\r\n  }\r\n\r\n  .tfp .date-strip {\r\n    grid-template-columns: 1fr;\r\n    max-width: 520px;\r\n  }\r\n\r\n  .tfp .date-cell {\r\n    padding: 15px 16px;\r\n    border-right: 0;\r\n    border-bottom: 1px solid rgba(219, 147, 72, .24);\r\n  }\r\n\r\n  .tfp .date-cell:last-child {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .tfp .btn-lg {\r\n    padding: 19px 32px;\r\n    font-size: 1.04rem;\r\n  }\r\n\r\n  .tfp .btn {\r\n    padding: 17px 28px;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .tfp {\r\n    font-size: 17.5px;\r\n    line-height: 1.64;\r\n  }\r\n\r\n  .tfp .wrap {\r\n    padding-inline: 16px;\r\n  }\r\n\r\n  .tfp p {\r\n    line-height: 1.64;\r\n    letter-spacing: .002em;\r\n  }\r\n\r\n  .tfp .hero-grid {\r\n    padding-block: 72px 0;\r\n    gap: 30px;\r\n  }\r\n\r\n  .tfp .hero-logo {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .tfp .hero-logo img {\r\n    width: 68px;\r\n    height: 68px;\r\n  }\r\n\r\n  .tfp .hero-logo-text {\r\n    text-align: center;\r\n  }\r\n\r\n  .tfp .hero-logo-name,\r\n  .tfp .hero-logo-sub {\r\n    font-size: .98rem;\r\n  }\r\n\r\n  .tfp .hero-byline {\r\n    max-width: 100%;\r\n    line-height: 1.4;\r\n    white-space: normal;\r\n    font-size: .76rem;\r\n    letter-spacing: .11em;\r\n    gap: 10px;\r\n  }\r\n\r\n  .tfp .hero-byline::before,\r\n  .tfp .hero-byline::after {\r\n    width: 18px;\r\n  }\r\n\r\n  .tfp .hero h1 {\r\n    font-size: clamp(2rem, 10vw, 2.72rem);\r\n    line-height: 1.14;\r\n    letter-spacing: -.018em;\r\n    max-width: 10.8em;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .tfp .hero-sub {\r\n    font-size: 1.08rem;\r\n    line-height: 1.56;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .tfp .date-strip {\r\n    width: 100%;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .tfp .date-val {\r\n    white-space: normal;\r\n  }\r\n\r\n  .tfp .btn,\r\n  .tfp .cal-btn {\r\n    width: 100%;\r\n    white-space: normal;\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .tfp .hero-micro {\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .tfp .hero-img-col {\r\n    height: clamp(260px, 72vw, 360px);\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .tfp *,\r\n  .tfp *::before,\r\n  .tfp *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"tfp\" data-tfp>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       HERO\r\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"hero\">\r\n    <div class=\"hero-blob hero-blob-1\"><\/div>\r\n    <div class=\"hero-blob hero-blob-2\"><\/div>\r\n\r\n    <div class=\"wrap hero-grid\">\r\n\r\n      <!-- Bal: sz\u00f6veg -->\r\n      <div class=\"hero-text\">\r\n        <div class=\"hero-logo\">\r\n          <img\r\n            src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/01\/talking_face_logo_gold-01-768x768-1.png\"\r\n            alt=\"Talking Face Logo\"\r\n            loading=\"eager\"\r\n            decoding=\"async\"\r\n          >\r\n          <div class=\"hero-logo-text\">\r\n            <span class=\"hero-logo-name\">Talking Face<\/span>\r\n            <span class=\"hero-logo-sub\">Stampf Kriszta arcolvas\u00f3 \u00e9s tan\u00e1r<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hero-byline\">Ingyenes online webin\u00e1r<\/div>\r\n\r\n        <h1>K\u00e9pes vagyok megfelel\u0151 <em>d\u00f6nt\u00e9seket<\/em> hozni?<\/h1>\r\n        <p class=\"hero-sub\">N\u00e9zz\u00fck meg, mit mutat r\u00f3lad az arcod objekt\u00edven.<\/p>\r\n\r\n        <div class=\"date-strip\" aria-label=\"A webin\u00e1r id\u0151pontja \u00e9s form\u00e1ja\">\r\n          <div class=\"date-cell\">\r\n            <span class=\"date-label\">D\u00e1tum<\/span>\r\n            <span class=\"date-val\">2026. j\u00falius 14.<\/span>\r\n          <\/div>\r\n          <div class=\"date-cell\">\r\n            <span class=\"date-label\">Id\u0151pont<\/span>\r\n            <span class=\"date-val\">18:30 \u2013 20:00<\/span>\r\n          <\/div>\r\n          <div class=\"date-cell\">\r\n            <span class=\"date-label\">Forma<\/span>\r\n            <span class=\"date-val\">Online \u00c9L\u0150 ad\u00e1s<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hero-cta\">\r\n          <a href=\"#tfJelentkezes\" class=\"btn btn-gold btn-lg\">\r\n            Jelentkezem az ingyenes el\u0151ad\u00e1sra\r\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M5 12h14M13 5l7 7-7 7\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <div class=\"hero-micro\">\r\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M20 6L9 17l-5-5\"\/>\r\n            <\/svg>\r\n            <span>100% ingyenes \u00b7 \u00c9l\u0151 k\u00e9rdez\u00e9si lehet\u0151s\u00e9ggel<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Jobb: k\u00e9p -->\r\n      <div class=\"hero-img-col\">\r\n        <div class=\"hero-img-frame\">\r\n          <img\r\n            src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2024\/08\/85759.jpg\"\r\n            alt=\"D\u00f6nt\u00e9s \u00e9s arcolvas\u00e1s \u2013 Stampf Kriszta webin\u00e1r\"\r\n            loading=\"eager\"\r\n            fetchpriority=\"high\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  var roots = document.querySelectorAll('[data-tfp]');\r\n  if (!roots.length) return;\r\n\r\n  roots.forEach(function(root) {\r\n    root.classList.add('js');\r\n\r\n    var reduceMotion = window.matchMedia &&\r\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n    \/* Smooth anchor scroll *\/\r\n    root.addEventListener('click', function(e) {\r\n      var link = e.target.closest('a[href^=\"#tf\"]');\r\n      if (!link) return;\r\n\r\n      var sel = link.getAttribute('href');\r\n      var target = sel ? document.querySelector(sel) : null;\r\n\r\n      if (!target) return;\r\n\r\n      e.preventDefault();\r\n\r\n      window.scrollTo({\r\n        top: Math.max(0, target.getBoundingClientRect().top + window.pageYOffset - 14),\r\n        behavior: reduceMotion ? 'auto' : 'smooth'\r\n      });\r\n\r\n      if (history.pushState) {\r\n        history.pushState(null, '', sel);\r\n      }\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-882bc1b e-con-full e-flex e-con e-parent\" data-id=\"882bc1b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-714aff5 elementor-widget elementor-widget-html\" data-id=\"714aff5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     TALKING FACE \u2013 BLOKK 03: TRUST BAR\r\n     Teljes \u00f6n\u00e1ll\u00f3 k\u00f3d: HTML + CSS + JS\r\n     Eredeti padding logik\u00e1val\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ============================================================\r\n   TALKING FACE \u2013 TRUST BAR BLOKK\r\n   scope: #tfpTrustBar\r\n   ============================================================ *\/\r\n\r\n#tfpTrustBar,\r\n#tfpTrustBar *,\r\n#tfpTrustBar *::before,\r\n#tfpTrustBar *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#tfpTrustBar * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#tfpTrustBar {\r\n  --c-navy: #070F30;\r\n  --c-navy70: #343B5B;\r\n  --c-gray: #EDEDED;\r\n  --c-white: #FFFFFF;\r\n\r\n  width: 100%;\r\n  background: var(--c-gray);\r\n  border-bottom: 1px solid rgba(7, 15, 48, .07);\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  color: var(--c-navy70);\r\n  line-height: 1.5;\r\n  overflow-x: clip;\r\n}\r\n\r\n#tfpTrustBar .tfp-wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(20px, 5vw, 56px);\r\n}\r\n\r\n#tfpTrustBar .tfp-trust {\r\n  background: var(--c-gray);\r\n  padding-block: 20px;\r\n  border-bottom: 1px solid rgba(7, 15, 48, .07);\r\n}\r\n\r\n#tfpTrustBar .tfp-trust-in {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: clamp(14px, 3vw, 40px);\r\n  flex-wrap: wrap;\r\n  text-align: center;\r\n}\r\n\r\n#tfpTrustBar .tfp-trust-item {\r\n  font-size: .98rem;\r\n  color: var(--c-navy70);\r\n  line-height: 1.52;\r\n}\r\n\r\n#tfpTrustBar .tfp-trust-item strong {\r\n  color: var(--c-navy);\r\n  font-weight: 700;\r\n}\r\n\r\n#tfpTrustBar .tfp-trust-dot {\r\n  width: 5px;\r\n  height: 5px;\r\n  border-radius: 50%;\r\n  background: rgba(7, 15, 48, .22);\r\n  flex: 0 0 auto;\r\n}\r\n\r\n@media (max-width: 820px) {\r\n  #tfpTrustBar {\r\n    font-size: 18px;\r\n    line-height: 1.66;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  #tfpTrustBar {\r\n    font-size: 17.5px;\r\n    line-height: 1.64;\r\n  }\r\n\r\n  #tfpTrustBar .tfp-wrap {\r\n    padding-inline: 16px;\r\n  }\r\n\r\n  #tfpTrustBar .tfp-trust-dot {\r\n    display: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div id=\"tfpTrustBar\">\r\n\r\n  <!-- \u2500\u2500 TRUST BAR \u2500\u2500 -->\r\n  <div class=\"tfp-trust\">\r\n    <div class=\"tfp-wrap tfp-trust-in\">\r\n\r\n      <div class=\"tfp-trust-item\">\r\n        A sikerre val\u00f3 tekintettel <strong>22. alkalommal<\/strong> rendezz\u00fck meg webin\u00e1rsorozatunkat.\r\n      <\/div>\r\n\r\n      <div class=\"tfp-trust-dot\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"tfp-trust-item\">\r\n        Az el\u0151z\u0151 ad\u00e1sokon t\u00f6bb mint <strong>5&nbsp;000-en<\/strong> vettek r\u00e9szt! \u2764\ufe0f\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var trustBar = document.getElementById('tfpTrustBar');\r\n  if (!trustBar) return;\r\n\r\n  trustBar.setAttribute('data-ready', 'true');\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75d1985 e-con-full e-flex e-con e-parent\" data-id=\"75d1985\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faf17b8 elementor-widget elementor-widget-html\" data-id=\"faf17b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     TALKING FACE \u2013 BLOKK 04: ESEM\u00c9NY R\u00c9SZLETEK + MINI V\u00c9LEM\u00c9NYEK\r\n     Teljes \u00f6n\u00e1ll\u00f3 k\u00f3d: HTML + CSS + JS\r\n     Eredeti padding logik\u00e1val\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,700&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   TALKING FACE \u2013 BLOKK 04\r\n   Esem\u00e9ny r\u00e9szletek + mini v\u00e9lem\u00e9nyek\r\n   scope: #tfpEventMini\r\n   ============================================================ *\/\r\n\r\n#tfpEventMini,\r\n#tfpEventMini *,\r\n#tfpEventMini *::before,\r\n#tfpEventMini *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#tfpEventMini * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#tfpEventMini {\r\n  --c-navy: #070F30;\r\n  --c-navy70: #343B5B;\r\n  --c-navy50: #5F6681;\r\n  --c-gold: #DB9348;\r\n  --c-gold-hv: #c07830;\r\n  --c-gold-lt: #F4DDC2;\r\n  --c-bg: #F7F7F8;\r\n  --c-white: #FFFFFF;\r\n\r\n  --shadow-s: 0 2px 12px rgba(7, 15, 48, .08);\r\n  --shadow-m: 0 10px 30px rgba(7, 15, 48, .13);\r\n\r\n  --r-s: 8px;\r\n  --r-m: 14px;\r\n\r\n  width: 100%;\r\n  background: var(--c-white);\r\n  color: var(--c-navy);\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  font-size: 18.5px;\r\n  line-height: 1.68;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n  overflow-x: clip;\r\n}\r\n\r\n#tfpEventMini a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n#tfpEventMini .tfp-wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(20px, 5vw, 56px);\r\n}\r\n\r\n#tfpEventMini.tfp-sec {\r\n  padding-block: clamp(56px, 7vw, 96px);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   BUTTON\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpEventMini .tfp-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-height: 52px;\r\n  padding: 21px 48px;\r\n  border-radius: var(--r-s);\r\n  border: 0;\r\n  background: #070F30;\r\n  color: #DB9348;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: 1.1rem;\r\n  line-height: 1.18;\r\n  letter-spacing: .006em;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  transition: background .22s ease, color .22s ease;\r\n}\r\n\r\n#tfpEventMini .tfp-btn:hover {\r\n  background: var(--c-gold-hv);\r\n  color: var(--c-white);\r\n}\r\n\r\n#tfpEventMini .tfp-btn:active {\r\n  background: #b06828;\r\n}\r\n\r\n#tfpEventMini .tfp-btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   EVENT CARDS\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpEventMini .tfp-ev-cards,\r\n#tfpEventMini .tfp-mini-row {\r\n  display: grid;\r\n  gap: clamp(14px, 2vw, 22px);\r\n}\r\n\r\n#tfpEventMini .tfp-ev-cards {\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  margin-bottom: clamp(36px, 4vw, 52px);\r\n}\r\n\r\n#tfpEventMini .tfp-ev-card {\r\n  background: var(--c-white);\r\n  border: 1px solid rgba(7, 15, 48, .09);\r\n  border-radius: var(--r-m);\r\n  padding: clamp(24px, 3vw, 38px) 20px;\r\n  text-align: center;\r\n  box-shadow: var(--shadow-s);\r\n  transition: transform .28s ease, box-shadow .28s ease;\r\n}\r\n\r\n#tfpEventMini .tfp-ev-card:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: var(--shadow-m);\r\n}\r\n\r\n#tfpEventMini .tfp-ev-card.is-gold {\r\n  background: var(--c-gold);\r\n  border-color: var(--c-gold);\r\n}\r\n\r\n#tfpEventMini .tfp-ev-icon {\r\n  width: 54px;\r\n  height: 54px;\r\n  margin: 0 auto 16px;\r\n  border-radius: var(--r-s);\r\n  background: var(--c-bg);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--c-navy);\r\n}\r\n\r\n#tfpEventMini .tfp-ev-card.is-gold .tfp-ev-icon {\r\n  background: rgba(255, 255, 255, .22);\r\n  color: var(--c-white);\r\n}\r\n\r\n#tfpEventMini .tfp-ev-icon svg {\r\n  width: 26px;\r\n  height: 26px;\r\n}\r\n\r\n#tfpEventMini .tfp-live-dot {\r\n  width: 14px;\r\n  height: 14px;\r\n  background: #e74c3c;\r\n  border-radius: 50%;\r\n  position: relative;\r\n}\r\n\r\n#tfpEventMini .tfp-live-dot::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -5px;\r\n  border-radius: 50%;\r\n  border: 2px solid #e74c3c;\r\n  animation: tfpPulse 2s infinite;\r\n}\r\n\r\n#tfpEventMini .tfp-ev-lbl {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .78rem;\r\n  font-weight: 700;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  color: rgba(7, 15, 48, .62);\r\n  margin-bottom: 7px;\r\n}\r\n\r\n#tfpEventMini .tfp-ev-card.is-gold .tfp-ev-lbl {\r\n  color: rgba(255, 255, 255, .88);\r\n}\r\n\r\n#tfpEventMini .tfp-ev-val {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: 1.18rem;\r\n  color: var(--c-navy);\r\n  line-height: 1.22;\r\n  letter-spacing: -.018em;\r\n}\r\n\r\n#tfpEventMini .tfp-ev-card.is-gold .tfp-ev-val {\r\n  color: var(--c-white);\r\n}\r\n\r\n#tfpEventMini .tfp-ev-sub {\r\n  font-size: .95rem;\r\n  color: var(--c-navy50);\r\n  margin-top: 5px;\r\n}\r\n\r\n#tfpEventMini .tfp-ev-card.is-gold .tfp-ev-sub {\r\n  color: rgba(255, 255, 255, .82);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   MINI TESTIMONIALS\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpEventMini .tfp-mini-row {\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  margin-bottom: clamp(32px, 4vw, 48px);\r\n}\r\n\r\n#tfpEventMini .tfp-mini-card {\r\n  background: var(--c-bg);\r\n  border-left: 4px solid var(--c-gold);\r\n  border-radius: 0 var(--r-s) var(--r-s) 0;\r\n  padding: 22px 20px;\r\n}\r\n\r\n#tfpEventMini .tfp-mini-card p {\r\n  font-style: italic;\r\n  font-size: 1rem;\r\n  line-height: 1.72;\r\n  letter-spacing: .004em;\r\n  color: var(--c-navy70);\r\n  margin-bottom: 12px;\r\n  overflow-wrap: break-word;\r\n  hyphens: auto;\r\n}\r\n\r\n#tfpEventMini .tfp-stars {\r\n  color: var(--c-gold);\r\n  font-size: 1rem;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n#tfpEventMini .tfp-mini-name {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: .98rem;\r\n  color: var(--c-navy);\r\n}\r\n\r\n#tfpEventMini .tfp-cta-row {\r\n  text-align: center;\r\n  margin-top: clamp(32px, 4vw, 48px);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   SCROLL FADE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpEventMini .tfp-sf {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#tfpEventMini.is-js .tfp-sf {\r\n  opacity: 0;\r\n  transform: translateY(26px);\r\n  transition: opacity .7s ease-out, transform .7s ease-out;\r\n}\r\n\r\n#tfpEventMini.is-js .tfp-sf.is-in {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   KEYFRAMES\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n@keyframes tfpPulse {\r\n  0% {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n\r\n  100% {\r\n    transform: scale(1.9);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   RESPONSIVE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n@media (max-width: 820px) {\r\n  #tfpEventMini {\r\n    font-size: 18px;\r\n    line-height: 1.66;\r\n  }\r\n\r\n  #tfpEventMini .tfp-ev-cards,\r\n  #tfpEventMini .tfp-mini-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #tfpEventMini .tfp-btn {\r\n    padding: 19px 32px;\r\n    font-size: 1.04rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  #tfpEventMini {\r\n    font-size: 17.5px;\r\n    line-height: 1.64;\r\n  }\r\n\r\n  #tfpEventMini .tfp-wrap {\r\n    padding-inline: 16px;\r\n  }\r\n\r\n  #tfpEventMini .tfp-btn {\r\n    width: 100%;\r\n    white-space: normal;\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  #tfpEventMini .tfp-mini-card p {\r\n    font-size: .98rem;\r\n    line-height: 1.64;\r\n    letter-spacing: .002em;\r\n  }\r\n\r\n  #tfpEventMini .tfp-ev-val {\r\n    font-size: 1.14rem;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #tfpEventMini *,\r\n  #tfpEventMini *::before,\r\n  #tfpEventMini *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n\r\n  #tfpEventMini .tfp-live-dot::after {\r\n    animation: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"tfpEventMini\" class=\"tfp-sec\">\r\n  <div class=\"tfp-wrap\">\r\n\r\n    <div class=\"tfp-ev-cards tfp-sf\">\r\n\r\n      <div class=\"tfp-ev-card\">\r\n        <div class=\"tfp-ev-icon\" aria-hidden=\"true\">\r\n          <div class=\"tfp-live-dot\"><\/div>\r\n        <\/div>\r\n        <div class=\"tfp-ev-lbl\">Forma<\/div>\r\n        <div class=\"tfp-ev-val\">Online \u00c9L\u0150 ad\u00e1s<\/div>\r\n        <div class=\"tfp-ev-sub\">k\u00e9rdez\u00e9si lehet\u0151s\u00e9ggel<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tfp-ev-card is-gold\">\r\n        <div class=\"tfp-ev-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\r\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"tfp-ev-lbl\">Id\u0151pont<\/div>\r\n        <div class=\"tfp-ev-val\">2026. 07. 14.<\/div>\r\n        <div class=\"tfp-ev-sub\">kedd<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tfp-ev-card\">\r\n        <div class=\"tfp-ev-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n            <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"tfp-ev-lbl\">Id\u0151tartam<\/div>\r\n        <div class=\"tfp-ev-val\">18:30 \u2013 20:00<\/div>\r\n        <div class=\"tfp-ev-sub\">k\u00f6z\u00f6tt<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"tfp-mini-row tfp-sf\">\r\n\r\n      <div class=\"tfp-mini-card\">\r\n        <p>\u201eNagyon \u00e9rdekes, \u00e9lvezetes, tanuls\u00e1gos volt sz\u00e1momra az el\u0151ad\u00e1s. Nagyon szerencs\u00e9snek \u00e9rzem magam, hogy r\u00e9szese lehettem.\"<\/p>\r\n        <div class=\"tfp-stars\" aria-label=\"5 csillagos \u00e9rt\u00e9kel\u00e9s\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <div class=\"tfp-mini-name\">Kissn\u00e9 Karacs R\u00f3za<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tfp-mini-card\">\r\n        <p>\u201eTeljesen leny\u0171g\u00f6z\u00f6tt az el\u0151ad\u00e1s \u00e9s h\u00e1l\u00e1san k\u00f6sz\u00f6n\u00f6m a r\u00e9szv\u00e9teli lehet\u0151s\u00e9get. Nagyon \u00e9rdekel a t\u00e9ma!\"<\/p>\r\n        <div class=\"tfp-stars\" aria-label=\"5 csillagos \u00e9rt\u00e9kel\u00e9s\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <div class=\"tfp-mini-name\">Majnikn\u00e9 Zsuzsa<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tfp-mini-card\">\r\n        <p>\u201eGratul\u00e1lok, tanuls\u00e1gos, figyelemfelkelt\u0151 volt az el\u0151ad\u00e1s. Sok embert \u00e9rint\u0151 dolgokra h\u00edvta fel a figyelmet.\"<\/p>\r\n        <div class=\"tfp-stars\" aria-label=\"5 csillagos \u00e9rt\u00e9kel\u00e9s\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <div class=\"tfp-mini-name\">Lelesz Csilla<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"tfp-cta-row tfp-sf\">\r\n      <a href=\"#tfJelentkezes\" class=\"tfp-btn\">\r\n        Jelentkezem az ingyenes el\u0151ad\u00e1sra\r\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M5 12h14M13 5l7 7-7 7\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var root = document.getElementById('tfpEventMini');\r\n  if (!root) return;\r\n\r\n  root.classList.add('is-js');\r\n\r\n  var reduceMotion = window.matchMedia &&\r\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  \/* Smooth anchor scroll *\/\r\n  root.addEventListener('click', function (e) {\r\n    var link = e.target.closest('a[href^=\"#\"]');\r\n    if (!link) return;\r\n\r\n    var selector = link.getAttribute('href');\r\n    var target = selector ? document.querySelector(selector) : null;\r\n\r\n    if (!target) return;\r\n\r\n    e.preventDefault();\r\n\r\n    window.scrollTo({\r\n      top: Math.max(0, target.getBoundingClientRect().top + window.pageYOffset - 14),\r\n      behavior: reduceMotion ? 'auto' : 'smooth'\r\n    });\r\n\r\n    if (history.pushState) {\r\n      history.pushState(null, '', selector);\r\n    }\r\n  });\r\n\r\n  \/* Scroll fade *\/\r\n  var items = root.querySelectorAll('.tfp-sf');\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    var observer = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-in');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.1,\r\n      rootMargin: '0px 0px -40px 0px'\r\n    });\r\n\r\n    items.forEach(function (item) {\r\n      observer.observe(item);\r\n    });\r\n  } else {\r\n    items.forEach(function (item) {\r\n      item.classList.add('is-in');\r\n    });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0de603 e-con-full e-flex e-con e-parent\" data-id=\"f0de603\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b392449 elementor-widget elementor-widget-html\" data-id=\"b392449\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     TALKING FACE \u2013 BLOKK 05: K\u00c9RD\u00c9SEK \/ S\u00d6T\u00c9T SZEKCI\u00d3\r\n     Teljes \u00f6n\u00e1ll\u00f3 k\u00f3d: HTML + CSS + JS\r\n     Eredeti padding logik\u00e1val\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,700&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   TALKING FACE \u2013 BLOKK 05\r\n   K\u00e9rd\u00e9sek \/ s\u00f6t\u00e9t szekci\u00f3\r\n   scope: #tfpQuestionsDark\r\n   ============================================================ *\/\r\n\r\n#tfpQuestionsDark,\r\n#tfpQuestionsDark *,\r\n#tfpQuestionsDark *::before,\r\n#tfpQuestionsDark *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#tfpQuestionsDark * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#tfpQuestionsDark {\r\n  --c-navy: #070F30;\r\n  --c-gold: #DB9348;\r\n  --c-gray: #EDEDED;\r\n  --c-white: #FFFFFF;\r\n\r\n  width: 100%;\r\n  background: var(--c-navy);\r\n  color: var(--c-white);\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  font-size: 18.5px;\r\n  line-height: 1.68;\r\n  position: relative;\r\n  overflow: hidden;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#tfpQuestionsDark .tfp-wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(20px, 5vw, 56px);\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#tfpQuestionsDark.tfp-sec {\r\n  padding-block: clamp(56px, 7vw, 96px);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   BACKGROUND BLOBS\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpQuestionsDark .tfp-dark-blob {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  filter: blur(80px);\r\n}\r\n\r\n#tfpQuestionsDark .tfp-dark-blob-1 {\r\n  width: 500px;\r\n  height: 500px;\r\n  top: -100px;\r\n  right: -100px;\r\n  background: radial-gradient(circle, rgba(219, 147, 72, .15) 0%, transparent 70%);\r\n}\r\n\r\n#tfpQuestionsDark .tfp-dark-blob-2 {\r\n  width: 400px;\r\n  height: 400px;\r\n  bottom: -100px;\r\n  left: -80px;\r\n  background: radial-gradient(circle, rgba(219, 147, 72, .1) 0%, transparent 70%);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   GRID\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpQuestionsDark .tfp-q-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: clamp(28px, 6vw, 80px);\r\n  align-items: start;\r\n}\r\n\r\n#tfpQuestionsDark .tfp-q-title {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: clamp(1.24rem, 2.45vw, 1.62rem);\r\n  font-weight: 700;\r\n  color: var(--c-white);\r\n  margin-bottom: 22px;\r\n  padding-bottom: 14px;\r\n  border-bottom: 2px solid var(--c-gold);\r\n  line-height: 1.24;\r\n  letter-spacing: -.022em;\r\n  text-wrap: balance;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   CHECK LIST\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpQuestionsDark .tfp-check-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n#tfpQuestionsDark .tfp-check-list li {\r\n  position: relative;\r\n  padding: 13px 0 13px 44px;\r\n  font-size: 1.04rem;\r\n  line-height: 1.72;\r\n  letter-spacing: .004em;\r\n  color: var(--c-gray);\r\n  border-bottom: 1px solid rgba(255, 255, 255, .07);\r\n  overflow-wrap: break-word;\r\n  hyphens: auto;\r\n}\r\n\r\n#tfpQuestionsDark .tfp-check-list li:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n#tfpQuestionsDark .tfp-check-list li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 15px;\r\n  width: 26px;\r\n  height: 26px;\r\n  background: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/05\/checked.png') center\/contain no-repeat;\r\n  border-radius: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   SCROLL FADE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpQuestionsDark .tfp-sf {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#tfpQuestionsDark.is-js .tfp-sf {\r\n  opacity: 0;\r\n  transform: translateY(26px);\r\n  transition: opacity .7s ease-out, transform .7s ease-out;\r\n}\r\n\r\n#tfpQuestionsDark.is-js .tfp-sf.is-in {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   RESPONSIVE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n@media (max-width: 1024px) {\r\n  #tfpQuestionsDark .tfp-q-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n  #tfpQuestionsDark {\r\n    font-size: 18px;\r\n    line-height: 1.66;\r\n  }\r\n\r\n  #tfpQuestionsDark .tfp-q-title {\r\n    font-size: 1.3rem;\r\n  }\r\n\r\n  #tfpQuestionsDark .tfp-check-list li {\r\n    font-size: 1.02rem;\r\n    line-height: 1.68;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  #tfpQuestionsDark {\r\n    font-size: 17.5px;\r\n    line-height: 1.64;\r\n  }\r\n\r\n  #tfpQuestionsDark .tfp-wrap {\r\n    padding-inline: 16px;\r\n  }\r\n\r\n  #tfpQuestionsDark .tfp-check-list li {\r\n    line-height: 1.64;\r\n    letter-spacing: .002em;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #tfpQuestionsDark *,\r\n  #tfpQuestionsDark *::before,\r\n  #tfpQuestionsDark *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"tfpQuestionsDark\" class=\"tfp-sec\">\r\n\r\n  <div class=\"tfp-dark-blob tfp-dark-blob-1\"><\/div>\r\n  <div class=\"tfp-dark-blob tfp-dark-blob-2\"><\/div>\r\n\r\n  <div class=\"tfp-wrap\">\r\n\r\n    <div class=\"tfp-q-grid\">\r\n\r\n      <div class=\"tfp-sf\">\r\n        <div class=\"tfp-q-title\">K\u00e9rd\u00e9sek, amelyekre v\u00e1laszt kapsz<\/div>\r\n\r\n        <ul class=\"tfp-check-list\">\r\n          <li>Honnan tudhatod meg, hogy toporogsz a d\u00f6nt\u00e9sekben \u00e9s nem tudsz gyorsan d\u00f6nteni?<\/li>\r\n          <li>Val\u00f3k neked a kock\u00e1zatos d\u00f6nt\u00e9sek vagy ink\u00e1bb ker\u00fcln\u00f6d kellene \u0151ket?<\/li>\r\n          <li>Mennyire vagy a rutinok rabja a d\u00f6nt\u00e9seidben?<\/li>\r\n          <li>Mik lettek a d\u00f6nt\u00e9seim k\u00f6vetkezm\u00e9nyei?<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"tfp-sf\">\r\n        <div class=\"tfp-q-title\">Mikor seg\u00edthet az arcolvas\u00e1s?<\/div>\r\n\r\n        <ul class=\"tfp-check-list\">\r\n          <li>Ha nem tal\u00e1lod a helyed a munka vil\u00e1g\u00e1ban, \u00e9s szeretn\u00e9d megtal\u00e1lni a sz\u00e1modra val\u00f3 hivat\u00e1st.<\/li>\r\n          <li>Ha \u00f6nmagad m\u00e9lyebb meg\u00e9rt\u00e9s\u00e9re t\u00f6rekszel.<\/li>\r\n          <li>Ha kapcsolati konfliktusaidat szeretn\u00e9d jobban kezelni.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var root = document.getElementById('tfpQuestionsDark');\r\n  if (!root) return;\r\n\r\n  root.classList.add('is-js');\r\n\r\n  var items = root.querySelectorAll('.tfp-sf');\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    var observer = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-in');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.1,\r\n      rootMargin: '0px 0px -40px 0px'\r\n    });\r\n\r\n    items.forEach(function (item) {\r\n      observer.observe(item);\r\n    });\r\n  } else {\r\n    items.forEach(function (item) {\r\n      item.classList.add('is-in');\r\n    });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74abe97 e-con-full e-flex e-con e-parent\" data-id=\"74abe97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3297d24 elementor-widget elementor-widget-html\" data-id=\"3297d24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     TALKING FACE \u2013 BLOKK 06: MEGH\u00cdV\u00d3 + TAN\u00c1R\r\n     Teljes \u00f6n\u00e1ll\u00f3 k\u00f3d: HTML + CSS + JS\r\n     Eredeti padding logik\u00e1val\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,700&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   TALKING FACE \u2013 BLOKK 06\r\n   Megh\u00edv\u00f3 + tan\u00e1r\r\n   scope: #tfpInviteTeacher\r\n   ============================================================ *\/\r\n\r\n#tfpInviteTeacher,\r\n#tfpInviteTeacher *,\r\n#tfpInviteTeacher *::before,\r\n#tfpInviteTeacher *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#tfpInviteTeacher * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#tfpInviteTeacher {\r\n  --c-navy: #070F30;\r\n  --c-navy70: #343B5B;\r\n  --c-navy50: #5F6681;\r\n  --c-gold: #DB9348;\r\n  --c-gold-hv: #c07830;\r\n  --c-gold-lt: #F4DDC2;\r\n  --c-bg: #F7F7F8;\r\n  --c-white: #FFFFFF;\r\n\r\n  --shadow-s: 0 2px 12px rgba(7, 15, 48, .08);\r\n\r\n  --r-s: 8px;\r\n  --r-m: 14px;\r\n  --r-l: 22px;\r\n\r\n  width: 100%;\r\n  background: var(--c-white);\r\n  color: var(--c-navy);\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  font-size: 18.5px;\r\n  line-height: 1.68;\r\n  overflow-x: clip;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#tfpInviteTeacher a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n#tfpInviteTeacher img {\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n#tfpInviteTeacher p,\r\n#tfpInviteTeacher li {\r\n  font-size: 1rem;\r\n  line-height: 1.72;\r\n  letter-spacing: .004em;\r\n  overflow-wrap: break-word;\r\n  hyphens: auto;\r\n}\r\n\r\n#tfpInviteTeacher h1,\r\n#tfpInviteTeacher h2,\r\n#tfpInviteTeacher h3,\r\n#tfpInviteTeacher h4 {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  line-height: 1.12;\r\n  letter-spacing: -.032em;\r\n  color: var(--c-navy);\r\n  text-wrap: balance;\r\n  overflow-wrap: break-word;\r\n  hyphens: manual;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(20px, 5vw, 56px);\r\n}\r\n\r\n#tfpInviteTeacher.tfp-sec {\r\n  padding-block: clamp(56px, 7vw, 96px);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   EYEBROW\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpInviteTeacher .tfp-eyebrow {\r\n  display: inline-block;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .82rem;\r\n  font-weight: 700;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gold);\r\n  margin-bottom: 14px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   BUTTON\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpInviteTeacher .tfp-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-height: 52px;\r\n  padding: 21px 48px;\r\n  border-radius: var(--r-s);\r\n  border: 0;\r\n  background: #070F30;\r\n  color: #DB9348;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: 1.1rem;\r\n  line-height: 1.18;\r\n  letter-spacing: .006em;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  transition: background .22s ease, color .22s ease;\r\n  overflow-wrap: normal;\r\n  hyphens: manual;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-btn:hover {\r\n  background: var(--c-gold-hv);\r\n  color: var(--c-white);\r\n}\r\n\r\n#tfpInviteTeacher .tfp-btn:active {\r\n  background: #b06828;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   INVITATION + TEACHER\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpInviteTeacher .tfp-inv-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(320px, .86fr);\r\n  gap: clamp(32px, 6vw, 72px);\r\n  align-items: start;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-inv-grid h2 {\r\n  font-size: clamp(1.84rem, 3.15vw, 2.56rem);\r\n  line-height: 1.13;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-inv-grid h2 strong {\r\n  color: var(--c-gold);\r\n  font-style: italic;\r\n  font-weight: 900;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-inv-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-inv-list li {\r\n  position: relative;\r\n  padding: 13px 0 13px 46px;\r\n  font-size: 1.04rem;\r\n  line-height: 1.72;\r\n  border-bottom: 1px solid rgba(7, 15, 48, .07);\r\n}\r\n\r\n#tfpInviteTeacher .tfp-inv-list li:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-inv-list li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 15px;\r\n  width: 28px;\r\n  height: 28px;\r\n  background: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/05\/checked.png') center\/contain no-repeat;\r\n  border-radius: 0;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-inv-list li.is-hi {\r\n  background: linear-gradient(90deg, rgba(219, 147, 72, .11) 0%, rgba(219, 147, 72, 0) 100%);\r\n  padding-left: 58px;\r\n  padding-right: 10px;\r\n  margin: 6px -10px 6px 0;\r\n  border-radius: var(--r-s);\r\n  border-bottom: 0;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-inv-list li.is-hi::before {\r\n  left: 16px;\r\n  top: 14px;\r\n  width: 28px;\r\n  height: 28px;\r\n  background: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/05\/eye.png') center\/contain no-repeat;\r\n  border-radius: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   TEACHER CARD\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpInviteTeacher .tfp-teacher {\r\n  background: var(--c-bg);\r\n  border-radius: var(--r-l);\r\n  padding: clamp(22px, 3vw, 38px);\r\n  border: 1px solid rgba(7, 15, 48, .07);\r\n  box-shadow: var(--shadow-s);\r\n  position: sticky;\r\n  top: 90px;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-teacher-photo {\r\n  width: 100%;\r\n  aspect-ratio: 4 \/ 5;\r\n  border-radius: var(--r-m);\r\n  overflow: hidden;\r\n  background: var(--c-navy);\r\n  margin-bottom: 22px;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-teacher-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center top;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-teacher-q {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: 52px;\r\n  line-height: .55;\r\n  color: var(--c-gold);\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-teacher-name {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: 1.5rem;\r\n  line-height: 1.14;\r\n  font-weight: 900;\r\n  margin-bottom: 3px;\r\n  color: var(--c-navy);\r\n}\r\n\r\n#tfpInviteTeacher .tfp-teacher-role {\r\n  font-size: .82rem;\r\n  font-weight: 700;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gold);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n#tfpInviteTeacher .tfp-teacher-bio p {\r\n  font-size: 1rem;\r\n  line-height: 1.72;\r\n  color: var(--c-navy70);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   SCROLL FADE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpInviteTeacher .tfp-sf {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#tfpInviteTeacher.is-js .tfp-sf {\r\n  opacity: 0;\r\n  transform: translateY(26px);\r\n  transition: opacity .7s ease-out, transform .7s ease-out;\r\n}\r\n\r\n#tfpInviteTeacher.is-js .tfp-sf.is-in {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   RESPONSIVE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n@media (max-width: 1024px) {\r\n  #tfpInviteTeacher .tfp-inv-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #tfpInviteTeacher .tfp-teacher {\r\n    position: static;\r\n  }\r\n\r\n  #tfpInviteTeacher .tfp-teacher-photo {\r\n    max-width: 460px;\r\n  }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n  #tfpInviteTeacher {\r\n    font-size: 18px;\r\n    line-height: 1.66;\r\n  }\r\n\r\n  #tfpInviteTeacher p,\r\n  #tfpInviteTeacher li {\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #tfpInviteTeacher h1,\r\n  #tfpInviteTeacher h2,\r\n  #tfpInviteTeacher h3,\r\n  #tfpInviteTeacher h4 {\r\n    line-height: 1.13;\r\n  }\r\n\r\n  #tfpInviteTeacher .tfp-inv-list li {\r\n    font-size: 1.02rem;\r\n  }\r\n\r\n  #tfpInviteTeacher .tfp-btn {\r\n    padding: 19px 32px;\r\n    font-size: 1.04rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  #tfpInviteTeacher {\r\n    font-size: 17.5px;\r\n    line-height: 1.64;\r\n  }\r\n\r\n  #tfpInviteTeacher .tfp-wrap {\r\n    padding-inline: 16px;\r\n  }\r\n\r\n  #tfpInviteTeacher p,\r\n  #tfpInviteTeacher li {\r\n    line-height: 1.64;\r\n    letter-spacing: .002em;\r\n  }\r\n\r\n  #tfpInviteTeacher .tfp-inv-grid h2 {\r\n    font-size: clamp(1.68rem, 7vw, 2.08rem);\r\n  }\r\n\r\n  #tfpInviteTeacher .tfp-btn {\r\n    width: 100%;\r\n    white-space: normal;\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  #tfpInviteTeacher .tfp-teacher-bio p {\r\n    font-size: .98rem;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #tfpInviteTeacher *,\r\n  #tfpInviteTeacher *::before,\r\n  #tfpInviteTeacher *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"tfpInviteTeacher\" class=\"tfp-sec\">\r\n  <div class=\"tfp-wrap\">\r\n\r\n    <div class=\"tfp-inv-grid\">\r\n\r\n      <div class=\"tfp-sf\">\r\n        <span class=\"tfp-eyebrow\">Webin\u00e1r \u00b7 2026. j\u00falius 14.<\/span>\r\n\r\n        <h2>Jelentkezz <strong>ingyenes<\/strong> webin\u00e1romra!<\/h2>\r\n\r\n        <ul class=\"tfp-inv-list\">\r\n          <li>Arcunk \u00e9s mozdulataink el\u00e1rulj\u00e1k bels\u0151 vil\u00e1gunkat.<\/li>\r\n          <li>Nem sz\u00fcks\u00e9ges szavakkal kifejezni, mi zajlik benn\u00fcnk \u2013 az arcvon\u00e1sok \u00e9s jelek mindent megmutatnak.<\/li>\r\n          <li>A webin\u00e1ron ezekre a r\u00e9szletekre figyel\u00fcnk, hogy felt\u00e1rjuk a val\u00f3s sz\u00e1nd\u00e9kokat.<\/li>\r\n          <li>A webin\u00e1r kaput nyit arra, hogy meg\u00e9rtsd, hogyan t\u00fckr\u00f6zi arcunk a bels\u0151 v\u00e1gyakat \u00e9s sz\u00e1nd\u00e9kokat.<\/li>\r\n          <li class=\"is-hi\">Ha \u00e9rdekel, mit mes\u00e9l az arcunk, \u00e9s k\u00edv\u00e1ncsi vagy r\u00e1, hogyan t\u00fckr\u00f6z\u0151dik egy ember szem\u00e9lyis\u00e9ge az arcvon\u00e1sokban, gyere \u00e9s nyerj bepillant\u00e1st.<\/li>\r\n          <li class=\"is-hi\">Ha szeretn\u00e9d gyakorlatban l\u00e1tni, hogy az arcolvas\u00e1s t\u00f6bb ezer \u00e9ves m\u0171v\u00e9szete hogyan ad v\u00e1laszokat.<\/li>\r\n          <li class=\"is-hi\">Az arcon nemcsak az illet\u0151 teljes szem\u00e9lyis\u00e9gt\u00e9rk\u00e9pe van rajta, hanem h\u00e9t gener\u00e1ci\u00f3ra visszamen\u0151legesen a transzgener\u00e1ci\u00f3s lenyomatok is.<\/li>\r\n        <\/ul>\r\n\r\n        <a href=\"#tfJelentkezes\" class=\"tfp-btn\">\r\n          Jelentkezem az ingyenes el\u0151ad\u00e1sra\r\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M5 12h14M13 5l7 7-7 7\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <aside class=\"tfp-teacher tfp-sf\" aria-label=\"El\u0151ad\u00f3\">\r\n        <div class=\"tfp-teacher-photo\">\r\n          <img\r\n            src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2024\/06\/Evoto-11of14-ezgif.com-optijpeg-scaled.jpg\"\r\n            alt=\"Stampf Kriszta\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <span class=\"tfp-teacher-q\" aria-hidden=\"true\">\"<\/span>\r\n\r\n        <div class=\"tfp-teacher-name\">Stampf Kriszta<\/div>\r\n        <div class=\"tfp-teacher-role\">arcolvas\u00f3 \u00e9s tan\u00e1r<\/div>\r\n\r\n        <div class=\"tfp-teacher-bio\">\r\n          <p>Ismerd meg Stampf Kriszt\u00e1t, aki seg\u00edt felt\u00e1rni az arcok rejtett t\u00f6rt\u00e9net\u00e9t. Workshopjai \u00e9s konzult\u00e1ci\u00f3i sok \u00e9ve rendk\u00edv\u00fcl n\u00e9pszer\u0171ek, seg\u00edts\u00e9g\u00e9vel m\u00e9lyebben meg\u00e9rtheted \u00f6nmagad \u00e9s ak\u00e1r partnered.<\/p>\r\n          <p>L\u00e9pj be a tudatos arcmeg\u00e9rt\u00e9s vil\u00e1g\u00e1ba, \u00e9s \u00e9p\u00edts m\u00e9lyebb kapcsolatokat.<\/p>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var root = document.getElementById('tfpInviteTeacher');\r\n  if (!root) return;\r\n\r\n  root.classList.add('is-js');\r\n\r\n  var reduceMotion = window.matchMedia &&\r\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  \/* Smooth anchor scroll *\/\r\n  root.addEventListener('click', function (e) {\r\n    var link = e.target.closest('a[href^=\"#\"]');\r\n    if (!link) return;\r\n\r\n    var selector = link.getAttribute('href');\r\n    var target = selector ? document.querySelector(selector) : null;\r\n\r\n    if (!target) return;\r\n\r\n    e.preventDefault();\r\n\r\n    window.scrollTo({\r\n      top: Math.max(0, target.getBoundingClientRect().top + window.pageYOffset - 14),\r\n      behavior: reduceMotion ? 'auto' : 'smooth'\r\n    });\r\n\r\n    if (history.pushState) {\r\n      history.pushState(null, '', selector);\r\n    }\r\n  });\r\n\r\n  \/* Scroll fade *\/\r\n  var items = root.querySelectorAll('.tfp-sf');\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    var observer = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-in');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.1,\r\n      rootMargin: '0px 0px -40px 0px'\r\n    });\r\n\r\n    items.forEach(function (item) {\r\n      observer.observe(item);\r\n    });\r\n  } else {\r\n    items.forEach(function (item) {\r\n      item.classList.add('is-in');\r\n    });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a9588c e-con-full e-flex e-con e-parent\" data-id=\"5a9588c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d48d939 elementor-widget elementor-widget-html\" data-id=\"d48d939\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     TALKING FACE \u2013 BLOKK 07: VISSZASZ\u00c1ML\u00c1L\u00d3\r\n     Teljes \u00f6n\u00e1ll\u00f3 k\u00f3d: HTML + CSS + JS\r\n     Eredeti padding logik\u00e1val\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,700&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   TALKING FACE \u2013 BLOKK 07\r\n   Visszasz\u00e1ml\u00e1l\u00f3\r\n   scope: #tfpCountdown\r\n   ============================================================ *\/\r\n\r\n#tfpCountdown,\r\n#tfpCountdown *,\r\n#tfpCountdown *::before,\r\n#tfpCountdown *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#tfpCountdown * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#tfpCountdown {\r\n  --c-navy: #070F30;\r\n  --c-navy50: #5F6681;\r\n  --c-gold: #DB9348;\r\n  --c-white: #FFFFFF;\r\n\r\n  --r-m: 14px;\r\n\r\n  width: 100%;\r\n  background: var(--c-white);\r\n  color: var(--c-navy);\r\n  border-top: 1px solid rgba(7, 15, 48, .07);\r\n  border-bottom: 1px solid rgba(7, 15, 48, .07);\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  font-size: 18.5px;\r\n  line-height: 1.68;\r\n  text-align: center;\r\n  overflow-x: clip;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#tfpCountdown .tfp-wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(20px, 5vw, 56px);\r\n}\r\n\r\n#tfpCountdown.tfp-sec-s {\r\n  padding-block: clamp(42px, 5vw, 66px);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   COUNTDOWN\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpCountdown .tfp-cdown-head {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .82rem;\r\n  font-weight: 700;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  color: var(--c-navy50);\r\n  margin-bottom: 32px;\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n#tfpCountdown .tfp-cdown-head::before,\r\n#tfpCountdown .tfp-cdown-head::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 56px;\r\n  height: 1px;\r\n  background: var(--c-gold);\r\n}\r\n\r\n#tfpCountdown .tfp-cdown-head::before {\r\n  right: calc(100% + 20px);\r\n}\r\n\r\n#tfpCountdown .tfp-cdown-head::after {\r\n  left: calc(100% + 20px);\r\n}\r\n\r\n#tfpCountdown .tfp-cdown-row {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: clamp(10px, 2vw, 18px);\r\n  flex-wrap: wrap;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n#tfpCountdown .tfp-cbox {\r\n  background: var(--c-navy);\r\n  color: var(--c-white);\r\n  border-radius: var(--r-m);\r\n  padding: clamp(18px, 3vw, 30px) clamp(16px, 2.5vw, 26px);\r\n  min-width: clamp(76px, 10vw, 112px);\r\n  position: relative;\r\n  overflow: hidden;\r\n  text-align: center;\r\n}\r\n\r\n#tfpCountdown .tfp-cbox::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0 0 auto 0;\r\n  height: 3px;\r\n  background: var(--c-gold);\r\n}\r\n\r\n#tfpCountdown .tfp-cnum {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: clamp(2rem, 4.55vw, 3.14rem);\r\n  font-weight: 900;\r\n  line-height: .95;\r\n  letter-spacing: -.035em;\r\n  display: block;\r\n  font-variant-numeric: tabular-nums;\r\n}\r\n\r\n#tfpCountdown .tfp-clbl {\r\n  font-size: .78rem;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  opacity: .72;\r\n  margin-top: 7px;\r\n  display: block;\r\n}\r\n\r\n#tfpCountdown .tfp-cdown-note {\r\n  font-size: .98rem;\r\n  color: var(--c-navy50);\r\n  max-width: 56ch;\r\n  margin-inline: auto;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   RESPONSIVE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n@media (max-width: 820px) {\r\n  #tfpCountdown {\r\n    font-size: 18px;\r\n    line-height: 1.66;\r\n  }\r\n\r\n  #tfpCountdown .tfp-cdown-head::before,\r\n  #tfpCountdown .tfp-cdown-head::after {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  #tfpCountdown {\r\n    font-size: 17.5px;\r\n    line-height: 1.64;\r\n  }\r\n\r\n  #tfpCountdown .tfp-wrap {\r\n    padding-inline: 16px;\r\n  }\r\n\r\n  #tfpCountdown .tfp-cdown-row {\r\n    gap: 8px;\r\n  }\r\n\r\n  #tfpCountdown .tfp-cbox {\r\n    min-width: calc(50% - 8px);\r\n    padding: 14px 10px;\r\n  }\r\n\r\n  #tfpCountdown .tfp-cnum {\r\n    font-size: 1.75rem;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #tfpCountdown *,\r\n  #tfpCountdown *::before,\r\n  #tfpCountdown *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section\r\n  id=\"tfpCountdown\"\r\n  class=\"tfp-sec-s\"\r\n  aria-label=\"Visszasz\u00e1ml\u00e1l\u00f3 a webin\u00e1r kezdet\u00e9ig\"\r\n>\r\n  <div class=\"tfp-wrap\">\r\n\r\n    <div class=\"tfp-cdown-head\">Hamarosan kezd\u00fcnk<\/div>\r\n\r\n    <div\r\n      class=\"tfp-cdown-row\"\r\n      data-tfp-countdown\r\n      aria-live=\"polite\"\r\n      aria-label=\"Visszasz\u00e1ml\u00e1l\u00f3 a webin\u00e1r kezdet\u00e9ig\"\r\n    >\r\n      <div class=\"tfp-cbox\">\r\n        <span class=\"tfp-cnum\" data-tfp-days>00<\/span>\r\n        <span class=\"tfp-clbl\">nap<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"tfp-cbox\">\r\n        <span class=\"tfp-cnum\" data-tfp-hours>00<\/span>\r\n        <span class=\"tfp-clbl\">\u00f3ra<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"tfp-cbox\">\r\n        <span class=\"tfp-cnum\" data-tfp-mins>00<\/span>\r\n        <span class=\"tfp-clbl\">perc<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"tfp-cbox\">\r\n        <span class=\"tfp-cnum\" data-tfp-secs>00<\/span>\r\n        <span class=\"tfp-clbl\">m\u00e1sodperc<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"tfp-cdown-note\">\r\n      Ez a webin\u00e1r kaput nyit arra, hogy meg\u00e9rtsd, hogyan t\u00fckr\u00f6zi arcunk a bels\u0151 v\u00e1gyakat \u00e9s sz\u00e1nd\u00e9kokat.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var root = document.getElementById('tfpCountdown');\r\n  if (!root) return;\r\n\r\n  var target = new Date('2026-07-14T18:30:00+02:00').getTime();\r\n\r\n  var els = {\r\n    d: root.querySelector('[data-tfp-days]'),\r\n    h: root.querySelector('[data-tfp-hours]'),\r\n    m: root.querySelector('[data-tfp-mins]'),\r\n    s: root.querySelector('[data-tfp-secs]')\r\n  };\r\n\r\n  function pad(n) {\r\n    return String(Math.max(0, n)).padStart(2, '0');\r\n  }\r\n\r\n  function setCountdown(diff) {\r\n    if (!els.d || !els.h || !els.m || !els.s) return;\r\n\r\n    els.d.textContent = pad(Math.floor(diff \/ 86400000));\r\n    els.h.textContent = pad(Math.floor((diff \/ 3600000) % 24));\r\n    els.m.textContent = pad(Math.floor((diff \/ 60000) % 60));\r\n    els.s.textContent = pad(Math.floor((diff \/ 1000) % 60));\r\n  }\r\n\r\n  function tick() {\r\n    var diff = target - Date.now();\r\n\r\n    if (diff <= 0) {\r\n      setCountdown(0);\r\n      return false;\r\n    }\r\n\r\n    setCountdown(diff);\r\n    return true;\r\n  }\r\n\r\n  tick();\r\n\r\n  var timer = setInterval(function () {\r\n    if (!tick()) {\r\n      clearInterval(timer);\r\n    }\r\n  }, 1000);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2b6a36 e-con-full e-flex e-con e-parent\" data-id=\"f2b6a36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-925f984 elementor-widget elementor-widget-html\" data-id=\"925f984\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     TALKING FACE \u2013 BLOKK 08: Q&A SZEKCI\u00d3\r\n     Teljes \u00f6n\u00e1ll\u00f3 k\u00f3d: HTML + CSS + JS\r\n     Eredeti padding logik\u00e1val\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,700&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   TALKING FACE \u2013 BLOKK 08\r\n   Q&A szekci\u00f3\r\n   scope: #tfpQA\r\n   ============================================================ *\/\r\n\r\n#tfpQA,\r\n#tfpQA *,\r\n#tfpQA *::before,\r\n#tfpQA *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#tfpQA * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#tfpQA {\r\n  --c-navy: #070F30;\r\n  --c-navy-2: #121B42;\r\n  --c-gold: #DB9348;\r\n  --c-gold-hv: #c07830;\r\n  --c-gold-lt: #F4DDC2;\r\n  --c-white: #FFFFFF;\r\n\r\n  --r-s: 8px;\r\n\r\n  width: 100%;\r\n  background: linear-gradient(135deg, #121B42 0%, #070F30 100%);\r\n  color: var(--c-white);\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  font-size: 18.5px;\r\n  line-height: 1.68;\r\n  position: relative;\r\n  overflow: hidden;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#tfpQA * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#tfpQA a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n#tfpQA img {\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n#tfpQA p {\r\n  max-width: 70ch;\r\n  font-size: 1rem;\r\n  line-height: 1.72;\r\n  letter-spacing: .004em;\r\n  overflow-wrap: break-word;\r\n  hyphens: auto;\r\n}\r\n\r\n#tfpQA h1,\r\n#tfpQA h2,\r\n#tfpQA h3,\r\n#tfpQA h4 {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  line-height: 1.12;\r\n  letter-spacing: -.032em;\r\n  color: var(--c-white);\r\n  text-wrap: balance;\r\n  overflow-wrap: break-word;\r\n  hyphens: manual;\r\n}\r\n\r\n#tfpQA .tfp-wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(20px, 5vw, 56px);\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#tfpQA.tfp-sec {\r\n  padding-block: clamp(56px, 7vw, 96px);\r\n}\r\n\r\n#tfpQA::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -200px;\r\n  right: -180px;\r\n  width: 540px;\r\n  height: 540px;\r\n  background: radial-gradient(circle, rgba(219, 147, 72, .18) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   GRID\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpQA .tfp-qa-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 1fr;\r\n  gap: clamp(32px, 6vw, 72px);\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#tfpQA h2 {\r\n  color: var(--c-white);\r\n  font-size: clamp(1.76rem, 3.05vw, 2.48rem);\r\n  line-height: 1.14;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n#tfpQA .tfp-plus-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 46px;\r\n  height: 46px;\r\n  background: var(--c-gold);\r\n  color: var(--c-navy);\r\n  border-radius: 50%;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 900;\r\n  font-size: 26px;\r\n  margin-right: 10px;\r\n  vertical-align: middle;\r\n  line-height: 1;\r\n}\r\n\r\n#tfpQA p {\r\n  font-size: 1.04rem;\r\n  line-height: 1.7;\r\n  color: rgba(255, 255, 255, .93);\r\n  margin-bottom: 22px;\r\n  max-width: 54ch;\r\n}\r\n\r\n#tfpQA .tfp-italic-lnk {\r\n  display: inline-block;\r\n  color: var(--c-gold-lt);\r\n  font-weight: 700;\r\n  font-style: italic;\r\n  margin-bottom: 26px;\r\n  text-decoration: underline;\r\n  text-underline-offset: 4px;\r\n  font-size: 1.04rem;\r\n  line-height: 1.7;\r\n}\r\n\r\n#tfpQA .tfp-qa-note {\r\n  margin-top: 18px;\r\n  font-size: .96rem;\r\n  font-style: italic;\r\n  color: rgba(255, 255, 255, .78);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   BUTTON\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpQA .tfp-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-height: 52px;\r\n  padding: 21px 48px;\r\n  border-radius: var(--r-s);\r\n  border: 0;\r\n  background: var(--c-gold);\r\n  color: var(--c-white);\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: 1.1rem;\r\n  line-height: 1.18;\r\n  letter-spacing: .006em;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  transition: background .22s ease, color .22s ease;\r\n  overflow-wrap: normal;\r\n  hyphens: manual;\r\n}\r\n\r\n#tfpQA .tfp-btn:hover {\r\n  background: var(--c-gold-hv);\r\n  color: var(--c-white);\r\n}\r\n\r\n#tfpQA .tfp-btn:active {\r\n  background: #b06828;\r\n}\r\n\r\n#tfpQA .tfp-btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   IMAGE SIDE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpQA .tfp-qa-img {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 16px;\r\n  text-align: center;\r\n}\r\n\r\n#tfpQA .tfp-qa-circle {\r\n  width: clamp(170px, 23vw, 240px);\r\n  height: clamp(170px, 23vw, 240px);\r\n  border-radius: 50%;\r\n  overflow: hidden;\r\n  border: 4px solid var(--c-gold);\r\n}\r\n\r\n#tfpQA .tfp-qa-circle img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center top;\r\n}\r\n\r\n#tfpQA .tfp-qa-person {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .78rem;\r\n  font-weight: 700;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  color: var(--c-white);\r\n}\r\n\r\n#tfpQA .tfp-qa-bio {\r\n  font-size: .96rem;\r\n  line-height: 1.7;\r\n  color: rgba(255, 255, 255, .88);\r\n  max-width: 36ch;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   SCROLL FADE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpQA .tfp-sf {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#tfpQA.is-js .tfp-sf {\r\n  opacity: 0;\r\n  transform: translateY(26px);\r\n  transition: opacity .7s ease-out, transform .7s ease-out;\r\n}\r\n\r\n#tfpQA.is-js .tfp-sf.is-in {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   RESPONSIVE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n@media (max-width: 1024px) {\r\n  #tfpQA .tfp-qa-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n  #tfpQA {\r\n    font-size: 18px;\r\n    line-height: 1.66;\r\n  }\r\n\r\n  #tfpQA .tfp-qa-img {\r\n    align-items: flex-start;\r\n    text-align: left;\r\n  }\r\n\r\n  #tfpQA .tfp-btn {\r\n    padding: 19px 32px;\r\n    font-size: 1.04rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  #tfpQA {\r\n    font-size: 17.5px;\r\n    line-height: 1.64;\r\n  }\r\n\r\n  #tfpQA .tfp-wrap {\r\n    padding-inline: 16px;\r\n  }\r\n\r\n  #tfpQA h2 {\r\n    font-size: clamp(1.68rem, 7vw, 2.08rem);\r\n  }\r\n\r\n  #tfpQA .tfp-plus-badge {\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 23px;\r\n  }\r\n\r\n  #tfpQA p,\r\n  #tfpQA .tfp-italic-lnk {\r\n    font-size: .98rem;\r\n  }\r\n\r\n  #tfpQA .tfp-btn {\r\n    width: 100%;\r\n    white-space: normal;\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n    line-height: 1.2;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #tfpQA *,\r\n  #tfpQA *::before,\r\n  #tfpQA *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"tfpQA\" class=\"tfp-sec\">\r\n  <div class=\"tfp-wrap\">\r\n\r\n    <div class=\"tfp-qa-grid\">\r\n\r\n      <div class=\"tfp-sf\">\r\n        <h2>\r\n          <span class=\"tfp-plus-badge\" aria-hidden=\"true\">+<\/span>K\u00e9rdez\u00e9si lehet\u0151s\u00e9g az el\u0151ad\u00e1s k\u00f6zben!\r\n        <\/h2>\r\n\r\n        <p>\r\n          Ha az el\u0151ad\u00e1s alatt k\u00e9rd\u00e9sed mer\u00fcl fel, vagy nem tudod, hogyan lehet a webin\u00e1riumon hallott lehet\u0151s\u00e9geket \u00e1t\u00fcltetni a saj\u00e1t gyakorlatodba, akkor\r\n        <\/p>\r\n\r\n        <div class=\"tfp-italic-lnk\">\r\n          k\u00e9rdezz t\u0151lem b\u00e1tran, ak\u00e1r t\u00f6bbsz\u00f6r is!\r\n        <\/div>\r\n\r\n        <br>\r\n\r\n        <a href=\"#tfJelentkezes\" class=\"tfp-btn\">\r\n          Ott leszek a webin\u00e1ron!\r\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M5 12h14M13 5l7 7-7 7\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <p class=\"tfp-qa-note\">\r\n          \u2026\u00e9s megtudom, mit \u00e1rulnak el besz\u00e9lget\u0151partneremr\u0151l az arcvon\u00e1sai! \ud83d\ude0a\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tfp-qa-img tfp-sf\">\r\n        <div class=\"tfp-qa-circle\">\r\n          <img\r\n            src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2024\/06\/Evoto-11of14-ezgif.com-optijpeg-scaled.jpg\"\r\n            alt=\"Stampf Kriszta\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"tfp-qa-person\">Stampf Kriszta<\/div>\r\n\r\n        <p class=\"tfp-qa-bio\">\r\n          Stampf Kriszta arc- \u00e9s szem\u00e9lyis\u00e9golvas\u00e1s szak\u00e9rt\u0151, sok\u00e9ves tapasztalattal. Egyedi m\u00f3dszereivel seg\u00edti az embereket \u00f6nmaguk \u00e9s m\u00e1sok meg\u00e9rt\u00e9s\u00e9ben. Workshopjai \u00e9s konzult\u00e1ci\u00f3i r\u00e9v\u00e9n HR-munkat\u00e1rsak, terapeut\u00e1k, c\u00e9gvezet\u0151k, sz\u00fcl\u0151k \u00e9s p\u00e1rok sz\u00e1m\u00e1ra is \u00e9rt\u00e9kes tud\u00e1st ny\u00fajt.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var root = document.getElementById('tfpQA');\r\n  if (!root) return;\r\n\r\n  root.classList.add('is-js');\r\n\r\n  var reduceMotion = window.matchMedia &&\r\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  \/* Smooth anchor scroll *\/\r\n  root.addEventListener('click', function (e) {\r\n    var link = e.target.closest('a[href^=\"#\"]');\r\n    if (!link) return;\r\n\r\n    var selector = link.getAttribute('href');\r\n    var target = selector ? document.querySelector(selector) : null;\r\n\r\n    if (!target) return;\r\n\r\n    e.preventDefault();\r\n\r\n    window.scrollTo({\r\n      top: Math.max(0, target.getBoundingClientRect().top + window.pageYOffset - 14),\r\n      behavior: reduceMotion ? 'auto' : 'smooth'\r\n    });\r\n\r\n    if (history.pushState) {\r\n      history.pushState(null, '', selector);\r\n    }\r\n  });\r\n\r\n  \/* Scroll fade *\/\r\n  var items = root.querySelectorAll('.tfp-sf');\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    var observer = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-in');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.1,\r\n      rootMargin: '0px 0px -40px 0px'\r\n    });\r\n\r\n    items.forEach(function (item) {\r\n      observer.observe(item);\r\n    });\r\n  } else {\r\n    items.forEach(function (item) {\r\n      item.classList.add('is-in');\r\n    });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23e8fa6 e-con-full e-flex e-con e-parent\" data-id=\"23e8fa6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e90e30 elementor-widget elementor-widget-html\" data-id=\"3e90e30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     TALKING FACE \u2013 BLOKK 09: V\u00c9LEM\u00c9NYEK\r\n     Teljes \u00f6n\u00e1ll\u00f3 k\u00f3d: HTML + CSS + JS\r\n     Eredeti padding logik\u00e1val\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,700&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   TALKING FACE \u2013 BLOKK 09\r\n   V\u00e9lem\u00e9nyek\r\n   scope: #tfpTestimonials\r\n   ============================================================ *\/\r\n\r\n#tfpTestimonials,\r\n#tfpTestimonials *,\r\n#tfpTestimonials *::before,\r\n#tfpTestimonials *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#tfpTestimonials * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#tfpTestimonials {\r\n  --c-navy: #070F30;\r\n  --c-navy70: #343B5B;\r\n  --c-gold: #DB9348;\r\n  --c-bg: #F7F7F8;\r\n  --c-white: #FFFFFF;\r\n\r\n  --shadow-s: 0 2px 12px rgba(7, 15, 48, .08);\r\n  --shadow-m: 0 10px 30px rgba(7, 15, 48, .13);\r\n\r\n  --r-l: 22px;\r\n\r\n  width: 100%;\r\n  background: var(--c-bg);\r\n  color: var(--c-navy);\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  font-size: 18.5px;\r\n  line-height: 1.68;\r\n  overflow-x: clip;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#tfpTestimonials .tfp-wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(20px, 5vw, 56px);\r\n}\r\n\r\n#tfpTestimonials.tfp-sec {\r\n  padding-block: clamp(56px, 7vw, 96px);\r\n}\r\n\r\n#tfpTestimonials p,\r\n#tfpTestimonials li {\r\n  font-size: 1rem;\r\n  line-height: 1.72;\r\n  letter-spacing: .004em;\r\n  overflow-wrap: break-word;\r\n  hyphens: auto;\r\n}\r\n\r\n#tfpTestimonials h1,\r\n#tfpTestimonials h2,\r\n#tfpTestimonials h3,\r\n#tfpTestimonials h4 {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  line-height: 1.12;\r\n  letter-spacing: -.032em;\r\n  color: var(--c-navy);\r\n  text-wrap: balance;\r\n  overflow-wrap: break-word;\r\n  hyphens: manual;\r\n}\r\n\r\n#tfpTestimonials .tfp-center {\r\n  text-align: center;\r\n}\r\n\r\n#tfpTestimonials .tfp-eyebrow {\r\n  display: inline-block;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .82rem;\r\n  font-weight: 700;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gold);\r\n  margin-bottom: 14px;\r\n}\r\n\r\n#tfpTestimonials .tfp-sec-title {\r\n  font-size: clamp(1.92rem, 3.4vw, 2.68rem);\r\n  line-height: 1.13;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   TESTIMONIALS\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpTestimonials .tfp-testi-head {\r\n  margin-bottom: clamp(36px, 4vw, 52px);\r\n}\r\n\r\n#tfpTestimonials .tfp-testi-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: clamp(16px, 2.5vw, 26px);\r\n  max-width: 980px;\r\n  margin-inline: auto;\r\n}\r\n\r\n#tfpTestimonials .tfp-t-card {\r\n  background: var(--c-white);\r\n  border-radius: var(--r-l);\r\n  padding: clamp(24px, 3vw, 34px);\r\n  box-shadow: var(--shadow-s);\r\n  position: relative;\r\n  transition: transform .28s ease, box-shadow .28s ease;\r\n}\r\n\r\n#tfpTestimonials .tfp-t-card:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: var(--shadow-m);\r\n}\r\n\r\n#tfpTestimonials .tfp-t-card::before {\r\n  content: '\\201C';\r\n  position: absolute;\r\n  top: 10px;\r\n  right: 18px;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: 72px;\r\n  line-height: 1;\r\n  color: var(--c-gold);\r\n  opacity: .16;\r\n}\r\n\r\n#tfpTestimonials .tfp-stars {\r\n  color: var(--c-gold);\r\n  font-size: 1rem;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n#tfpTestimonials .tfp-t-card p {\r\n  font-style: italic;\r\n  font-size: 1rem;\r\n  line-height: 1.72;\r\n  color: var(--c-navy70);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#tfpTestimonials .tfp-t-author {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding-top: 16px;\r\n  border-top: 1px solid rgba(7, 15, 48, .07);\r\n}\r\n\r\n#tfpTestimonials .tfp-t-av {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  background: var(--c-navy);\r\n  color: var(--c-white);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: .95rem;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n#tfpTestimonials .tfp-t-name {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: .98rem;\r\n  color: var(--c-navy);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   SCROLL FADE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfpTestimonials .tfp-sf {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#tfpTestimonials.is-js .tfp-sf {\r\n  opacity: 0;\r\n  transform: translateY(26px);\r\n  transition: opacity .7s ease-out, transform .7s ease-out;\r\n}\r\n\r\n#tfpTestimonials.is-js .tfp-sf.is-in {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   RESPONSIVE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n@media (max-width: 820px) {\r\n  #tfpTestimonials {\r\n    font-size: 18px;\r\n    line-height: 1.66;\r\n  }\r\n\r\n  #tfpTestimonials p,\r\n  #tfpTestimonials li {\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #tfpTestimonials h1,\r\n  #tfpTestimonials h2,\r\n  #tfpTestimonials h3,\r\n  #tfpTestimonials h4 {\r\n    line-height: 1.13;\r\n  }\r\n\r\n  #tfpTestimonials .tfp-sec-title {\r\n    font-size: clamp(1.78rem, 5.8vw, 2.32rem);\r\n  }\r\n\r\n  #tfpTestimonials .tfp-testi-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  #tfpTestimonials {\r\n    font-size: 17.5px;\r\n    line-height: 1.64;\r\n  }\r\n\r\n  #tfpTestimonials .tfp-wrap {\r\n    padding-inline: 16px;\r\n  }\r\n\r\n  #tfpTestimonials p,\r\n  #tfpTestimonials li {\r\n    line-height: 1.64;\r\n    letter-spacing: .002em;\r\n  }\r\n\r\n  #tfpTestimonials .tfp-sec-title {\r\n    font-size: clamp(1.68rem, 7vw, 2.08rem);\r\n  }\r\n\r\n  #tfpTestimonials .tfp-t-card p {\r\n    font-size: .98rem;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #tfpTestimonials *,\r\n  #tfpTestimonials *::before,\r\n  #tfpTestimonials *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"tfpTestimonials\" class=\"tfp-sec\">\r\n  <div class=\"tfp-wrap\">\r\n\r\n    <div class=\"tfp-center tfp-testi-head\">\r\n      <span class=\"tfp-eyebrow\">R\u00e9sztvev\u0151k mondt\u00e1k<\/span>\r\n      <h2 class=\"tfp-sec-title\">T\u00f6bb ezer ember mondta m\u00e1r el, mit kapott t\u0151l\u00fcnk<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"tfp-testi-grid\">\r\n\r\n      <div class=\"tfp-t-card tfp-sf\">\r\n        <div class=\"tfp-stars\" aria-label=\"5 csillagos \u00e9rt\u00e9kel\u00e9s\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n\r\n        <p>\u201eKedves Kriszta! Nagyon k\u00f6sz\u00f6n\u00f6m a lehet\u0151s\u00e9get, hogy a mai el\u0151ad\u00e1son r\u00e9szt vehettem. Sz\u00e1momra nagyon tanuls\u00e1gos \u00e9s \u00e9rdekes ismereteket adott. Sz\u00edvesen olvasn\u00e1m a k\u00f6nyvet, amit k\u00e9sz\u00fclsz meg\u00edrni, \u00e9s nagyon rem\u00e9lem, hogy egyszer lesz lehet\u0151s\u00e9gem tanfolyamon is ott lenni.\"<\/p>\r\n\r\n        <div class=\"tfp-t-author\">\r\n          <div class=\"tfp-t-av\" aria-hidden=\"true\">MZ<\/div>\r\n          <div class=\"tfp-t-name\">Majnikn\u00e9 Zsuzsa<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tfp-t-card tfp-sf\">\r\n        <div class=\"tfp-stars\" aria-label=\"5 csillagos \u00e9rt\u00e9kel\u00e9s\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n\r\n        <p>\u201eMindig \u00f6r\u00f6mmel csatlakozom minden online esem\u00e9nyhez. Remek el\u0151ad\u00e1s volt, most is megtudtam \u00e9rdekes inform\u00e1ci\u00f3kat. Mindig nagy \u00e9rdekl\u0151d\u00e9ssel \u00e9s k\u00edv\u00e1ncsian v\u00e1rom az online lehet\u0151s\u00e9geket. K\u00f6sz\u00f6n\u00f6m, hogy megint r\u00e9szese lehettem!\"<\/p>\r\n\r\n        <div class=\"tfp-t-author\">\r\n          <div class=\"tfp-t-av\" aria-hidden=\"true\">LK<\/div>\r\n          <div class=\"tfp-t-name\">Ligeti Krisztina<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var root = document.getElementById('tfpTestimonials');\r\n  if (!root) return;\r\n\r\n  root.classList.add('is-js');\r\n\r\n  var items = root.querySelectorAll('.tfp-sf');\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    var observer = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-in');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.1,\r\n      rootMargin: '0px 0px -40px 0px'\r\n    });\r\n\r\n    items.forEach(function (item) {\r\n      observer.observe(item);\r\n    });\r\n  } else {\r\n    items.forEach(function (item) {\r\n      item.classList.add('is-in');\r\n    });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a51087d e-con-full e-flex e-con e-parent\" data-id=\"a51087d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dda8b21 elementor-widget elementor-widget-html\" data-id=\"dda8b21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     TALKING FACE \u2013 BLOKK 10: FELIRATKOZ\u00d3 FORM\r\n     Teljes \u00f6n\u00e1ll\u00f3 k\u00f3d: HTML + CSS + JS\r\n     Eredeti padding logik\u00e1val\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,700&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   TALKING FACE \u2013 BLOKK 10\r\n   Feliratkoz\u00f3 form\r\n   scope: #tfJelentkezes\r\n   ============================================================ *\/\r\n\r\n#tfJelentkezes,\r\n#tfJelentkezes *,\r\n#tfJelentkezes *::before,\r\n#tfJelentkezes *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#tfJelentkezes * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#tfJelentkezes {\r\n  --c-navy: #070F30;\r\n  --c-navy70: #343B5B;\r\n  --c-navy50: #5F6681;\r\n  --c-gold: #DB9348;\r\n  --c-gold-hv: #c07830;\r\n  --c-gold-lt: #F4DDC2;\r\n  --c-bg: #F7F7F8;\r\n  --c-white: #FFFFFF;\r\n\r\n  --shadow-l: 0 22px 60px rgba(7, 15, 48, .18);\r\n\r\n  --r-s: 8px;\r\n  --r-m: 14px;\r\n  --r-l: 22px;\r\n\r\n  width: 100%;\r\n  background: linear-gradient(180deg, var(--c-white) 0%, var(--c-bg) 100%);\r\n  color: var(--c-navy);\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  font-size: 18.5px;\r\n  line-height: 1.68;\r\n  overflow-x: clip;\r\n  scroll-margin-top: 92px;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#tfJelentkezes a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n#tfJelentkezes p,\r\n#tfJelentkezes li {\r\n  font-size: 1rem;\r\n  line-height: 1.72;\r\n  letter-spacing: .004em;\r\n  overflow-wrap: break-word;\r\n  hyphens: auto;\r\n}\r\n\r\n#tfJelentkezes h1,\r\n#tfJelentkezes h2,\r\n#tfJelentkezes h3,\r\n#tfJelentkezes h4 {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  line-height: 1.12;\r\n  letter-spacing: -.032em;\r\n  color: var(--c-navy);\r\n  text-wrap: balance;\r\n  overflow-wrap: break-word;\r\n  hyphens: manual;\r\n}\r\n\r\n#tfJelentkezes .tfp-wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(20px, 5vw, 56px);\r\n}\r\n\r\n#tfJelentkezes.tfp-sec {\r\n  padding-block: clamp(56px, 7vw, 96px);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   GRID\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfJelentkezes .tfp-signup-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(360px, 1.08fr);\r\n  gap: clamp(32px, 6vw, 60px);\r\n  align-items: start;\r\n  max-width: 1100px;\r\n  margin-inline: auto;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   LEFT SIDE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfJelentkezes .tfp-eyebrow {\r\n  display: inline-block;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .82rem;\r\n  font-weight: 700;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gold);\r\n  margin-bottom: 14px;\r\n}\r\n\r\n#tfJelentkezes .tfp-signup-info h2 {\r\n  font-size: clamp(1.8rem, 3.15vw, 2.5rem);\r\n  line-height: 1.13;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#tfJelentkezes .tfp-signup-info h2 em {\r\n  color: var(--c-gold);\r\n  font-style: italic;\r\n}\r\n\r\n#tfJelentkezes .tfp-signup-lead {\r\n  font-size: 1.04rem;\r\n  line-height: 1.7;\r\n  color: var(--c-navy70);\r\n  margin-bottom: 28px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   PERKS\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfJelentkezes .tfp-perks {\r\n  background: var(--c-white);\r\n  border-radius: var(--r-m);\r\n  padding: 22px;\r\n  border: 1px solid rgba(7, 15, 48, .08);\r\n  margin-bottom: 24px;\r\n}\r\n\r\n#tfJelentkezes .tfp-perks-title {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .74rem;\r\n  font-weight: 700;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gold);\r\n  margin-bottom: 14px;\r\n}\r\n\r\n#tfJelentkezes .tfp-perk {\r\n  display: flex;\r\n  gap: 14px;\r\n  padding: 11px 0;\r\n  border-bottom: 1px solid rgba(7, 15, 48, .06);\r\n  font-size: 1rem;\r\n  line-height: 1.58;\r\n}\r\n\r\n#tfJelentkezes .tfp-perk:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n#tfJelentkezes .tfp-perk svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  flex: 0 0 auto;\r\n  color: var(--c-navy);\r\n  margin-top: 3px;\r\n}\r\n\r\n#tfJelentkezes .tfp-perk strong {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  color: var(--c-navy);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   FORM CARD\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfJelentkezes .tfp-form-card {\r\n  background: var(--c-white);\r\n  border-radius: var(--r-l);\r\n  padding: clamp(28px, 4vw, 46px);\r\n  box-shadow: var(--shadow-l);\r\n  position: relative;\r\n  border: 1px solid rgba(7, 15, 48, .06);\r\n}\r\n\r\n#tfJelentkezes .tfp-form-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0 24px auto 24px;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, var(--c-gold), var(--c-navy));\r\n  border-radius: 0 0 4px 4px;\r\n}\r\n\r\n#tfJelentkezes .tfp-form-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--c-gold-lt);\r\n  color: var(--c-navy70);\r\n  padding: 6px 16px;\r\n  border-radius: 50px;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .78rem;\r\n  font-weight: 700;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n#tfJelentkezes .tfp-form-badge::before {\r\n  content: '';\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--c-gold);\r\n}\r\n\r\n#tfJelentkezes .tfp-form-card h3 {\r\n  font-size: 1.42rem;\r\n  line-height: 1.18;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n#tfJelentkezes .tfp-form-sub {\r\n  font-size: .96rem;\r\n  line-height: 1.58;\r\n  color: var(--c-navy50);\r\n  margin-bottom: 22px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   MINICRM RESPONSIVE OVERRIDE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfJelentkezes .tfp-mcm form {\r\n  display: grid;\r\n  gap: 14px;\r\n}\r\n\r\n#tfJelentkezes .tfp-mcm table {\r\n  width: 100% !important;\r\n  border-collapse: collapse !important;\r\n}\r\n\r\n#tfJelentkezes .tfp-mcm tr,\r\n#tfJelentkezes .tfp-mcm td,\r\n#tfJelentkezes .tfp-mcm th {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  padding: 0 0 14px !important;\r\n  border: 0 !important;\r\n}\r\n\r\n#tfJelentkezes .tfp-mcm br {\r\n  display: none;\r\n}\r\n\r\n#tfJelentkezes .tfp-mcm input[type=text],\r\n#tfJelentkezes .tfp-mcm input[type=email],\r\n#tfJelentkezes .tfp-mcm input[type=tel],\r\n#tfJelentkezes .tfp-mcm input[type=number],\r\n#tfJelentkezes .tfp-mcm select,\r\n#tfJelentkezes .tfp-mcm textarea {\r\n  width: 100% !important;\r\n  min-height: 52px !important;\r\n  padding: 13px 15px !important;\r\n  border: 1.5px solid rgba(7, 15, 48, .16) !important;\r\n  border-radius: var(--r-s) !important;\r\n  font-family: 'Noto Sans', system-ui, sans-serif !important;\r\n  font-size: 1rem !important;\r\n  line-height: 1.48 !important;\r\n  letter-spacing: .002em !important;\r\n  color: var(--c-navy) !important;\r\n  background: var(--c-white) !important;\r\n  transition: border-color .2s ease, box-shadow .2s ease !important;\r\n}\r\n\r\n#tfJelentkezes .tfp-mcm textarea {\r\n  min-height: 120px !important;\r\n  resize: vertical !important;\r\n}\r\n\r\n#tfJelentkezes .tfp-mcm input:focus,\r\n#tfJelentkezes .tfp-mcm select:focus,\r\n#tfJelentkezes .tfp-mcm textarea:focus {\r\n  outline: 0 !important;\r\n  border-color: var(--c-gold) !important;\r\n  box-shadow: 0 0 0 3px rgba(219, 147, 72, .16) !important;\r\n}\r\n\r\n#tfJelentkezes .tfp-mcm label {\r\n  font-family: 'Chivo', system-ui, sans-serif !important;\r\n  font-weight: 600 !important;\r\n  font-size: .96rem !important;\r\n  letter-spacing: .004em !important;\r\n  color: var(--c-navy) !important;\r\n  display: block !important;\r\n  margin-bottom: 6px !important;\r\n}\r\n\r\n#tfJelentkezes .tfp-mcm button[type=submit],\r\n#tfJelentkezes .tfp-mcm input[type=submit] {\r\n  background: var(--c-gold) !important;\r\n  color: var(--c-white) !important;\r\n  border: 0 !important;\r\n  min-height: 56px !important;\r\n  padding: 17px 32px !important;\r\n  border-radius: var(--r-s) !important;\r\n  font-family: 'Chivo', system-ui, sans-serif !important;\r\n  font-weight: 700 !important;\r\n  font-size: 1.04rem !important;\r\n  line-height: 1.18 !important;\r\n  letter-spacing: .006em !important;\r\n  cursor: pointer !important;\r\n  width: 100% !important;\r\n  margin-top: 8px !important;\r\n  transition: background .22s ease !important;\r\n}\r\n\r\n#tfJelentkezes .tfp-mcm button[type=submit]:hover,\r\n#tfJelentkezes .tfp-mcm input[type=submit]:hover {\r\n  background: var(--c-gold-hv) !important;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   SCROLL FADE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n#tfJelentkezes .tfp-sf {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#tfJelentkezes.is-js .tfp-sf {\r\n  opacity: 0;\r\n  transform: translateY(26px);\r\n  transition: opacity .7s ease-out, transform .7s ease-out;\r\n}\r\n\r\n#tfJelentkezes.is-js .tfp-sf.is-in {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   RESPONSIVE\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n@media (max-width: 1024px) {\r\n  #tfJelentkezes .tfp-signup-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n  #tfJelentkezes {\r\n    font-size: 18px;\r\n    line-height: 1.66;\r\n  }\r\n\r\n  #tfJelentkezes p,\r\n  #tfJelentkezes li {\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #tfJelentkezes h1,\r\n  #tfJelentkezes h2,\r\n  #tfJelentkezes h3,\r\n  #tfJelentkezes h4 {\r\n    line-height: 1.13;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  #tfJelentkezes {\r\n    font-size: 17.5px;\r\n    line-height: 1.64;\r\n  }\r\n\r\n  #tfJelentkezes .tfp-wrap {\r\n    padding-inline: 16px;\r\n  }\r\n\r\n  #tfJelentkezes p,\r\n  #tfJelentkezes li {\r\n    line-height: 1.64;\r\n    letter-spacing: .002em;\r\n  }\r\n\r\n  #tfJelentkezes .tfp-signup-info h2 {\r\n    font-size: clamp(1.68rem, 7vw, 2.08rem);\r\n  }\r\n\r\n  #tfJelentkezes .tfp-signup-lead,\r\n  #tfJelentkezes .tfp-perk {\r\n    font-size: .98rem;\r\n  }\r\n\r\n  #tfJelentkezes .tfp-form-card {\r\n    padding: 26px 18px;\r\n  }\r\n\r\n  #tfJelentkezes .tfp-form-card h3 {\r\n    font-size: 1.3rem;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #tfJelentkezes *,\r\n  #tfJelentkezes *::before,\r\n  #tfJelentkezes *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"tfJelentkezes\" class=\"tfp-sec\">\r\n  <div class=\"tfp-wrap\">\r\n\r\n    <div class=\"tfp-signup-grid\">\r\n\r\n      <div class=\"tfp-signup-info tfp-sf\">\r\n        <span class=\"tfp-eyebrow\">Foglald le a helyed<\/span>\r\n\r\n        <h2>\r\n          Jelentkezz, \u00e9s fedezd fel a szavak m\u00f6g\u00f6tt <em>megb\u00faj\u00f3 rejtett \u00fczeneteket!<\/em>\r\n        <\/h2>\r\n\r\n        <p class=\"tfp-signup-lead\">\r\n          Az arcolvas\u00e1s webin\u00e1r a m\u00e9lyebb meg\u00e9rt\u00e9s\u00e9rt. Csak n\u00e9h\u00e1ny adat kell, \u00e9s m\u00e1ris ott vagy az \u00e9l\u0151 k\u00f6zvet\u00edt\u00e9sen.\r\n        <\/p>\r\n\r\n        <div class=\"tfp-perks\">\r\n          <div class=\"tfp-perks-title\">Amit kapsz<\/div>\r\n\r\n          <div class=\"tfp-perk\">\r\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M20 6L9 17l-5-5\"><\/path>\r\n            <\/svg>\r\n            <span><strong>90 perc \u00e9l\u0151 tartalom<\/strong> Stampf Kriszt\u00e1t\u00f3l<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"tfp-perk\">\r\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M20 6L9 17l-5-5\"><\/path>\r\n            <\/svg>\r\n            <span><strong>\u00c9l\u0151 k\u00e9rdez\u00e9si lehet\u0151s\u00e9g<\/strong> az ad\u00e1s k\u00f6zben<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"tfp-perk\">\r\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M20 6L9 17l-5-5\"><\/path>\r\n            <\/svg>\r\n            <span><strong>Gyakorlati ismeretek<\/strong> az arcolvas\u00e1s m\u0171v\u00e9szet\u00e9b\u0151l<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"tfp-perk\">\r\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M20 6L9 17l-5-5\"><\/path>\r\n            <\/svg>\r\n            <span><strong>Eml\u00e9keztet\u0151 e-mail<\/strong> a webin\u00e1r el\u0151tt<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tfp-form-card tfp-sf\">\r\n        <div class=\"tfp-form-badge\">Ingyenes regisztr\u00e1ci\u00f3<\/div>\r\n\r\n        <h3>Foglald le a helyed most<\/h3>\r\n\r\n        <p class=\"tfp-form-sub\">\r\n          A regisztr\u00e1ci\u00f3val r\u00e9szv\u00e9teli linket kapsz e-mailben.\r\n        <\/p>\r\n\r\n        <div class=\"tfp-mcm\">\r\n          <script async src='https:\/\/r3.minicrm.hu\/api\/loader.js?73684-1gn9zqmkmn20q7vcli2m2n4sj78y3r'><\/script>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var root = document.getElementById('tfJelentkezes');\r\n  if (!root) return;\r\n\r\n  root.classList.add('is-js');\r\n\r\n  var items = root.querySelectorAll('.tfp-sf');\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    var observer = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-in');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.1,\r\n      rootMargin: '0px 0px -40px 0px'\r\n    });\r\n\r\n    items.forEach(function (item) {\r\n      observer.observe(item);\r\n    });\r\n  } else {\r\n    items.forEach(function (item) {\r\n      item.classList.add('is-in');\r\n    });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Talking Face 2026. j\u00falius 14. \u00b7 18:30 Jelentkezem Talking Face Stampf Kriszta arcolvas\u00f3 \u00e9s tan\u00e1r Ingyenes online webin\u00e1r K\u00e9pes vagyok megfelel\u0151 d\u00f6nt\u00e9seket hozni? N\u00e9zz\u00fck meg, mit mutat r\u00f3lad az arcod [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7194","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/pages\/7194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/comments?post=7194"}],"version-history":[{"count":71,"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/pages\/7194\/revisions"}],"predecessor-version":[{"id":7522,"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/pages\/7194\/revisions\/7522"}],"wp:attachment":[{"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/media?parent=7194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}