.lesson-page{padding-block:clamp(20px,4vw,40px)}.lesson-page .crumbs{max-width:var(--measure)}.lesson-launch{flex-wrap:wrap;align-items:center;gap:18px;margin-top:18px;display:flex}#olvaso{scroll-margin-top:90px}.lesson-page .lesson-phase{margin-inline:0}.lesson-head{max-width:var(--measure);margin-top:20px}.lesson-titlerow{align-items:center;gap:16px;margin-top:4px;display:flex}.lesson-head .lesson-titlerow h1{margin-top:0}.lesson-titlecol{flex-direction:column;display:flex}.lesson-titlecol .subtitle{margin-top:.35rem}.lesson-cicon{object-fit:contain;flex:none;width:64px;height:64px}.lesson-head .eyebrow{color:var(--g5)}.lesson-head h1{font-family:var(--ft);color:var(--ink);font-size:clamp(1.8rem,1.1rem + 2.2vw,2.7rem);font-weight:800;line-height:var(--lh-display);letter-spacing:-.02em;margin-top:var(--eyebrow-gap)}.lesson-standfirst{font-size:var(--fs-felvezeto);color:var(--body);line-height:var(--lh-body);margin-top:1.5rem}.lesson-belepo-hint{margin-top:1rem}.lesson-meta{font-size:var(--fs-sm);color:var(--g5);flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin-top:.55rem;font-weight:600;display:flex}.lesson-meta span{align-items:center;gap:8px;display:inline-flex}.lesson-meta img{object-fit:contain;flex:none;width:22px;height:22px}.gate-seal{object-fit:contain;display:inline-block}.lesson-access{font-family:var(--fl);text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-jeloles);border-radius:var(--r-pill);text-align:center;padding:4px 10px;font-weight:700}.lesson-access.free{background:var(--ok-bg);color:var(--ok-ink)}.lesson-access.paid{background:var(--navy-a06);color:var(--navy)}.lesson-access.planned{background:var(--g1);color:var(--g6)}.lesson-body{max-width:var(--measure);margin:18px 0 0}.lesson-nav{max-width:var(--measure);margin:var(--section) 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:1.4rem;display:flex}.lesson-nav a.next{text-align:right;margin-left:auto}.lesson-nav a b{font-family:var(--fb);color:var(--ink);font-weight:700;transition:color .2s;display:block}@media (hover:hover){.lesson-nav a:hover b{color:var(--orange-text)}}.paywall{max-width:var(--measure);text-align:center;background:var(--soft);border:var(--rule);border-radius:var(--r-lg);margin:40px 0;padding:clamp(28px,4vw,48px)}.paywall p{color:var(--body);max-width:46ch;margin:10px auto 18px}.ls-prose a.btn{text-decoration:none}.ls-prose a.btn--primary{color:#fff}.ls-prose a.btn--ghost{color:var(--ink)}.gate-sample{text-align:center;font-size:var(--fs-sm);color:var(--ink);margin-top:14px;font-weight:700;transition:color .2s;display:block}@media (hover:hover){.gate-sample:hover{color:var(--orange-text)}}.lesson-body .prose li:has(>input[type=checkbox]){padding-left:0;list-style:none}.lesson-body .prose li:has(>input[type=checkbox]):before{display:none}.lesson-body .prose input[type=checkbox]{accent-color:var(--navy);margin-right:.55em}.lesson-index{background:var(--soft);border:var(--rule);border-radius:var(--r-lg);margin-top:40px;padding:clamp(18px,3vw,30px)}.lesson-index .li-head{font-family:var(--fl);text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:var(--fs-xs);color:var(--g5);margin-bottom:.9rem;display:block}.lesson-index ol{counter-reset:li;margin:0;padding:0;list-style:none}.lesson-index li a{color:var(--ink);grid-template-columns:32px 1fr auto;align-items:baseline;gap:0 12px;padding:9px 0;text-decoration:none;display:grid}.lesson-index .li-num{font-family:var(--fb);color:var(--navy);font-variant-numeric:tabular-nums;font-weight:700;line-height:var(--lh-body)}.lesson-index .li-title{font-family:var(--fb);color:var(--ink);font-weight:700;line-height:var(--lh-body);transition:color .15s}.lesson-index .li-sub{color:var(--g5);font-size:.92em;font-weight:400;line-height:var(--lh-body);margin-top:2px;display:block}.lesson-index .li-time{color:var(--g5);font-size:var(--fs-sm);white-space:nowrap;font-variant-numeric:tabular-nums}@media (hover:hover){.lesson-index li a:hover .li-title{color:var(--orange-text)}}.lesson-phase{scroll-margin-top:90px}@media (max-width:640px){.lesson-head .eb-piller{display:none}}.mobilecta .mc-steps{flex:none;align-items:center;gap:4px;display:flex}.mobilecta .mc-steps a{border-radius:var(--r-pill);width:30px;height:30px;font-family:var(--fb);font-weight:700;font-size:var(--fs-sm);color:var(--g5);background:var(--soft);place-items:center;text-decoration:none;display:grid}.mobilecta .mc-steps a.is-done{color:var(--ok-ink)}.mobilecta .mc-steps a[aria-current]{background:var(--navy);color:var(--primary-foreground)}
:root{--mod-psychology:#e5430f;--mod-psychology-dark:#ff6a3d;--mod-copy:#0e7490;--mod-copy-dark:#22d3ee;--mod-architecture:#4f46e5;--mod-architecture-dark:#a5b4fc;--mod-cognitive-load:#b91c1c;--mod-cognitive-load-dark:#f87171;--mod-gestalt:#047857;--mod-gestalt-dark:#34d399;--mod-attention:#7c3aed;--mod-attention-dark:#c4b5fd;--mod-accessibility:#0369a1;--mod-accessibility-dark:#60a5fa;--mod-ai:#be185d;--mod-ai-dark:#f472b6;--lesson-accent:var(--navy);--lesson-accent-dark:#4d9fe6}.lesson-doc{--ls-accent:var(--lesson-accent);--ls-surface:#fff;--ls-surface-2:var(--soft);--ls-text:#3a3a3a;--ls-heading:var(--ink);--ls-muted:var(--g5);--ls-border:var(--g1);--ls-shadow:var(--sh);--ls-highlight:#eef3fb;--ls-highlight-border:#cfe0ff;--ls-highlight-text:var(--navy);--ls-ok:var(--ok-ink,#1b7a44);--ls-r-img:.833cqw;--ls-bg:#fff;--ls-ref:var(--ls-ref-vilagos);--ls-ui:#006ddb;--ls-ok-solid:#16a34a;--ls-bad:#b91c1c;--ls-bad-solid:#dc2626;--ls-ok-mely:#12703a;--ls-bad-mely:#a61b1b}.lp-overlay,.lesson-doc :is(.ls-barcompare,.ls-tbuild,.ls-borderrows,.ls-shotannot),.lph-body .kc-deck{--ls-bg:#0d0f1a;--ls-surface:#1b2034;--ls-surface-2:#232941;--ls-text:#cfd3dd;--ls-heading:#fff;--ls-muted:#9297a4;--ls-ok:#4ade80;--ls-border:#ffffff59}.lp-overlay{--ls-accent:var(--lesson-accent);--ls-shadow:none;--ls-eyebrow-bg:var(--lsp-surface);--ls-dot-bg:var(--ls-veil-3);--ls-highlight:var(--ls-surface-2);--ls-highlight-border:var(--ls-border);--ls-highlight-text:var(--ls-heading);--ls-r-img:.833cqw;--ls-ref:#4d9fe6;--ls-ui:#006ddb;--ls-ok-solid:#16a34a;--ls-bad:#dc2626;--ls-bad-solid:#dc2626;--ls-bad-szoveg:#f87171;--ls-ok-mely:#12703a;--ls-bad-mely:#a61b1b;--ls-on-solid:#fff}.lesson-doc,.lp-overlay{--ls-fs-apro:.78cqw;--ls-fs-micro:.95cqw;--ls-fs-label:1.15cqw;--ls-fs-body:1.35cqw;--ls-fs-lead:1.7cqw;--ls-fs-num:2.4cqw;--ls-fs-title:3.4cqw;--ls-fs-title-lg:3.95cqw;--ls-fs-title-xl:4.583cqw;--ls-fs-num-xl:6cqw;--ls-lh-none:1;--ls-lh-tight:1.15;--ls-lh-mid:1.35;--ls-lh-body:1.5;--ls-ls-tight:-.01em;--ls-ls-0:0;--ls-ls-label:.05em;--ls-ls-wide:.08em;--ls-sp-0:.2cqw;--ls-sp-1:.4cqw;--ls-sp-2:.7cqw;--ls-sp-3:1cqw;--ls-sp-4:1.4cqw;--ls-sp-5:2cqw;--ls-sp-6:3cqw;--ls-sp-7:4cqw;--ls-r-sm:.3cqw;--ls-r:.42cqw;--ls-r-lg:.833cqw;--ls-r-pill:999px;--ls-bw:.08cqw;--ls-bw-2:.16cqw;--ls-fokusz-res:var(--ls-sp-0);--ls-sh-1:0 .4cqw 1.2cqw #0000004d;--ls-sh-2:0 1cqw 3cqw #00000061;--ls-sh-0:none;--ls-veil-1:#ffffff0f;--ls-veil-2:#ffffff14;--ls-veil-3:#ffffff24;--ls-veil-line:#ffffff59;--ls-ok-fatyol:color-mix(in srgb, var(--ls-ok) 14%, transparent);--ls-bad-fatyol:color-mix(in srgb, var(--ls-bad) 14%, transparent);--ls-in:pdk-in .35s ease;--ls-in-fast:pdk-in .25s ease;--ls-shake:fc-shake .3s ease;--ls-grow:ia-grow 1s ease-out;--ls-tr-hover:filter .15s;--ls-tr-press:transform .15s, filter .15s;--ls-tr-slow:opacity .5s ease, transform .5s ease;--ls-t-gyors:.15s;--ls-t:.3s;--ls-t-lassu:.5s;--ls-ciklus:1s;--ls-ciklus-lassu:7s;--ls-stroke-thin:.7;--ls-stroke:1.5;--ls-stroke-bold:2.5;--ls-stroke-gorbe:4.5;--ls-szaggatott:6 5;--ls-op-dim:.55;--ls-op-soft:.9;--ls-data-kiemelt:var(--lesson-accent-dark,var(--lesson-accent));--ls-accent-vilagoson:#cd3b0d;--ls-data-1:var(--ls-ref);--ls-data-2:var(--ls-ref-vilagos);--ls-data-3:var(--navy-1);--ls-ref-vilagos:#2f6ea8;--ls-hasab:30cqw;--ls-hasab-szeles:40cqw;--ls-hasab-jobb:48cqw;--ls-arany-egy:minmax(0, 1fr) minmax(0, 1fr);--ls-arany-doles:minmax(0, 1.25fr) minmax(0, 1fr);--ls-arany-doles-fordit:minmax(0, 1fr) minmax(0, 1.25fr);--ls-arany-doles-nagy:minmax(0, 1.55fr) minmax(0, 1fr);--ls-arany-doles-nagy-fordit:minmax(0, 1fr) minmax(0, 1.55fr);--ls-arany-ketto:minmax(0, 2fr) minmax(0, 1fr);--ls-arany-ketto-fordit:minmax(0, 1fr) minmax(0, 2fr);--ls-plafon-szuk:44cqw;--ls-plafon:56cqw;--ls-plafon-szeles:66cqw;--ls-plafon-teljes:80cqw;--ls-mertek:66ch;--ls-mertek-szuk:44ch;--ls-sor-cimke-szuk:15cqw;--ls-sor-cimke:20cqw;--ls-sor-cimke-szeles:27cqw;--ls-sor-ertek:8cqw;--ls-sor-ertek-szeles:11cqw;--ls-sav:1.4cqw;--ls-sav-vastag:2.8cqw;--ls-magas-szuk:14cqw;--ls-magas:21cqw;--ls-magas-szeles:32cqw;--ls-magas-teljes:44cqw;--ls-sor-vezeto-szuk:3cqw;--ls-sor-vezeto:var(--ls-ikon);--ls-sor-vezeto-szeles:var(--ls-ikon-nagy);--ls-ikon:4.4cqw;--ls-ikon-nagy:7cqw;--ls-horgony:2.2cqw;--ls-pott:.85cqw;--ls-pott-nagy:1.4cqw;--ls-pott-lista:.5cqw;--ls-fejcsik:.4cqw;--ls-fejcsik-vastag:.9cqw;--ls-avatar:8cqw;--ls-fatyol-sotet:#0d0f1a9e;--ls-z-hatter:0;--ls-z-tartalom:1;--ls-z-jel:2;--ls-z-vezerlo:3;--ls-z-felul:4;--lsp-surface:#fff;--lsp-soft:#f4f4f4;--lsp-chrome:#ebebeb;--lsp-screen:#dcdcd8;--lsp-screen-chrome:#cdcdc8;--lsp-screen-muted:#7d7d76;--lsp-kiemelt-cimke:var(--ls-accent-vilagoson);--lsp-kiemelt-szoveg:#d5d9d6;--lsp-line:#e0e2e6;--lsp-ink:#1c1c1c;--lsp-body:#333;--lsp-muted:#5f5f5f;--lsp-dot:#c9ccd4;--lsp-ok:#17683a;--lsp-bad:#b91c1c}.ls-prose{color:var(--ls-text);font-size:clamp(1rem,.95rem + .5cqw,1.12rem);line-height:var(--ls-lh-body)}.ls-prose>:first-child{margin-top:0}.ls-prose p{margin:.7em 0}.ls-prose strong{color:var(--ls-heading)}.ls-prose a{color:var(--ls-accent);text-underline-offset:2px;text-decoration:underline}.ls-prose ul,.ls-prose ol{margin:.7em 0;padding-left:0;list-style:none}.ls-prose li{margin:.35em 0;padding-left:1.6em;position:relative}.ls-prose ul li:before{content:"";background:var(--ls-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.55em;left:2px}.ls-prose ol{counter-reset:li}.ls-prose ol li:before{counter-increment:li;content:counter(li) ".";color:var(--ls-accent);font-variant-numeric:tabular-nums;font-weight:800;position:absolute;top:0;left:0}.ls-prose blockquote{border-left:4px solid var(--ls-accent);background:var(--ls-surface-2);border-radius:var(--r);color:var(--ls-heading);margin:1em 0;padding:.8em 1.1em}.ls-prose table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.95em}.ls-prose th,.ls-prose td{border:1px solid var(--ls-border);text-align:left;vertical-align:top;padding:.55em .8em}.ls-prose th{background:var(--ls-surface-2);color:var(--ls-heading);font-family:var(--fb);font-weight:700}.ls-prose li:has(>input[type=checkbox]){padding-left:0}.ls-prose li:has(>input[type=checkbox]):before{display:none}.ls-prose input[type=checkbox]{accent-color:var(--ls-accent);margin-right:.5em}.lesson-doc .ls-src{font-family:var(--fb);color:var(--ls-muted);font-size:.85rem;font-weight:400;line-height:var(--ls-lh-body);margin:14px 0 0}.ls-stepdots{align-items:center;gap:6px;display:inline-flex}.ls-stepdots i{background:var(--ls-dot-bg,var(--ls-border));border-radius:50%;width:7px;height:7px}.ls-stepdots i.on{background:var(--ls-accent)}.ls-mark{color:var(--ls-heading);background:color-mix(in srgb, var(--ls-bad-solid) 80%, transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.3em;padding:.05em .3em;font-weight:600}.ls-kicker{font-family:var(--font-cond), var(--fl);text-transform:uppercase;letter-spacing:var(--ls-ls-wide);color:var(--ls-accent);font-size:clamp(.7rem,.62rem + .32cqw,.86rem);font-weight:700}.ls-slide{container-type:inline-size}.lesson-doc .ls-slide{width:100%;max-width:var(--measure);margin-inline:auto}.lp-overlay .ls-slide{width:100%;height:100%}.ls-opener{background:var(--ls-surface);border:1px solid var(--ls-border);border-left:6px solid var(--ls-accent);border-radius:var(--r-lg);box-shadow:var(--ls-shadow);flex-direction:column;justify-content:center;min-height:28cqw;padding:clamp(26px,5cqw,60px);display:flex}.ls-opener .num{font-family:var(--ft);color:var(--ls-accent);font-size:clamp(1.3rem,3cqw,2rem);font-weight:900;line-height:var(--ls-lh-none);margin-bottom:.2em}.ls-opener h2{font-family:var(--ft);color:var(--ls-heading);font-size:clamp(1.7rem,5cqw,3.2rem);font-weight:800;line-height:var(--ls-lh-none);letter-spacing:var(--ls-ls-tight);text-wrap:balance;margin:.3em 0 0}.ls-opener h2 em{color:var(--ls-accent);font-style:normal}.ls-opener .sub{color:var(--ls-muted);font-size:clamp(1rem,2cqw,1.3rem);line-height:var(--ls-lh-body);max-width:52ch;margin-top:1em}.ls-statement{background:var(--ls-surface);border:1px solid var(--ls-border);border-radius:var(--r-lg);box-shadow:var(--ls-shadow);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:40cqw;padding:clamp(28px,5cqw,64px);display:flex}.ls-statement .txt{font-family:var(--fb);color:var(--ls-heading);font-size:clamp(1.6rem,4.4cqw,3.4rem);font-weight:800;line-height:var(--ls-lh-tight);letter-spacing:var(--ls-ls-0);text-wrap:balance}.ls-statement .txt em{color:var(--ls-accent);font-style:normal}.ls-statement .lambda{font-family:var(--fb);color:var(--ls-muted);letter-spacing:var(--ls-ls-0);margin-top:1.1em;font-size:clamp(1rem,1.8cqw,1.3rem);font-weight:600}.ls-statement[data-media]{text-align:left;flex-direction:row;gap:clamp(16px,3cqw,32px)}.ls-statement[data-media] .st-illu{border-radius:var(--r-lg);max-width:38%;height:auto}.ls-agenda{background:var(--ls-surface);border:1px solid var(--ls-border);border-radius:var(--r-lg);box-shadow:var(--ls-shadow);min-height:38cqw;padding:clamp(24px,4cqw,52px)}.ls-agenda h2{font-family:var(--ft);color:var(--ls-heading);letter-spacing:var(--ls-ls-tight);margin-bottom:.8em;font-size:clamp(1.4rem,3.2cqw,2.3rem);font-weight:800}.ls-agenda ol{gap:var(--ls-sp-2);counter-reset:ag;margin:0;padding:0;list-style:none;display:grid}.ls-agenda li{border-top:1px solid var(--ls-border);text-align:left;grid-template-columns:auto 1fr;align-items:baseline;gap:.12em .7em;padding:.7em 0;display:grid}.ls-agenda li:before{counter-increment:ag;content:counter(ag);font-family:var(--font-cond), var(--fl);color:var(--ls-accent);grid-area:1/1/span 2;align-self:center;font-size:1.4em;font-weight:800}.ls-agenda li b{color:var(--ls-heading);font-family:var(--ft);grid-area:1/2;font-weight:700}.ls-agenda li span{color:var(--ls-muted);grid-area:2/2;font-size:.92em;display:block}.ls-grid{gap:clamp(12px,1.8cqw,20px);display:grid}.ls-grid.cols-2{grid-template-columns:repeat(2,1fr)}.ls-grid .gc{background:var(--ls-surface);border:1px solid var(--ls-border);border-radius:var(--r-lg);padding:clamp(16px,2.2cqw,26px)}.ls-grid .gc .e{font-size:1.8em}.ls-grid .gc .l{font-family:var(--fl);letter-spacing:var(--ls-ls-wide);text-transform:uppercase;font-weight:800;font-size:var(--fs-jeloles);color:var(--ls-accent);margin:.4em 0 .2em}.ls-grid .gc .d{color:var(--ls-muted);font-size:.92em;line-height:var(--ls-lh-body)}@container (max-width:640px){.ls-grid.cols-2{grid-template-columns:1fr}}.ls-char{align-items:center;gap:var(--ls-sp-4);flex-direction:column-reverse;display:flex}.ls-bubble{font-family:var(--font-hand), "Kalam", cursive;color:var(--lsp-ink);font-size:clamp(1.15rem,2.4cqw,2rem);font-weight:700;line-height:var(--ls-lh-tight);text-align:center;text-wrap:balance;background:#fff;border:3px solid #111;border-radius:26px;max-width:30ch;padding:.85em 1.05em;position:relative;box-shadow:6px 6px #0003}.ls-bubble:after{content:"";background:#fff;border:3px solid #111;border-top:0;border-left:0;width:18px;height:18px;margin-left:-9px;position:absolute;bottom:-11px;left:50%;transform:rotate(45deg)}.cl-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.ls-quiz .fb{background:var(--ok-bg);color:var(--ls-text);font-size:.96rem;line-height:var(--ls-lh-body);border-radius:12px;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;display:flex}.ls-quiz .fb.bad{background:var(--bad-bg)}.ls-quiz .fb .fb-ico{flex:none;display:inline-flex}.ls-quiz .fb b{color:var(--ls-heading)}.lp-overlay .ls-opener,.lp-overlay .ls-statement,.lp-overlay .ls-agenda,.lp-overlay .ls-grid,.lp-overlay .ls-quiz{height:100%;min-height:0;box-shadow:var(--ls-sh-0);border:0;border-radius:0;overflow:hidden}.lp-overlay .ls-opener,.lp-overlay .ls-statement,.lp-overlay .ls-agenda,.lp-overlay .ls-quiz{background:0 0}.lp-overlay .ls-opener{text-align:left;justify-content:center;align-items:flex-start;padding:5cqw;position:relative}.lp-overlay .ls-opener .num{font-weight:800;font-size:var(--ls-fs-lead);color:var(--ls-accent);line-height:var(--ls-lh-none);margin-bottom:var(--ls-sp-1)}.lp-overlay .ls-opener .ls-kicker{font-family:var(--font-cond), var(--fl);font-weight:700;font-size:var(--ls-fs-body);line-height:var(--ls-lh-mid);letter-spacing:var(--ls-ls-label);text-transform:uppercase;color:var(--ls-accent-vilagoson);background:var(--lsp-surface);border-radius:var(--ls-r-sm);padding:var(--ls-sp-1) var(--ls-sp-3);display:inline-block}.lp-overlay .ls-opener h2{font-weight:800;font-size:var(--ls-fs-title-xl);line-height:var(--ls-lh-tight);letter-spacing:var(--ls-ls-0);margin:var(--ls-sp-1) 0 0;text-wrap:balance;max-width:42cqw}.lp-overlay .ls-opener h2 em{color:var(--ls-accent);font-style:normal}.lp-overlay .ls-opener .sub{font-family:var(--fb);font-weight:400;font-size:var(--ls-fs-lead);line-height:var(--ls-lh-mid);color:var(--lsp-line);max-width:38cqw;margin-top:5cqw}.lp-overlay .ls-opener .so-bg{object-fit:cover;object-position:50% 50%;z-index:var(--ls-z-hatter)}.lp-overlay .ls-opener[data-bg] :is(.num,.ls-kicker,h2,.sub,.so-row){z-index:var(--ls-z-tartalom);position:relative}.lp-overlay .ls-opener[data-bg]:before{content:"";z-index:var(--ls-z-tartalom);pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--ls-bg) 86%, transparent) 0%, color-mix(in srgb, var(--ls-bg) 62%, transparent) 34%, transparent 62%);position:absolute;inset:0}.lp-overlay .ls-statement{padding:5cqw 7cqw;position:relative}.lp-overlay .ls-statement .txt{font-size:var(--ls-fs-title-xl);line-height:var(--ls-lh-tight);letter-spacing:var(--ls-ls-0);max-width:78cqw}.lp-overlay .ls-statement .lambda{font-size:var(--ls-fs-body);margin-top:var(--ls-sp-6)}.lp-overlay .ls-statement[data-media]{align-items:center;gap:var(--ls-sp-7);text-align:left;grid-template-columns:1fr 46cqw;padding:5cqw;display:grid}.lp-overlay .ls-statement[data-media] .txt{font-size:var(--ls-fs-title);max-width:none}.lp-overlay .ls-statement[data-media] .st-illu{object-fit:contain;border-radius:var(--ls-r-img);width:100%;max-width:none;height:auto;max-height:46cqw;box-shadow:var(--ls-sh-1)}.lp-overlay .ls-statement[data-bg]{overflow:hidden}.lp-overlay .ls-statement .st-bg{object-fit:cover;object-position:50% 50%;z-index:var(--ls-z-hatter)}.lp-overlay .ls-statement[data-bg] .st-copy{z-index:var(--ls-z-tartalom);position:relative}.lp-overlay .ls-statement[data-bg] .ls-src{z-index:var(--ls-z-tartalom)}.lp-overlay .ls-statement[data-bg] .txt{background:var(--ls-fatyol-sotet);border-radius:var(--ls-r-lg);padding:var(--ls-sp-5) var(--ls-sp-6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lp-overlay .ls-statement[data-igazitas=bal]{text-align:left;align-items:flex-start}.lp-overlay .ls-statement[data-igazitas=bal] .txt{max-width:56cqw}.lp-overlay .ls-statement[data-sav]{text-align:left;align-items:flex-start}.lp-overlay .ls-statement[data-sav]:before{content:"";z-index:var(--ls-z-tartalom);pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--ls-bg) 86%, transparent) 0%, color-mix(in srgb, var(--ls-bg) 62%, transparent) 34%, transparent 62%);position:absolute;inset:0}.lp-overlay .ls-statement[data-sav] .st-copy,.lp-overlay .ls-statement[data-sav] .ls-src{z-index:var(--ls-z-jel)}.lp-overlay .ls-statement[data-sav] .txt{-webkit-backdrop-filter:none;backdrop-filter:none;max-width:46cqw;font-size:var(--ls-fs-title);line-height:var(--ls-lh-tight);background:0 0;border-radius:0;padding:0}.lp-overlay .ls-statement[data-sav] .txt b{color:var(--ls-accent)}.lp-overlay .ls-statement[data-sav][data-meret=hosszu] .txt{font-size:var(--ls-fs-num);line-height:var(--ls-lh-mid)}.lp-overlay .ls-statement[data-sav][data-meret=essze] .txt{font-size:var(--ls-fs-lead);line-height:var(--ls-lh-body)}.lp-overlay .ls-statement[data-meret=hosszu] .txt{font-size:var(--ls-fs-title);line-height:var(--ls-lh-mid)}.lp-overlay .ls-statement[data-meret=essze] .txt{font-size:var(--ls-fs-num);line-height:var(--ls-lh-mid)}.lp-overlay .ls-statement{justify-content:safe center}.lp-overlay .ls-agenda{flex-direction:column;justify-content:center;padding:4.6cqw 5.6cqw;display:flex}.lp-overlay .ls-agenda h2{font-size:var(--ls-fs-title)}.lp-overlay .ls-agenda li{padding:var(--ls-sp-3) 0}.lp-overlay .ls-agenda li:before{font-size:var(--ls-fs-num)}.lp-overlay .ls-agenda li b{font-size:var(--ls-fs-lead)}.lp-overlay .ls-agenda li span{font-size:var(--ls-fs-body)}.lp-overlay .ls-grid{align-content:center;gap:var(--ls-sp-4);padding:5cqw}.lp-overlay .ls-grid .gc{background:var(--ls-surface);border-color:var(--ls-border);border-radius:var(--ls-r-lg);padding:var(--ls-sp-5) var(--ls-sp-5)}.lp-overlay .ls-grid .gc .e{font-size:var(--ls-fs-num)}.lp-overlay .ls-grid .gc .l{font-size:var(--ls-fs-body);margin:.35em 0 .25em}.lp-overlay .ls-grid .gc .d{font-size:var(--ls-fs-body)}.lp-overlay .ls-slide:has(>.ls-quiz){display:block}.lesson-doc{flex-direction:column;gap:clamp(8px,1.2vw,18px);display:flex}.lesson-doc .ls-grid .gc,.lesson-doc .ls-quiz{transition:transform .25s,box-shadow .25s,border-color .25s}.lesson-doc .ls-quiz:hover{box-shadow:var(--sh-lg,0 18px 40px #00264c1f);transform:translateY(-3px)}.lesson-doc .ls-grid .gc:hover{border-color:var(--ls-accent);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.lesson-doc .ls-quiz:hover,.lesson-doc .ls-grid .gc:hover{transform:none}.lp-overlay *,.lp-overlay :before,.lp-overlay :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lp-overlay .ls-prose ul li:before{width:var(--ls-pott-lista);height:var(--ls-pott-lista);top:.55em}.lp-overlay :is(button,a,input,select,textarea,[tabindex="0"],[role=button]):focus-visible{outline:var(--ls-bw-2) solid var(--ls-accent);outline-offset:var(--ls-fokusz-res)}.lp-overlay .ls-opcio:focus-visible{outline-color:var(--ls-heading)}.lp-overlay .sc-pickcard:focus-visible{outline-color:var(--ls-ui)}
.lp-overlay{z-index:200;color:#cfd3dd;font-family:var(--fb);overscroll-behavior:none;background:#0b1020;flex-direction:column;animation:.2s lp-fade;display:flex;position:fixed;inset:0}@keyframes lp-fade{0%{opacity:0}to{opacity:1}}.lp-bar{background:#070a12;border-bottom:1px solid #1c2230;flex:none;align-items:center;gap:16px;padding:12px 18px;display:flex}.lp-progress{border-radius:var(--r-pill);background:#1c2230;flex:1;height:6px;overflow:hidden}.lp-progress i{background:var(--ls-accent,var(--orange));border-radius:var(--r-pill);height:100%;transition:width .3s;display:block}.lp-num{color:#9aa0b0;font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:700}.lp-iconbtn{color:#cfd3dd;border-radius:var(--r);cursor:pointer;background:#141b2b;border:1px solid #232c3e;flex:none;place-items:center;width:36px;height:36px;transition:all .15s;display:grid}.lp-iconbtn:hover{color:#fff;background:#1d2740}.lp-iconbtn svg{width:18px;height:18px}.lp-stagewrap{touch-action:pan-y;flex:1;place-items:center;min-height:0;padding:12px;display:grid;position:relative}.lp-stage{aspect-ratio:16/9;border-radius:var(--r-xl);background:#0d0f1a;width:min(96vw,177.778vh - 227.556px);position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c;container-type:inline-size}.lp-fit{transform-origin:0 0;position:absolute;top:0;left:0;container-type:inline-size}.lp-canvas{background:#0d0f1a;padding:0;animation:.2s cubic-bezier(.2,.7,.2,1) lp-slidein;position:absolute;inset:0;overflow:auto}.lp-canvas--fit{overflow:hidden}.lp-canvas{scrollbar-width:none}.lp-canvas::-webkit-scrollbar{display:none}.lp-slide{flex-direction:column;padding:5cqw 5.6cqw;animation:.2s lp-slidein;display:flex;position:absolute;inset:0;overflow:auto}@keyframes lp-slidein{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lp-canvas,.lp-slide{animation:none}}.lp-slide{scrollbar-width:none}.lp-slide::-webkit-scrollbar{display:none}.lp-slide{background:#0d0f1a}.lp-chip{font-family:var(--fl);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--orange);border-radius:var(--r);align-self:flex-start;align-items:center;padding:.5em 1em;font-size:clamp(11px,1.4cqw,16px);font-weight:800;display:inline-flex}.lp-kicker{font-family:var(--fl);letter-spacing:.16em;text-transform:uppercase;color:var(--ls-accent,var(--orange));font-size:clamp(11px,1.5cqw,17px);font-weight:800}.lp-h1{font-family:var(--ft);color:#fff;letter-spacing:-.02em;text-wrap:balance;margin:.3em 0 0;font-size:clamp(28px,6.2cqw,80px);font-weight:800;line-height:1}.lp-h1 em{color:var(--ls-accent,#ffc400);font-style:normal}.lp-h2{font-family:var(--ft);color:#fff;letter-spacing:-.01em;margin:.5em 0 .2em;font-size:clamp(22px,3.6cqw,46px);font-weight:800;line-height:1.06}.lp-overlay .lp-h1,.lp-overlay .lp-h2,.lp-overlay :is(h1,h2,h3,h4){color:var(--ls-heading,#fff)}.lp-overlay .ls-slide h2{color:var(--lesson-accent)}.lp-overlay .ls-slide .ls-research:not(.pd) h2{color:var(--lsp-ink)}[data-kurzus=ui-pszichologia] .lp-overlay .ls-slide h2{color:var(--ls-heading)}[data-kurzus=ui-pszichologia] .lp-overlay{--ls-accent:var(--lesson-accent-dark,var(--lesson-accent))}.lp-overlay .lp-h1 em{color:var(--ls-accent,#ffc400)}.lp-foot{color:#9aa0b0;border-top:1px solid #232c3e;align-items:center;gap:1.4cqw;margin-top:auto;padding-top:1.6cqw;font-size:clamp(12px,1.4cqw,16px);display:flex}.lp-foot .spark{color:var(--orange);font-weight:800}.lp-body{margin-top:1.6cqw}.lp-slide .prose{color:#cfd3dd;font-size:clamp(13px,1.75cqw,21px)}.lp-slide .prose h2,.lp-slide .prose h3{color:#fff;margin:1em 0 .4em;font-size:1.25em}.lp-slide .prose strong{color:#fff}.lp-slide .prose a{color:#ffc400}.lp-slide .prose blockquote{border:1px solid #e5430f40;border-left:.3em solid var(--orange);color:#fff;background:#e5430f1a}.lp-ctx{color:#ffffffb8;margin-top:8px;font-size:.95rem}@media (prefers-reduced-motion:reduce){.lp-seal--spin{animation:none}}.lp-slide .prose ul li:before{background:var(--orange);box-shadow:0 0 0 3px #e5430f33}.lp-slide .prose ol li:before{color:var(--orange)}.lp-slide .prose table,.lp-slide .prose th,.lp-slide .prose td{border-color:#232c3e}.lp-slide .prose th{color:#fff;background:#141b2b}.lp-slide .prose li:has(>input[type=checkbox]):before{display:none}.lp-slide .prose li:has(>input[type=checkbox]){padding-left:0;list-style:none}.lp-slide .prose img{border-radius:var(--r)}.lp-char{align-items:flex-end;gap:2.2cqw;margin-top:2.4cqw;display:flex}.lp-face{background:#ffc400;border:.3cqw solid #111;border-radius:50%;flex-shrink:0;width:11cqw;height:11cqw;position:relative;overflow:hidden}.lp-face:before{content:"";background:radial-gradient(circle at 35% 42%,#111 0 .9cqw,#0000 1cqw),radial-gradient(circle at 65% 42%,#111 0 .9cqw,#0000 1cqw);position:absolute;inset:0}.lp-face:after{content:"";border-bottom:.4cqw solid #111;border-radius:0 0 40px 40px;height:1.2cqw;position:absolute;top:60%;left:34%;right:34%}.lp-hair{background:#2a1a0f;border-radius:50% 50% 40% 40%;height:38%;position:absolute;top:-2px;left:-2px;right:-2px}.lp-bubble{font-family:var(--font-hand), "Kalam", cursive;color:#111;background:#fff;border:.3cqw solid #111;border-radius:2cqw;max-width:38cqw;padding:1.6cqw 2cqw;font-size:clamp(18px,2.4cqw,34px);line-height:1.2;position:relative;box-shadow:.5cqw .5cqw #0003}.lp-bubble:after{content:"";background:#fff;border:.3cqw solid #111;border-top:0;border-left:0;width:1.6cqw;height:1.6cqw;position:absolute;bottom:-.9cqw;left:3cqw;transform:rotate(45deg)}.lp-outro{text-align:center;background:#0d0f1f url(/lessons/_shared/outro-hatter-v1_web.webp) 50%/cover no-repeat;justify-content:center;align-items:center;overflow-y:auto}.lp-outro--fent{justify-content:flex-start}.lp-outro--fent .lp-outro-head{margin-top:2.5cqw}.lp-outro-head{flex-direction:column;align-items:center;gap:.8cqw;display:flex}.lp-outro-narrator{width:10.9%;height:auto;position:absolute;bottom:13.3%;left:7.5%}.lp-seal{place-items:center;display:grid}.lp-seal img{width:auto;height:7cqw;min-height:56px;display:block}.lp-outro .lp-h2{margin:0;font-size:clamp(26px,5.7cqw,73px)}.lp-outro .lp-kicker{letter-spacing:.1em;font-size:clamp(12px,1.6cqw,21px)}.lp-outro-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:3.1cqw;display:flex}.lp-seal--spin{animation:1.1s cubic-bezier(.3,.8,.3,1) .15s both lp-seal-spin}@keyframes lp-seal-spin{0%{transform:rotate(0)}to{transform:rotate(720deg)}}.lp-capture{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(620px,92%);margin-top:3.1cqw;display:flex}.lp-capture-lead{color:#dbe6f2;margin:0;font-size:clamp(1rem,1.7cqw,1.35rem);line-height:1.5}.lp-capture-field{flex-wrap:wrap;gap:8px;width:100%;display:flex}.lp-capture-field input[type=email]{border-radius:var(--r,8px);min-width:0;color:var(--ink,#14212e);font:inherit;background:#fff;border:1.5px solid #ffffff4d;flex:200px;padding:.72em 1em}.lp-capture-field input[type=email]:focus{outline:2px solid var(--orange,#e5430f);outline-offset:1px}.lp-capture-consent{text-align:center;white-space:nowrap;color:#b8c8d9;justify-content:center;align-items:center;gap:.55rem;font-size:clamp(.9rem,1.5cqw,1.2rem);line-height:1.45;display:flex}.lp-capture-consent input{accent-color:var(--orange,#e5430f)}.lp-capture-consent a{color:#fff;text-decoration:underline}.lp-capture-error{color:#ffb3a6;margin:0;font-size:.88rem}.lp-capture--done{background:var(--ok-bg,#eafaf1);border-radius:var(--r-lg,14px);text-align:left;flex-direction:row;align-items:flex-start;gap:14px;padding:18px 20px}.lp-capture-done-ico{flex:none;display:inline-flex}.lp-capture--done .lp-capture-thanks{color:var(--ink,#14212e);margin:0;font-size:clamp(1rem,1.9cqw,1.2rem);font-weight:700}.lp-capture--done .lp-capture-lead{color:var(--body,#3a4454);margin-top:4px}@media (max-height:640px){.lp-capture{gap:7px;margin-top:8px}.lp-capture-lead{font-size:.85rem}.lp-outro .lp-seal{display:none}}.lp-preload{visibility:hidden;pointer-events:none;position:absolute;inset:0;overflow:hidden}.lp-arrow{color:#fff;cursor:pointer;z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d0f1a8c;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:46px;height:46px;transition:all .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 14px #0006}.lp-arrow:hover{background:#0d0f1ac7}.lp-arrow:disabled{opacity:.25;cursor:default}.lp-arrow.prev{left:14px}.lp-arrow.next{right:14px}.lp-arrow svg{width:22px;height:22px}.lp-hint{text-align:center;color:#6c7385;flex:none;padding:10px;font-size:12px}.lp-hint b{color:#9aa0b0}.lp-launch{align-items:center;gap:8px;display:inline-flex}.lp-body{flex:1;min-height:0;display:flex;position:relative}.lp-menuwrap{background:#0b0e1a;border-right:1px solid #232c3e;flex:none;width:min(340px,40%);display:flex}.lp-menu{flex-direction:column;flex:1;min-width:0;padding:0 0 8px;animation:.18s lp-menuin;display:flex;overflow:hidden}@keyframes lp-menuin{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lp-menu{animation:none}}.lp-menu-fiok{font-family:var(--fb);color:#cdd6e6;border-top:1px solid #1c2230;flex:none;margin:8px 16px 4px;padding-top:10px;font-size:.85rem;font-weight:700;text-decoration:none;display:block}.lp-menu-fiok:after{content:" →"}.lp-menu-fiok:hover{color:#fff}.lp-menu-head{font-family:var(--fl);letter-spacing:.1em;text-transform:uppercase;color:#9aa0b0;border-bottom:1px solid #1c2230;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 10px 8px 16px;font-size:.72rem;font-weight:700;display:flex}.lp-menu-close{width:32px;height:32px}.lp-menu ol{gap:4px;min-height:0;margin:0;padding:8px 10px;list-style:none;display:grid;overflow:auto}.lp-menu-item{border-radius:var(--r);color:#cfd3dd;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;min-height:44px;padding:10px 12px;font-size:.92rem;line-height:1.35;text-decoration:none;display:grid}a.lp-menu-item:hover{color:#fff;background:#141b2b}.lp-menu-num{font-family:var(--ft);color:#6c7385;font-variant-numeric:tabular-nums;font-weight:800}.lp-menu li.done .lp-menu-num{color:#2ecc71}.lp-menu li.current .lp-menu-item{color:#fff;box-shadow:inset 3px 0 0 var(--ls-accent,var(--orange));background:#141b2b}.lp-menu-done{place-items:center;display:grid}.lp-menu-pipa{object-fit:contain;width:22px;height:22px;display:block}.lp-menu-item em{font-style:normal;font-family:var(--fl);letter-spacing:.1em;text-transform:uppercase;color:var(--ls-accent,var(--orange));grid-column:2/-1;margin-top:2px;font-size:.66rem;font-weight:800}.lp-barnav,.lp-rotate{display:none}@media (orientation:portrait) and (max-width:760px){.lp-rotate{z-index:6;color:#fff;border-radius:var(--r-pill);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d0f1ad9;border:1px solid #ffffff47;align-items:center;gap:8px;padding:10px 15px;font-size:.8rem;display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.lp-rotate svg{flex:none;width:15px;height:15px}}@media (max-width:760px),(max-height:500px){.lp-overlay{flex-direction:column}.lp-bar{z-index:10;padding:12px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#070a12f5;border-top:1px solid #1c2230;border-bottom:0;order:2;gap:6px;position:relative}.lp-progress{background:#1c2230;border-radius:0;height:3px;position:absolute;top:0;left:0;right:0}.lp-progress i{border-radius:0}.lp-num{text-align:center;flex:1;font-size:13px}.lp-barnav{display:grid}.lp-iconbtn{background:#141b2bcc;width:40px;height:40px}.lp-body{order:1}.lp-stagewrap{padding:0}.lp-stage{width:min(100%,177.778vh);box-shadow:none;border-radius:0}.lp-arrow{opacity:.45;width:32px;height:32px}.lp-arrow.prev{left:2px}.lp-arrow.next{right:2px}.lp-menuwrap{z-index:9;background:#04060c8c;border:0;width:auto;display:block;position:absolute;inset:0}.lp-menu{background:#0b0e1a;border-top:1px solid #232c3e;border-radius:16px 16px 0 0;height:78%;animation:.22s lp-lapfel;position:absolute;bottom:0;left:0;right:0}.lp-menu-fiok{font-family:var(--fb);color:#cdd6e6;border-top:1px solid #1c2230;flex:none;margin:8px 16px 4px;padding-top:10px;font-size:.85rem;font-weight:700;text-decoration:none;display:block}.lp-menu-fiok:after{content:" →"}.lp-menu-fiok:hover{color:#fff}.lp-menu-head{padding-top:14px}.lp-menu-head:before{content:"";background:#3a4256;border-radius:99px;width:36px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes lp-lapfel{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}@media (max-height:500px){.lp-bar{opacity:0;pointer-events:none;order:0;transition:transform .25s,opacity .25s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.lp-overlay.chrome-on .lp-bar,.lp-overlay.menu-on .lp-bar{opacity:1;pointer-events:auto;transform:none}.lp-body{order:0}.lp-menu{border-radius:0;height:auto;top:0;bottom:60px}@media (prefers-reduced-motion:reduce){.lp-bar,.lp-menu{transition:none;animation:none}}}@media (hover:none) and (pointer:coarse){.lp-hint{display:none}}.lp-overlay{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}