{"id":345,"date":"2024-05-30T13:45:32","date_gmt":"2024-05-30T13:45:32","guid":{"rendered":"https:\/\/arcolvasas.hu\/?page_id=345"},"modified":"2026-05-22T12:53:53","modified_gmt":"2026-05-22T12:53:53","slug":"webinar-koszono-oldal","status":"publish","type":"page","link":"https:\/\/arcolvasas.hu\/index.php\/webinar-koszono-oldal\/","title":{"rendered":"Webin\u00e1r k\u00f6sz\u00f6n\u0151 oldal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"345\" class=\"elementor elementor-345\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6318d39 e-con-full e-flex e-con e-parent\" data-id=\"6318d39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adde933 elementor-widget elementor-widget-html\" data-id=\"adde933\" 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 K\u00f6sz\u00f6n\u0151 oldal\r\n     Elementor HTML widgetbe illeszthet\u0151, \u00f6n\u00e1ll\u00f3 st\u00edlussal\r\n     Feliratkoz\u00f3 oldal st\u00edlus\u00e1hoz igaz\u00edtott verzi\u00f3\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 THANK YOU PAGE \u2013 scope: .tfty\r\n   ============================================================ *\/\r\n\r\n.tfty,\r\n.tfty *,\r\n.tfty *::before,\r\n.tfty *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tfty * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.tfty {\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  letter-spacing: .002em;\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  width: 100%;\r\n  overflow-x: clip;\r\n  isolation: isolate;\r\n}\r\n\r\n.tfty img {\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n.tfty a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.tfty p,\r\n.tfty 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.tfty p {\r\n  max-width: 70ch;\r\n}\r\n\r\n.tfty h1,\r\n.tfty h2,\r\n.tfty h3,\r\n.tfty 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.tfty a:focus-visible,\r\n.tfty button:focus-visible {\r\n  outline: 3px solid var(--c-gold-lt);\r\n  outline-offset: 4px;\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   LAYOUT\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.tfty .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   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.tfty .hero {\r\n  background: var(--c-navy);\r\n  color: var(--c-white);\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding-bottom: 0;\r\n}\r\n\r\n.tfty .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.tfty .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(219, 147, 72, .18) 0%, transparent 70%);\r\n}\r\n\r\n.tfty .hero-blob-2 {\r\n  width: 420px;\r\n  height: 420px;\r\n  bottom: -80px;\r\n  right: -90px;\r\n  background: radial-gradient(circle, rgba(219, 147, 72, .14) 0%, transparent 70%);\r\n}\r\n\r\n.tfty .hero .wrap.hero-grid {\r\n  max-width: 1240px;\r\n}\r\n\r\n.tfty .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\/* Bal oldal *\/\r\n\r\n.tfty .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\/* Logo *\/\r\n\r\n.tfty .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: tftyFadeDown .8s ease-out both;\r\n}\r\n\r\n.tfty .hero-logo img {\r\n  width: 78px;\r\n  height: 78px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.tfty .hero-logo-name {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  letter-spacing: .135em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gold);\r\n  display: block;\r\n  line-height: 1.34;\r\n}\r\n\r\n.tfty .hero-logo-sub {\r\n  font-size: 1rem;\r\n  color: var(--c-gray);\r\n  opacity: .78;\r\n  line-height: 1.42;\r\n  letter-spacing: .002em;\r\n}\r\n\r\n\/* Progress bar *\/\r\n\r\n.tfty .progress-wrap {\r\n  width: 100%;\r\n  max-width: 610px;\r\n  margin-bottom: 34px;\r\n  animation: tftyFadeUp 1s ease-out .2s both;\r\n}\r\n\r\n.tfty .progress-bar {\r\n  width: 100%;\r\n  height: 38px;\r\n  background: rgba(255, 255, 255, .075);\r\n  border: 1px solid rgba(219, 147, 72, .32);\r\n  border-radius: var(--r-s);\r\n  position: relative;\r\n  overflow: hidden;\r\n  -webkit-backdrop-filter: blur(8px);\r\n  backdrop-filter: blur(8px);\r\n}\r\n\r\n.tfty .progress-fill {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  background: linear-gradient(90deg, var(--c-gold), var(--c-gold-hv));\r\n  border-radius: var(--r-s);\r\n  animation: tftyGrow 1.2s cubic-bezier(.16, 1, .3, 1) .5s both;\r\n}\r\n\r\n.tfty .progress-labels {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 0 16px;\r\n  z-index: 1;\r\n}\r\n\r\n.tfty .progress-lbl-left,\r\n.tfty .progress-lbl-right {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: .82rem;\r\n  letter-spacing: .08em;\r\n  text-transform: uppercase;\r\n  color: var(--c-white);\r\n}\r\n\r\n\/* Hero title *\/\r\n\r\n.tfty .hero-title {\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  color: var(--c-white);\r\n  margin-bottom: 18px;\r\n  animation: tftyFadeUp 1s ease-out .35s both;\r\n}\r\n\r\n.tfty .hero-title em {\r\n  color: var(--c-gold);\r\n  font-style: normal;\r\n}\r\n\r\n.tfty .hero-title img {\r\n  width: 1em;\r\n  height: 1em;\r\n  display: inline;\r\n  vertical-align: -.15em;\r\n}\r\n\r\n\/* Divider *\/\r\n\r\n.tfty .divider {\r\n  width: 64px;\r\n  height: 3px;\r\n  background: var(--c-gold);\r\n  border-radius: 2px;\r\n  margin-bottom: 28px;\r\n  animation: tftyFadeUp 1s ease-out .45s both;\r\n}\r\n\r\n\/* Hero body *\/\r\n\r\n.tfty .hero-body {\r\n  animation: tftyFadeUp 1s ease-out .5s both;\r\n}\r\n\r\n.tfty .hero-body p {\r\n  font-size: clamp(1.08rem, 1.55vw, 1.22rem);\r\n  line-height: 1.62;\r\n  color: var(--c-gray);\r\n  opacity: .95;\r\n  margin-bottom: 18px;\r\n  max-width: 42rem;\r\n}\r\n\r\n.tfty .hero-body p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.tfty .hero-body strong {\r\n  color: var(--c-white);\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Mirror block *\/\r\n\r\n.tfty .mirror-block {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  margin-top: 26px;\r\n  background: rgba(255, 255, 255, .07);\r\n  border: 1px solid rgba(219, 147, 72, .25);\r\n  border-radius: var(--r-m);\r\n  padding: 18px 20px;\r\n  -webkit-backdrop-filter: blur(6px);\r\n  backdrop-filter: blur(6px);\r\n}\r\n\r\n.tfty .mirror-img {\r\n  width: 88px;\r\n  height: 88px;\r\n  border-radius: var(--r-s);\r\n  overflow: hidden;\r\n  flex: 0 0 auto;\r\n  border: 2px solid rgba(219, 147, 72, .45);\r\n}\r\n\r\n.tfty .mirror-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n.tfty .mirror-text {\r\n  font-size: .98rem;\r\n  line-height: 1.65;\r\n  color: var(--c-gray);\r\n  font-style: italic;\r\n  margin: 0;\r\n}\r\n\r\n.tfty .mirror-text strong {\r\n  color: var(--c-white);\r\n  font-style: normal;\r\n}\r\n\r\n\/* Jobb oldal \u2013 k\u00e9p *\/\r\n\r\n.tfty .hero-img-col {\r\n  align-self: stretch;\r\n  display: flex;\r\n  align-items: center;\r\n  padding-top: 0;\r\n  min-height: clamp(520px, 48vw, 660px);\r\n  position: relative;\r\n}\r\n\r\n.tfty .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.tfty .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.tfty .hero-img-frame img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: 72% 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   EL\u0150AD\u00d3 \/ \u00dcZENET SZEKCI\u00d3\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.tfty .presenter {\r\n  background: var(--c-bg);\r\n  padding: clamp(56px, 7vw, 96px) 0;\r\n}\r\n\r\n.tfty .presenter-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(320px, .92fr);\r\n  gap: clamp(32px, 6vw, 72px);\r\n  align-items: stretch;\r\n}\r\n\r\n\/* Welcome card *\/\r\n\r\n.tfty .welcome-card {\r\n  background: var(--c-white);\r\n  border-radius: var(--r-l);\r\n  padding: clamp(28px, 4vw, 48px);\r\n  box-shadow: var(--shadow-m);\r\n  position: relative;\r\n  border: 1px solid rgba(7, 15, 48, .06);\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.tfty .welcome-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.tfty .welcome-eyebrow {\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-gold);\r\n  display: block;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.tfty .welcome-card 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  color: var(--c-navy);\r\n}\r\n\r\n.tfty .welcome-card p {\r\n  font-size: 1.04rem;\r\n  line-height: 1.7;\r\n  color: var(--c-navy70);\r\n  margin-bottom: 16px;\r\n  max-width: 60ch;\r\n}\r\n\r\n.tfty .welcome-card p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.tfty .welcome-card .highlight {\r\n  font-size: 1.05rem;\r\n  font-weight: 600;\r\n  color: var(--c-navy);\r\n  padding: 16px 20px;\r\n  background: var(--c-gold-lt);\r\n  border-left: 4px solid var(--c-gold);\r\n  border-radius: 0 var(--r-s) var(--r-s) 0;\r\n  margin: 20px 0;\r\n}\r\n\r\n\/* Profile card *\/\r\n\r\n.tfty .profile-card {\r\n  background: var(--c-navy);\r\n  border-radius: var(--r-l);\r\n  padding: clamp(28px, 4vw, 48px);\r\n  box-shadow: var(--shadow-l);\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.tfty .profile-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -100px;\r\n  right: -100px;\r\n  width: 300px;\r\n  height: 300px;\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.tfty .profile-photo {\r\n  width: clamp(150px, 20vw, 198px);\r\n  height: clamp(150px, 20vw, 198px);\r\n  border-radius: 50%;\r\n  overflow: hidden;\r\n  border: 4px solid var(--c-gold);\r\n  margin: 0 auto 24px;\r\n  box-shadow: 0 12px 32px rgba(0, 0, 0, .35);\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.tfty .profile-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.tfty .profile-name {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: 1.74rem;\r\n  font-weight: 900;\r\n  line-height: 1.14;\r\n  color: var(--c-gold);\r\n  margin-bottom: 5px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.tfty .profile-role {\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  opacity: .78;\r\n  margin-bottom: 20px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.tfty .profile-bio {\r\n  font-size: .98rem;\r\n  line-height: 1.72;\r\n  color: var(--c-gray);\r\n  opacity: .9;\r\n  max-width: 42ch;\r\n  margin-inline: auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Button *\/\r\n\r\n.tfty .cal-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  min-height: 52px;\r\n  padding: 18px 36px;\r\n  background: var(--c-white);\r\n  border: 1.5px solid rgba(7, 15, 48, .16);\r\n  border-radius: var(--r-s);\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 600;\r\n  font-size: 1.04rem;\r\n  line-height: 1.18;\r\n  letter-spacing: .006em;\r\n  color: var(--c-navy);\r\n  text-decoration: none;\r\n  transition: border-color .22s ease, background .22s ease;\r\n  cursor: pointer;\r\n  margin-top: 24px;\r\n  width: fit-content;\r\n}\r\n\r\n.tfty .cal-btn:hover {\r\n  border-color: var(--c-gold);\r\n  background: var(--c-gold-lt);\r\n}\r\n\r\n.tfty .cal-btn svg {\r\n  width: 22px;\r\n  height: 22px;\r\n  color: var(--c-gold);\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   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 tftyFadeIn {\r\n  from { opacity: 0; }\r\n  to { opacity: 1; }\r\n}\r\n\r\n@keyframes tftyFadeUp {\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 tftyFadeDown {\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@keyframes tftyGrow {\r\n  from {\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n  }\r\n  to {\r\n    transform: scaleX(1);\r\n    transform-origin: left;\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  .tfty .hero-grid {\r\n    grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr);\r\n    gap: 34px;\r\n  }\r\n\r\n  .tfty .hero-title {\r\n    font-size: clamp(2.28rem, 4.6vw, 3.35rem);\r\n  }\r\n\r\n  .tfty .hero-img-col {\r\n    min-height: clamp(430px, 46vw, 560px);\r\n  }\r\n\r\n  .tfty .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  .tfty .hero-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 42px;\r\n    padding-block: 86px 0;\r\n  }\r\n\r\n  .tfty .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  .tfty .hero-logo {\r\n    justify-content: center;\r\n  }\r\n\r\n  .tfty .progress-wrap {\r\n    max-width: 680px;\r\n    margin-inline: auto;\r\n  }\r\n\r\n  .tfty .hero-title {\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  .tfty .hero-body p {\r\n    margin-inline: auto;\r\n  }\r\n\r\n  .tfty .divider {\r\n    margin-inline: auto;\r\n  }\r\n\r\n  .tfty .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  .tfty .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  .tfty .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  .tfty .presenter-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tfty .cal-btn {\r\n    align-self: flex-start;\r\n  }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n  .tfty {\r\n    font-size: 18px;\r\n    line-height: 1.66;\r\n  }\r\n\r\n  .tfty p,\r\n  .tfty li {\r\n    line-height: 1.68;\r\n  }\r\n\r\n  .tfty h1,\r\n  .tfty h2,\r\n  .tfty h3,\r\n  .tfty h4 {\r\n    line-height: 1.13;\r\n  }\r\n\r\n  .tfty .hero-grid {\r\n    padding-block: 78px 0;\r\n    gap: 34px;\r\n  }\r\n\r\n  .tfty .hero-title {\r\n    font-size: clamp(2.08rem, 8.2vw, 3rem);\r\n    line-height: 1.12;\r\n    letter-spacing: -.026em;\r\n  }\r\n\r\n  .tfty .hero-body p {\r\n    font-size: 1.08rem;\r\n  }\r\n\r\n  .tfty .welcome-card h2 {\r\n    font-size: clamp(1.78rem, 5.8vw, 2.32rem);\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .tfty {\r\n    font-size: 17.5px;\r\n    line-height: 1.64;\r\n  }\r\n\r\n  .tfty .wrap {\r\n    padding-inline: 16px;\r\n  }\r\n\r\n  .tfty p,\r\n  .tfty li {\r\n    line-height: 1.64;\r\n    letter-spacing: .002em;\r\n  }\r\n\r\n  .tfty .hero-grid {\r\n    padding-block: 72px 0;\r\n    gap: 30px;\r\n  }\r\n\r\n  .tfty .hero-logo {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-bottom: 24px;\r\n    text-align: center;\r\n  }\r\n\r\n  .tfty .hero-logo img {\r\n    width: 68px;\r\n    height: 68px;\r\n  }\r\n\r\n  .tfty .hero-logo-name,\r\n  .tfty .hero-logo-sub {\r\n    font-size: .98rem;\r\n  }\r\n\r\n  .tfty .progress-bar {\r\n    height: 36px;\r\n  }\r\n\r\n  .tfty .progress-lbl-left,\r\n  .tfty .progress-lbl-right {\r\n    font-size: .76rem;\r\n    letter-spacing: .07em;\r\n  }\r\n\r\n  .tfty .hero-title {\r\n    font-size: clamp(2rem, 10vw, 2.72rem);\r\n    line-height: 1.14;\r\n    letter-spacing: -.018em;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .tfty .hero-body p {\r\n    font-size: 1.06rem;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  .tfty .mirror-block {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    padding: 18px;\r\n  }\r\n\r\n  .tfty .mirror-text {\r\n    font-size: .98rem;\r\n  }\r\n\r\n  .tfty .hero-img-col {\r\n    height: clamp(260px, 72vw, 360px);\r\n  }\r\n\r\n  .tfty .welcome-card {\r\n    padding: 26px 18px;\r\n  }\r\n\r\n  .tfty .profile-card {\r\n    padding: 28px 18px;\r\n  }\r\n\r\n  .tfty .welcome-card h2 {\r\n    font-size: clamp(1.68rem, 7vw, 2.08rem);\r\n  }\r\n\r\n  .tfty .welcome-card p,\r\n  .tfty .profile-bio {\r\n    font-size: .98rem;\r\n  }\r\n\r\n  .tfty .cal-btn {\r\n    width: 100%;\r\n    white-space: normal;\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .tfty *,\r\n  .tfty *::before,\r\n  .tfty *::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<!-- \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\u2550\u2550\r\n     TALKING FACE \u2014 K\u00f6sz\u00f6n\u0151 oldal\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\u2550\u2550 -->\r\n\r\n<div class=\"tfty\">\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 \u2013 progress + \u00fczenet + k\u00e9p\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\r\n        <div class=\"hero-logo\">\r\n          <img src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/01\/talking_face_logo_gold-01-768x768-1.png\" alt=\"Talking Face Logo\" loading=\"eager\" decoding=\"async\">\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=\"progress-wrap\" aria-label=\"Regisztr\u00e1ci\u00f3 \u00e1llapota\">\r\n          <div class=\"progress-bar\">\r\n            <div class=\"progress-fill\"><\/div>\r\n            <div class=\"progress-labels\">\r\n              <span class=\"progress-lbl-left\">K\u00e9sz vagy!<\/span>\r\n              <span class=\"progress-lbl-right\">100%<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h1 class=\"hero-title\">\r\n          <em>Gratul\u00e1lok!<\/em>\r\n          <img decoding=\"async\" src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/05\/confetti.png\" alt=\"\" aria-hidden=\"true\">\r\n        <\/h1>\r\n\r\n        <div class=\"divider\"><\/div>\r\n\r\n        <div class=\"hero-body\">\r\n          <p>A regisztr\u00e1ci\u00f3d r\u00e9szleteit elk\u00fcldt\u00fck sz\u00e1modra e-mailben.<\/p>\r\n          <p>H\u00e1l\u00e1s vagyok a bizalmad\u00e9rt, \u00f6r\u00fcl\u00f6k, hogy regisztr\u00e1lt\u00e1l a webin\u00e1rra!<\/p>\r\n\r\n          <div class=\"mirror-block\">\r\n            <div class=\"mirror-img\">\r\n              <img\r\n                src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2024\/10\/talking_face_tanfolyam_-16-scaled.jpg\"\r\n                alt=\"Arcolvas\u00e1s t\u00fck\u00f6r \u2013 Talking Face\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/div>\r\n            <p class=\"mirror-text\">\r\n              <strong>A r\u00e9szv\u00e9telen fel\u00fcl egy t\u00fck\u00f6r is j\u00f3l fog j\u00f6nni,<\/strong>\r\n              ha \u00e9l\u0151ben szeretn\u00e9d elemezni magad. \ud83d\ude42\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\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\/07\/Evoto-6-of-14-scaled.jpg\"\r\n            alt=\"Stampf Kriszta \u2013 Talking Face 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  <!-- \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       EL\u0150AD\u00d3 SZEKCI\u00d3\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=\"presenter\">\r\n    <div class=\"wrap\">\r\n      <div class=\"presenter-grid\">\r\n\r\n        <!-- Bal: k\u00f6sz\u00f6nt\u0151 k\u00e1rtya -->\r\n        <div class=\"welcome-card\">\r\n          <span class=\"welcome-eyebrow\">Kriszta \u00fczenete neked<\/span>\r\n\r\n          <h2>M\u00e1r nagyon v\u00e1rlak!<br>\u00c9rdekes lesz!<\/h2>\r\n\r\n          <p>Ez csak a megismerked\u00e9s\u00fcnk els\u0151 l\u00e9p\u00e9se volt \u2013 az arcolvas\u00e1s enn\u00e9l sokkal t\u00f6bbet tud m\u00e9g ny\u00fajtani sz\u00e1modra.<\/p>\r\n\r\n          <p>Rem\u00e9lem, te is l\u00e1tni fogod ezt a k\u00f6vetkez\u0151 id\u0151szakban, \u00e9s lehet\u0151s\u00e9ged lesz meggy\u0151z\u0151dni a pozit\u00edv hat\u00e1sair\u00f3l.<\/p>\r\n\r\n          <p>Addig is, ha b\u00e1rmilyen k\u00e9rd\u00e9sed van, keress b\u00e1tran!<\/p>\r\n\r\n          <a href=\"https:\/\/arcolvasas.hu\/index.php\/aktualis\/\"\r\n             target=\"_blank\"\r\n             rel=\"noopener\"\r\n             class=\"cal-btn\">\r\n            <svg aria-hidden=\"true\" 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\"\/>\r\n              <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\r\n              <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\r\n              <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\r\n              <line x1=\"12\" y1=\"14\" x2=\"12\" y2=\"18\"\/>\r\n              <line x1=\"10\" y1=\"16\" x2=\"14\" y2=\"16\"\/>\r\n            <\/svg>\r\n            K\u00f6zelg\u0151 esem\u00e9nyeim\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Jobb: el\u0151ad\u00f3 profil -->\r\n        <div class=\"profile-card\">\r\n          <div class=\"profile-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          <div class=\"profile-name\">Stampf Kriszta<\/div>\r\n          <div class=\"profile-role\">arcolvas\u00f3 \u00e9s tan\u00e1r<\/div>\r\n\r\n          <p class=\"profile-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. C\u00e9lja, hogy mindenki felfedezze saj\u00e1t arc\u00e1nak \u00e9s \u00e9lett\u00f6rt\u00e9net\u00e9nek val\u00f3di jelent\u00e9s\u00e9t.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div><!-- \/tfty -->\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 Stampf Kriszta arcolvas\u00f3 \u00e9s tan\u00e1r K\u00e9sz vagy! 100% Gratul\u00e1lok! A regisztr\u00e1ci\u00f3d r\u00e9szleteit elk\u00fcldt\u00fck sz\u00e1modra e-mailben. H\u00e1l\u00e1s vagyok a bizalmad\u00e9rt, \u00f6r\u00fcl\u00f6k, hogy regisztr\u00e1lt\u00e1l a webin\u00e1rra! A r\u00e9szv\u00e9telen fel\u00fcl egy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-345","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/pages\/345","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/comments?post=345"}],"version-history":[{"count":43,"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/pages\/345\/revisions"}],"predecessor-version":[{"id":7344,"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/pages\/345\/revisions\/7344"}],"wp:attachment":[{"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/media?parent=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}