[data-css-theme] [data-zone=learner]{.lv-card{background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-md);box-shadow:var(--learner-shadow-sm);padding:var(--learner-space-5);transition:box-shadow var(--learner-duration-base) var(--learner-ease-out),transform var(--learner-duration-base) var(--learner-ease-out)}.lv-card--interactive:hover{box-shadow:var(--learner-shadow-md);transform:translateY(-1px)}.lv-card--soft{background:var(--learner-color-surface-soft);border-color:transparent}.lv-card--raised{box-shadow:var(--learner-shadow-md)}.lv-section{padding:var(--learner-space-6);border-radius:var(--learner-radius-lg);background:var(--learner-color-surface);border:1px solid var(--learner-color-border-soft)}.lv-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--learner-space-2);padding:10px 18px;border-radius:var(--learner-radius-pill);font-family:var(--learner-font-body);font-size:var(--learner-text-sm);font-weight:600;letter-spacing:.01em;line-height:1;border:1px solid transparent;cursor:pointer;transition:background var(--learner-duration-fast) var(--learner-ease-out),color var(--learner-duration-fast) var(--learner-ease-out),box-shadow var(--learner-duration-fast) var(--learner-ease-out),transform var(--learner-duration-fast) var(--learner-ease-out)}.lv-btn:focus-visible{outline:2px solid var(--learner-color-brand);outline-offset:2px}.lv-btn:active{transform:translateY(1px)}.lv-btn--primary{background:var(--learner-color-brand);color:var(--learner-color-text-inverse)}.lv-btn--primary:hover{background:var(--learner-color-brand-strong)}.lv-btn--secondary{background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong)}.lv-btn--secondary:hover{background:var(--learner-color-brand-border)}.lv-btn--ghost{background:transparent;color:var(--learner-color-text);border-color:var(--learner-color-border)}.lv-btn--ghost:hover{background:var(--learner-color-surface-soft)}.lv-btn--danger{background:var(--learner-color-danger);color:var(--learner-color-text-inverse)}.lv-btn--sm{padding:6px var(--learner-space-3);font-size:var(--learner-text-xs)}.lv-btn--lg{padding:14px var(--learner-space-6);font-size:var(--learner-text-md)}.lv-pill{display:inline-flex;align-items:center;gap:var(--learner-space-1);padding:var(--learner-space-1) 10px;border-radius:var(--learner-radius-pill);font-size:var(--learner-text-xs);font-weight:600;background:var(--learner-color-surface-soft);color:var(--learner-color-text-muted);border:1px solid var(--learner-color-border-soft)}.lv-pill--brand{background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong);border-color:var(--learner-color-brand-border)}.lv-pill--success{background:var(--learner-color-success-soft);color:var(--learner-color-success)}.lv-pill--warning{background:var(--learner-color-warning-soft);color:var(--learner-color-warning)}.lv-pill--danger{background:var(--learner-color-danger-soft);color:var(--learner-color-danger)}.lv-pill--info{background:var(--learner-color-info-soft);color:var(--learner-color-info)}.lv-input,.lv-select,.lv-textarea{width:100%;padding:10px 14px;background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-sm);color:var(--learner-color-text);font-family:var(--learner-font-body);font-size:var(--learner-text-base);line-height:1.45;transition:border-color var(--learner-duration-fast) var(--learner-ease-out),box-shadow var(--learner-duration-fast) var(--learner-ease-out)}.lv-input:focus,.lv-select:focus,.lv-textarea:focus{outline:none;border-color:var(--learner-color-brand);box-shadow:0 0 0 3px var(--learner-color-brand-soft)}.lv-textarea{min-height:96px;resize:vertical}.lv-label{display:block;font-size:var(--learner-text-sm);font-weight:600;color:var(--learner-color-text-strong);margin-bottom:var(--learner-space-2)}.lv-help{font-size:var(--learner-text-xs);color:var(--learner-color-text-muted);margin-top:var(--learner-space-1)}.lv-heading-1{font-size:var(--learner-text-3xl);line-height:1.15;letter-spacing:-.02em}.lv-heading-1,.lv-heading-2{font-weight:700;color:var(--learner-color-text-strong)}.lv-heading-2{font-size:var(--learner-text-2xl);line-height:1.2;letter-spacing:-.015em}.lv-heading-3{font-size:var(--learner-text-xl);font-weight:700;line-height:1.3;color:var(--learner-color-text-strong)}.lv-text-muted{color:var(--learner-color-text-muted)}.lv-text-subtle{color:var(--learner-color-text-subtle)}.lv-text-small{font-size:var(--learner-text-sm)}.lv-divider{height:1px;background:var(--learner-color-border-soft);margin:var(--learner-space-5) 0;border:0}.lv-stack{gap:var(--learner-space-4)}.lv-stack,.lv-stack-sm{display:flex;flex-direction:column}.lv-stack-sm{gap:var(--learner-space-2)}.lv-stack-lg{display:flex;flex-direction:column;gap:var(--learner-space-6)}.lv-cluster{gap:var(--learner-space-3)}.lv-cluster,.lv-cluster-sm{display:flex;flex-wrap:wrap;align-items:center}.lv-cluster-sm{gap:var(--learner-space-2)}.lv-progress{height:8px;border-radius:var(--learner-radius-pill);background:var(--learner-color-surface-soft);overflow:hidden}.lv-progress__fill{height:100%;background:var(--learner-color-brand-gradient);border-radius:inherit;transition:width var(--learner-duration-slow) var(--learner-ease-out)}}@keyframes hapio-lhp-pp-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}[data-zone=learner] .hapio-lhp-pp{margin-top:var(--learner-space-4);animation:hapio-lhp-pp-enter .32s ease-out both;container:hapiopp/inline-size}[data-zone=learner] .hapio-lhp-pp-lockbar{animation:hapio-lhp-pp-enter .32s ease-out 60ms both;display:flex;align-items:center;gap:var(--learner-space-3);background:var(--learner-color-brand-soft);border:1px solid var(--learner-color-brand-border);border-radius:var(--learner-radius-md);padding:var(--learner-space-4) var(--learner-space-5);margin-bottom:var(--learner-space-5)}[data-zone=learner] .hapio-lhp-pp-crown{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--learner-radius-sm);background:var(--learner-color-surface);color:var(--learner-color-warning);box-shadow:var(--learner-shadow-sm)}[data-zone=learner] .hapio-lhp-pp-lockmsg{flex:1;min-width:0}[data-zone=learner] .hapio-lhp-pp-lockmsg h2{margin:0;font-size:var(--learner-text-md);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-pp-lockmsg p{margin:2px 0 0;font-size:var(--learner-text-sm);color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-pp-back{display:inline-flex;align-items:center;gap:var(--learner-space-2);flex:0 0 auto;border:1.5px solid var(--learner-color-brand);background:var(--learner-color-surface);color:var(--learner-color-brand-strong);border-radius:var(--learner-radius-pill);padding:10px 18px;font-size:var(--learner-text-sm);font-weight:700;cursor:pointer;box-shadow:var(--learner-shadow-sm);transition:background var(--learner-duration-fast,.12s),color var(--learner-duration-fast,.12s)}[data-zone=learner] .hapio-lhp-pp-back:hover{background:var(--learner-color-brand);color:var(--learner-color-on-accent)}[data-zone=learner] .hapio-lhp-pp-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--learner-space-5);align-items:start}[data-zone=learner] .hapio-lhp-pp-left,[data-zone=learner] .hapio-lhp-pp-right{background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-lg);box-shadow:var(--learner-shadow-sm);padding:var(--learner-space-5);animation:hapio-lhp-pp-enter .36s ease-out .12s both}[data-zone=learner] .hapio-lhp-pp-right{position:sticky;top:var(--learner-space-4);animation-delay:.2s}[data-zone=learner] .hapio-lhp-pp-step{display:flex;align-items:center;gap:var(--learner-space-3);margin-bottom:var(--learner-space-4)}[data-zone=learner] .hapio-lhp-pp-stepn{width:30px;height:30px;border-radius:var(--learner-radius-pill);background:var(--learner-color-brand);color:var(--learner-color-on-accent);display:grid;place-items:center;font-weight:700}[data-zone=learner] .hapio-lhp-pp-step h3{margin:0;font-size:var(--learner-text-lg);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-pp-gtitle{font-size:var(--learner-text-md);font-weight:700;color:var(--learner-color-text-strong);margin:var(--learner-space-5) 0 var(--learner-space-1)}[data-zone=learner] .hapio-lhp-pp-empty{font-size:var(--learner-text-sm);color:var(--learner-color-text-muted);margin:var(--learner-space-2) 0 0}[data-zone=learner] .hapio-lhp-pp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--learner-space-3);margin-top:var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-card{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--learner-space-2);text-align:left;border:1.5px solid var(--learner-color-border);border-radius:var(--learner-radius-md);background:var(--learner-color-surface);padding:var(--learner-space-4) var(--learner-space-4) var(--learner-space-4);cursor:pointer;min-height:116px;transition:border-color var(--learner-duration-fast,.12s),box-shadow var(--learner-duration-fast,.12s)}[data-zone=learner] .hapio-lhp-pp-card:hover{border-color:var(--learner-color-brand-border)}[data-zone=learner] .hapio-lhp-pp-card.is-sel{border-color:var(--learner-color-brand);box-shadow:0 0 0 3px var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-pp-card.is-wide{grid-column:1/-1;min-height:0;align-items:center}[data-zone=learner] .hapio-lhp-pp-col{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}[data-zone=learner] .hapio-lhp-pp-dur{margin-top:var(--learner-space-2);font-size:var(--learner-text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-pp-price{font-size:var(--learner-text-xl);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-pp-old{font-size:var(--learner-text-sm);color:var(--learner-color-text-muted);text-decoration:line-through}[data-zone=learner] .hapio-lhp-pp-card.is-combo{border-color:var(--learner-tone-rose-icon);background:linear-gradient(180deg,var(--learner-tone-rose-soft),transparent 70%),var(--learner-color-surface);box-shadow:0 0 0 1px var(--learner-tone-rose-ring)}[data-zone=learner] .hapio-lhp-pp-card.is-combo:hover{border-color:var(--learner-tone-rose-icon)}[data-zone=learner] .hapio-lhp-pp-card.is-combo.is-sel{border-color:var(--learner-color-brand);box-shadow:0 0 0 3px var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-pp-combotag{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin-top:2px;font-size:var(--learner-text-xs);font-weight:700;letter-spacing:.02em;padding:2px 9px;border-radius:var(--learner-radius-pill);color:var(--learner-color-on-accent);background:linear-gradient(100deg,var(--learner-tone-rose-icon),var(--learner-tone-rose-text));box-shadow:0 2px 8px color-mix(in srgb,var(--learner-tone-rose-icon),transparent 58%)}[data-zone=learner] .hapio-lhp-pp-combodesc{align-self:stretch;margin-top:2px;font-size:var(--learner-text-xs);font-weight:500;line-height:1.4;color:var(--learner-color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-zone=learner] .hapio-lhp-pp-save{align-self:flex-start;margin-top:2px;font-size:var(--learner-text-xs);font-weight:700;color:var(--learner-tone-rose-text)}[data-zone=learner] .hapio-lhp-pp-radio{position:absolute;right:var(--learner-space-3);bottom:var(--learner-space-3);width:22px;height:22px;border-radius:var(--learner-radius-pill);border:2px solid var(--learner-color-border-strong);background:var(--learner-color-surface);display:grid;place-items:center;color:transparent}[data-zone=learner] .is-sel .hapio-lhp-pp-radio{background:var(--learner-color-brand);border-color:var(--learner-color-brand);color:var(--learner-color-on-accent)}[data-zone=learner] .hapio-lhp-pp-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:var(--learner-text-xs);font-weight:700;padding:3px 10px 3px var(--learner-space-2);border-radius:var(--learner-radius-pill);background:var(--pp-soft);color:var(--pp-text);box-shadow:inset 0 0 0 1px var(--pp-ring)}[data-zone=learner] .hapio-lhp-pp-badge:before{content:"";width:7px;height:7px;border-radius:var(--learner-radius-pill);background:var(--pp-dot);flex:0 0 auto}[data-zone=learner] .hapio-lhp-pp-badge.is-slate{--pp-soft:var(--learner-tone-slate-soft);--pp-text:var(--learner-tone-slate-text);--pp-dot:var(--learner-tone-slate-icon);--pp-ring:var(--learner-tone-slate-ring)}[data-zone=learner] .hapio-lhp-pp-badge.is-sky{--pp-soft:var(--learner-tone-sky-soft);--pp-text:var(--learner-tone-sky-text);--pp-dot:var(--learner-tone-sky-icon);--pp-ring:var(--learner-tone-sky-ring)}[data-zone=learner] .hapio-lhp-pp-badge.is-blue{--pp-soft:var(--learner-tone-blue-soft);--pp-text:var(--learner-tone-blue-text);--pp-dot:var(--learner-tone-blue-icon);--pp-ring:var(--learner-tone-blue-ring)}[data-zone=learner] .hapio-lhp-pp-badge.is-violet{--pp-soft:var(--learner-tone-violet-soft);--pp-text:var(--learner-tone-violet-text);--pp-dot:var(--learner-tone-violet-icon);--pp-ring:var(--learner-tone-violet-ring)}[data-zone=learner] .hapio-lhp-pp-badge.is-amber{--pp-soft:var(--learner-tone-amber-soft);--pp-text:var(--learner-tone-amber-text);--pp-dot:var(--learner-tone-amber-icon);--pp-ring:var(--learner-tone-amber-ring)}[data-zone=learner] .hapio-lhp-pp-badge.is-rose{--pp-soft:var(--learner-tone-rose-soft);--pp-text:var(--learner-tone-rose-text);--pp-dot:var(--learner-tone-rose-icon);--pp-ring:var(--learner-tone-rose-ring)}[data-zone=learner] .hapio-lhp-pp-badge.is-emerald{--pp-soft:var(--learner-tone-emerald-soft);--pp-text:var(--learner-tone-emerald-text);--pp-dot:var(--learner-tone-emerald-icon);--pp-ring:var(--learner-tone-emerald-ring)}[data-zone=learner] .hapio-lhp-pp-free{position:relative;display:block;width:100%;text-align:left;margin-top:var(--learner-space-3);border:1.5px solid var(--learner-tone-emerald-ring);border-radius:var(--learner-radius-md);background:var(--learner-color-surface);overflow:hidden;cursor:pointer;transition:border-color var(--learner-duration-fast,.12s),box-shadow var(--learner-duration-fast,.12s)}[data-zone=learner] .hapio-lhp-pp-free:hover{border-color:var(--learner-tone-emerald-icon)}[data-zone=learner] .hapio-lhp-pp-free.is-sel{border-color:var(--learner-tone-emerald-icon);box-shadow:0 0 0 3px var(--learner-tone-emerald-soft)}[data-zone=learner] .hapio-lhp-pp-free-strip{display:flex;align-items:center;gap:var(--learner-space-2);padding:var(--learner-space-3) var(--learner-space-4);background:var(--learner-tone-emerald-soft);border-bottom:1px solid var(--learner-tone-emerald-ring);color:var(--learner-tone-emerald-text)}[data-zone=learner] .hapio-lhp-pp-free-pr,[data-zone=learner] .hapio-lhp-pp-free-ttl{font-weight:700;font-size:var(--learner-text-base)}[data-zone=learner] .hapio-lhp-pp-free-pr{margin-left:auto}[data-zone=learner] .hapio-lhp-pp-free-cond{display:block;padding:var(--learner-space-4) var(--learner-space-4) var(--learner-space-5);font-size:var(--learner-text-sm);color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-pp-pay h3{margin:0 0 2px;font-size:var(--learner-text-md);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-pp-cap{margin:0 0 var(--learner-space-3);font-size:var(--learner-text-sm);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-pp-qrbox{background:var(--learner-color-surface-soft);border-radius:var(--learner-radius-md);padding:var(--learner-space-4);display:grid;place-items:center}[data-zone=learner] .hapio-lhp-pp-qrimg{width:168px;height:168px;-o-object-fit:contain;object-fit:contain;background:var(--learner-color-surface);border-radius:var(--learner-radius-sm);padding:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-pp-qrph{display:grid;place-items:center;gap:var(--learner-space-2);text-align:center;width:100%;min-height:150px;color:var(--learner-color-text-muted);font-size:var(--learner-text-xs);padding:var(--learner-space-4)}[data-zone=learner] .hapio-lhp-pp-rows{margin:var(--learner-space-4) 0 0}[data-zone=learner] .hapio-lhp-pp-row{display:flex;justify-content:space-between;align-items:center;gap:var(--learner-space-3);padding:var(--learner-space-2) 0;border-bottom:1px dashed var(--learner-color-border-soft);font-size:var(--learner-text-sm)}[data-zone=learner] .hapio-lhp-pp-row:last-child{border-bottom:0}[data-zone=learner] .hapio-lhp-pp-row span{color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-pp-row b{display:inline-flex;align-items:center;gap:var(--learner-space-2);font-weight:700;color:var(--learner-color-text);text-align:right}[data-zone=learner] .hapio-lhp-pp-copy{display:inline-flex;align-items:center;gap:var(--learner-space-1);border:1px solid var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text-body);border-radius:var(--learner-radius-xs);padding:3px var(--learner-space-2);font-size:var(--learner-text-xs);font-weight:600;cursor:pointer}[data-zone=learner] .hapio-lhp-pp-invchip{display:flex;align-items:center;gap:var(--learner-space-3);width:100%;margin:var(--learner-space-1) 0 var(--learner-space-3);padding:var(--learner-space-3);text-align:left;cursor:pointer;background:var(--learner-color-brand-soft);border:1px solid var(--learner-color-brand-border);border-radius:var(--learner-radius-md);transition:filter .12s ease,transform .12s ease}[data-zone=learner] .hapio-lhp-pp-invchip:hover{filter:brightness(.98)}[data-zone=learner] .hapio-lhp-pp-invchip:active{transform:scale(.99)}[data-zone=learner] .hapio-lhp-pp-invchip-body{flex:1 1 auto;min-width:0}[data-zone=learner] .hapio-lhp-pp-invchip-label{display:block;font-size:var(--learner-text-xs);font-weight:700;color:var(--learner-color-brand);text-transform:uppercase;letter-spacing:.03em}[data-zone=learner] .hapio-lhp-pp-invchip-url{display:block;margin-top:2px;font-size:var(--learner-text-md);font-weight:700;line-height:1.3;color:var(--learner-color-text-strong);word-break:break-all}[data-zone=learner] .hapio-lhp-pp-invchip-act{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--learner-space-1);font-size:var(--learner-text-xs);font-weight:700;color:var(--learner-color-brand);background:var(--learner-color-surface);border:1px solid var(--learner-color-brand-border);border-radius:var(--learner-radius-pill);padding:var(--learner-space-1) var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-qtyrow{display:flex;justify-content:space-between;align-items:center;gap:var(--learner-space-3);margin:var(--learner-space-4) 0 0}[data-zone=learner] .hapio-lhp-pp-qtylbl{font-size:var(--learner-text-sm);font-weight:700;color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-pp-qty{display:inline-flex;align-items:center;gap:var(--learner-space-1)}[data-zone=learner] .hapio-lhp-pp-qtybtn{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--learner-color-border-strong);background:var(--learner-color-surface);color:var(--learner-color-text-body);border-radius:var(--learner-radius-sm);cursor:pointer;transition:border-color var(--learner-duration-fast,.12s),color var(--learner-duration-fast,.12s)}[data-zone=learner] .hapio-lhp-pp-qtybtn:hover{border-color:var(--learner-color-brand);color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-pp-qtybtn:disabled{opacity:.45;cursor:default}[data-zone=learner] .hapio-lhp-pp-qtyval{width:46px;height:30px;text-align:center;border:1px solid var(--learner-color-border-strong);background:var(--learner-color-surface);color:var(--learner-color-text-strong);border-radius:var(--learner-radius-sm);font-size:var(--learner-text-base);font-weight:700;-moz-appearance:textfield}[data-zone=learner] .hapio-lhp-pp-qtyval::-webkit-inner-spin-button,[data-zone=learner] .hapio-lhp-pp-qtyval::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[data-zone=learner] .hapio-lhp-pp-qtyval:disabled{opacity:.6}[data-zone=learner] .hapio-lhp-pp-unit{margin:var(--learner-space-2) 0 0;text-align:right;font-size:var(--learner-text-sm);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-pp-total{display:flex;justify-content:space-between;align-items:center;margin:var(--learner-space-3) 0 var(--learner-space-1)}[data-zone=learner] .hapio-lhp-pp-total span{font-size:var(--learner-text-base);font-weight:700;color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-pp-total b{font-size:var(--learner-text-xl);font-weight:700;color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-pp-hint{background:var(--learner-color-warning-soft);border:1px solid var(--learner-tone-amber-ring);color:var(--learner-tone-amber-text);font-size:var(--learner-text-xs);border-radius:var(--learner-radius-sm);padding:var(--learner-space-2) var(--learner-space-3);margin:var(--learner-space-3) 0}[data-zone=learner] .hapio-lhp-pp-btn{width:100%;border:0;background:var(--learner-color-brand);color:var(--learner-color-on-accent);font-weight:700;font-size:var(--learner-text-base);padding:var(--learner-space-3);border-radius:var(--learner-radius-sm);cursor:pointer;transition:background var(--learner-duration-fast,.12s)}[data-zone=learner] .hapio-lhp-pp-btn:hover{background:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-pp-btn:disabled{opacity:.55;cursor:default}[data-zone=learner] .hapio-lhp-pp-btn.is-free{background:var(--learner-tone-emerald-icon)}[data-zone=learner] .hapio-lhp-pp-btn.is-orange{background:var(--learner-color-learning)}[data-zone=learner] .hapio-lhp-pp-btn.is-orange:hover{background:var(--learner-color-learning-strong)}[data-zone=learner] .hapio-lhp-pp-btn.is-zalo{display:inline-flex;align-items:center;justify-content:center;gap:var(--learner-space-2);text-decoration:none;background:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-pp-btn.is-zalo:hover{background:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-pp-btn.is-contact{display:inline-flex;align-items:center;justify-content:center;gap:var(--learner-space-2);text-decoration:none;background:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-pp-btn.is-contact:hover,[data-zone=learner] .hapio-lhp-pp-btn.is-fb{background:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-pp-btn.is-fb{display:inline-flex;align-items:center;justify-content:center;gap:var(--learner-space-2);text-decoration:none}[data-zone=learner] .hapio-lhp-pp-btn.is-fb:hover{background:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-pp-btn.is-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--learner-space-2);text-decoration:none;background:transparent;color:var(--learner-color-brand);border:1.5px solid var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-pp-btn.is-outline:hover{background:transparent;border-color:var(--learner-color-brand-strong);color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-pp-done.is-warn{background:var(--learner-color-warning-soft);color:var(--learner-tone-amber-text);border-color:var(--learner-tone-amber-ring)}[data-zone=learner] .hapio-lhp-pp-rednote{background:var(--learner-color-danger-soft);color:var(--learner-color-danger);border:1px solid var(--learner-color-danger);border-radius:var(--learner-radius-sm);padding:var(--learner-space-2) var(--learner-space-3);font-size:var(--learner-text-sm);font-weight:700;margin:0 0 var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-support{width:100%;margin-top:var(--learner-space-2);display:inline-flex;align-items:center;justify-content:center;gap:var(--learner-space-2);border:1px solid var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text-body);border-radius:var(--learner-radius-sm);padding:10px;font-size:var(--learner-text-sm);font-weight:600;cursor:pointer;transition:border-color var(--learner-duration-fast,.12s),color var(--learner-duration-fast,.12s)}[data-zone=learner] .hapio-lhp-pp-support:hover{border-color:var(--learner-color-brand);color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-pp-slots{display:flex;flex-wrap:wrap;gap:var(--learner-space-2);margin:0 0 var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-slot{display:inline-flex;align-items:center;gap:5px;font-size:var(--learner-text-xs);font-weight:700;padding:var(--learner-space-1) 10px;border-radius:var(--learner-radius-pill);background:var(--learner-tone-emerald-soft);color:var(--learner-tone-emerald-text);box-shadow:inset 0 0 0 1px var(--learner-tone-emerald-ring)}[data-zone=learner] .hapio-lhp-pp-slot.is-out{background:var(--learner-color-danger-soft);color:var(--learner-color-danger);box-shadow:inset 0 0 0 1px var(--learner-color-danger)}[data-zone=learner] .hapio-lhp-pp-free-meta{margin-left:auto;font-size:var(--learner-text-xs);font-weight:700;color:var(--learner-tone-emerald-text);background:var(--learner-color-surface);padding:2px 9px;border-radius:var(--learner-radius-pill);box-shadow:inset 0 0 0 1px var(--learner-tone-emerald-ring)}[data-zone=learner] .hapio-lhp-pp-free-meta+.hapio-lhp-pp-free-pr{margin-left:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-pp-done{background:var(--learner-color-success-soft);border:1px solid var(--learner-tone-emerald-ring);color:var(--learner-color-success-strong);font-size:var(--learner-text-sm);font-weight:600;border-radius:var(--learner-radius-sm);padding:var(--learner-space-3);text-align:center}[data-zone=learner] .hapio-lhp-pp-after{margin:var(--learner-space-2) 0 0;font-size:var(--learner-text-xs);color:var(--learner-color-text-subtle);text-align:center}[data-zone=learner] .hapio-lhp-pp-cond{background:var(--learner-tone-emerald-soft);border:1px solid var(--learner-tone-emerald-ring);color:var(--learner-tone-emerald-text);border-radius:var(--learner-radius-sm);padding:var(--learner-space-3);font-size:var(--learner-text-sm);margin:0 0 var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-steps{list-style:none;margin:0 0 var(--learner-space-3);padding:0}[data-zone=learner] .hapio-lhp-pp-steps li{display:flex;align-items:flex-start;gap:var(--learner-space-2);padding:var(--learner-space-2) 0;border-bottom:1px dashed var(--learner-color-border-soft);font-size:var(--learner-text-sm);color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-pp-steps li:last-child{border-bottom:0}[data-zone=learner] .hapio-lhp-pp-num{flex:0 0 22px;height:22px;border-radius:var(--learner-radius-pill);background:var(--learner-tone-emerald-soft);color:var(--learner-tone-emerald-text);display:grid;place-items:center;font-size:var(--learner-text-xs);font-weight:700}@container hapiopp (max-width: 1040px){[data-zone=learner] .hapio-lhp-pp-grid{grid-template-columns:1fr}[data-zone=learner] .hapio-lhp-pp-right{position:static}}@media (max-width:900px){[data-zone=learner] .hapio-lhp-pp-grid{grid-template-columns:1fr}[data-zone=learner] .hapio-lhp-pp-right{position:static}[data-zone=learner] .hapio-lhp-pp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}[data-zone=learner] .hapio-lhp-pp-lockbar{flex-wrap:wrap}[data-zone=learner] .hapio-lhp-pp-back{width:100%;justify-content:center}[data-zone=learner] .hapio-lhp-pp-left,[data-zone=learner] .hapio-lhp-pp-right{padding:var(--learner-space-4)}}@media (max-width:480px){[data-zone=learner] .hapio-lhp-pp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-pp-card{min-height:0;padding:var(--learner-space-3) var(--learner-space-3) var(--learner-space-7);gap:var(--learner-space-1)}[data-zone=learner] .hapio-lhp-pp-card.is-wide{grid-column:1/-1}[data-zone=learner] .hapio-lhp-pp-dur{margin-top:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-pp-price{font-size:var(--learner-text-md)}[data-zone=learner] .hapio-lhp-pp-radio{width:18px;height:18px;right:var(--learner-space-2);bottom:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-pp-lockbar{padding:var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-free-strip{flex-wrap:wrap}}[data-zone=learner] .hapio-lhp-pp-paybar{position:sticky;bottom:0;z-index:40;display:none;align-items:center;justify-content:space-between;gap:var(--learner-space-3);margin-top:var(--learner-space-3);padding:10px var(--learner-space-4) calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--learner-color-border);background:var(--learner-color-surface);box-shadow:0 -8px 24px -12px var(--learner-color-border-strong)}@media (max-width:767px){[data-zone=learner] .hapio-lhp-pp-paybar{display:flex}}[data-zone=learner] .hapio-lhp-pp-paybar-sum{display:flex;flex-direction:column;min-width:0}[data-zone=learner] .hapio-lhp-pp-paybar-sum span{font-size:var(--learner-text-xs);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-pp-paybar-sum b{font-size:var(--learner-text-lg);font-weight:700;color:var(--learner-color-text-strong);white-space:nowrap}[data-zone=learner] .hapio-lhp-pp-paybar-btn{flex:none;border:0;cursor:pointer;padding:10px 18px;border-radius:var(--learner-radius-pill);font-family:inherit;font-size:var(--learner-text-base);font-weight:700;color:var(--learner-color-on-accent);background:var(--learner-color-learning)}[data-zone=learner] .hapio-lhp-pp-paybar-btn:hover{background:var(--learner-color-learning-strong)}[data-zone=learner] .hapio-lhp-pp-launch{display:flex;align-items:flex-start;gap:var(--learner-space-3);margin-top:var(--learner-space-5);padding:0;background:transparent;border:none;border-radius:0}[data-zone=learner] .hapio-lhp-pp-launch-ico{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--learner-radius-sm);background:var(--learner-color-surface);color:var(--learner-color-learning);box-shadow:var(--learner-shadow-sm)}[data-zone=learner] .hapio-lhp-pp-launch-body{flex:1;min-width:0}[data-zone=learner] .hapio-lhp-pp-launch-ttl{margin:3px 0 0;font-size:var(--learner-text-base);font-weight:700;line-height:1.45;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-pp-launch-ttl b{color:var(--learner-color-learning-strong)}[data-zone=learner] .hapio-lhp-pp-launch-sub{margin:var(--learner-space-2) 0 0;font-size:var(--learner-text-sm);color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-pp-launch-btn{margin-top:var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-launch-btns{display:flex;flex-wrap:nowrap;gap:var(--learner-space-2);margin-top:var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-launch-btns .hapio-lhp-pp-btn{flex:1 1 0;width:auto;min-width:0}[data-zone=learner] .hapio-lhp-pp-cta-row{display:flex;flex-wrap:wrap;gap:var(--learner-space-2);align-items:stretch}[data-zone=learner] .hapio-lhp-pp-cta-row .hapio-lhp-pp-btn{flex:1 1 0;width:auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--learner-space-2);text-decoration:none}[data-zone=learner] .hapio-lhp-pp-hero{max-width:560px;margin:0 auto;background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-lg);box-shadow:var(--learner-shadow-sm);padding:0 var(--learner-space-5) var(--learner-space-5);display:flex;flex-direction:column;align-items:center;gap:var(--learner-space-3);text-align:center;animation:hapio-lhp-pp-enter .36s ease-out .12s both}[data-zone=learner] .hapio-lhp-pp-hero-badge{width:56px;height:56px;margin-top:-24px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--learner-radius-pill);background:var(--learner-tone-emerald-icon);color:var(--learner-color-on-accent);border:4px solid var(--learner-color-surface);box-shadow:var(--learner-shadow-md)}[data-zone=learner] .hapio-lhp-pp-hero-ttl{margin:0;font-size:var(--learner-text-lg);font-weight:700;line-height:1.3;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-pp-hero .hapio-lhp-pp-cta-row,[data-zone=learner] .hapio-lhp-pp-hero .hapio-lhp-pp-invchip,[data-zone=learner] .hapio-lhp-pp-hero .hapio-lhp-pp-steps,[data-zone=learner] .hapio-lhp-pp-hero-comm{width:100%;text-align:left}[data-zone=learner] .hapio-lhp-pp-hero .hapio-lhp-pp-invchip{margin:0}[data-zone=learner] .hapio-lhp-pp-ai{position:relative;display:inline-flex;align-items:center;gap:var(--learner-space-2);max-width:100%;padding:8px var(--learner-space-4);border-radius:var(--learner-radius-pill);overflow:hidden;font-weight:700;font-size:var(--learner-text-sm);line-height:1.35;background:var(--learner-color-learning-soft);box-shadow:inset 0 0 0 1px var(--learner-tone-amber-ring);color:var(--learner-color-learning-strong)}[data-zone=learner] .hapio-lhp-pp-ai-ico{flex:0 0 auto;color:var(--learner-color-learning);animation:hapio-lhp-pp-ai-zap 2.3s ease-in-out infinite}[data-zone=learner] .hapio-lhp-pp-ai-txt{position:relative;z-index:1}[data-zone=learner] .hapio-lhp-pp-ai:after{content:"";position:absolute;top:0;left:0;height:100%;width:52%;pointer-events:none;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--learner-color-on-accent) 68%,transparent),transparent);transform:translateX(-170%) skewX(-14deg);animation:hapio-lhp-pp-ai-shine 3.6s ease-in-out infinite}@keyframes hapio-lhp-pp-ai-shine{0%,22%{transform:translateX(-170%) skewX(-14deg)}62%,to{transform:translateX(340%) skewX(-14deg)}}@keyframes hapio-lhp-pp-ai-zap{0%,to{transform:scale(1);opacity:.82}50%{transform:scale(1.18);opacity:1}}@media (prefers-reduced-motion:reduce){[data-zone=learner] .hapio-lhp-pp-ai-ico,[data-zone=learner] .hapio-lhp-pp-ai:after{animation:none}}[data-zone=learner] .hapio-lhp-pp-hero-comm{margin-top:var(--learner-space-2);padding-top:var(--learner-space-4);border-top:1px solid var(--learner-color-border-soft)}[data-zone=learner] .hapio-lhp-pp-hero-comm p{margin:0;font-size:var(--learner-text-sm);font-weight:700;line-height:1.45;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-pp-hero-comm p b{color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-pp-hero-comm .hapio-lhp-pp-launch-btns{margin-top:var(--learner-space-3)}@media (max-width:480px){[data-zone=learner] .hapio-lhp-pp-hero{padding:0 var(--learner-space-4) var(--learner-space-4)}[data-zone=learner] .hapio-lhp-pp.is-free-hero .hapio-lhp-pp-lockbar{display:none}[data-zone=learner] .hapio-lhp-pp-hero-comm .hapio-lhp-pp-btn{font-size:var(--learner-text-xs);padding:9px var(--learner-space-2);gap:var(--learner-space-1)}}.hapio-lhp-clp{--clp-video-bg:var(--learner-color-sidebar,#0b1220);display:block;color:var(--learner-color-text);width:100%;max-width:1040px;margin-inline:auto}.hapio-lhp-clp-lockwrap{width:100%}.hapio-lhp-clp-adminbar{display:flex;align-items:center;gap:var(--learner-space-3);flex-wrap:wrap;margin-bottom:var(--learner-space-3);padding:var(--learner-space-2) var(--learner-space-3);border:1px dashed var(--learner-color-border-strong);border-radius:var(--learner-radius-md);background:var(--learner-color-surface-soft)}.hapio-lhp-clp-adminbar-lbl{font-size:12px;font-weight:600;color:var(--learner-color-text-muted)}.hapio-lhp-clp-seg{display:inline-flex;gap:4px;padding:4px;border-radius:var(--learner-radius-pill);background:var(--learner-color-surface);border:1px solid var(--learner-color-border)}.hapio-lhp-clp-seg button{padding:6px 13px;border:0;border-radius:var(--learner-radius-pill);background:transparent;font:inherit;font-size:13px;font-weight:600;color:var(--learner-color-text-muted);cursor:pointer}.hapio-lhp-clp-seg button.is-on{background:var(--learner-color-brand-soft);color:var(--learner-color-brand)}.hapio-lhp-clp-adminbar-note{font-size:12px;color:var(--learner-color-text-subtle);margin-left:auto}.hapio-lhp-clp-lockbar{display:flex;align-items:center;gap:var(--learner-space-3);padding:var(--learner-space-2) var(--learner-space-4);border-radius:var(--learner-radius-md);background:var(--learner-color-brand-soft);border:1px solid var(--learner-color-brand-border);margin-bottom:var(--learner-space-3)}.hapio-lhp-clp-crown{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:var(--learner-radius-sm);background:var(--learner-color-surface);border:1px solid var(--learner-color-brand-border);color:var(--learner-color-brand)}.hapio-lhp-clp-lockbar h2{margin:0;font-size:14px;font-weight:700;color:var(--learner-color-text-strong);letter-spacing:-.01em}.hapio-lhp-clp-lockbar p{margin:2px 0 0;font-size:13px;color:var(--learner-color-text-muted)}.hapio-lhp-clp-back{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;font:inherit;font-size:13px;font-weight:600;color:var(--learner-color-brand);white-space:nowrap;text-decoration:none;cursor:pointer}.hapio-lhp-clp-back:hover{text-decoration:underline}.hapio-lhp-clp-sample{border-radius:var(--learner-radius-md);overflow:hidden;border:1px solid var(--learner-color-border);background:var(--clp-video-bg)}.hapio-lhp-clp-sample .hc-article__html,.hapio-lhp-clp-sample .hc-article__html .lesson-video{margin:0}.hapio-lhp-clp-sample .hc-article__html .lesson-video>iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}.hapio-lhp-clp.is-classic .hapio-lhp-clp-sample{max-width:720px;margin-inline:auto}.hapio-lhp-clp-sampbar{display:flex;align-items:center;gap:var(--learner-space-2);padding:var(--learner-space-2) var(--learner-space-3);border-top:1px solid var(--learner-color-border);background:var(--learner-color-surface)}.hapio-lhp-clp-sampbar.is-solo{padding:var(--learner-space-3) var(--learner-space-4)}.hapio-lhp-clp-sampbar>button{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-pill);background:var(--learner-color-surface);color:var(--learner-color-brand);cursor:pointer}.hapio-lhp-clp-sampbar>button:hover{border-color:var(--learner-color-brand);background:var(--learner-color-brand-soft)}.hapio-lhp-clp-sampbar-t{flex:1;min-width:0}.hapio-lhp-clp-sampbar-t b{display:block;font-size:14px;font-weight:600;color:var(--learner-color-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hapio-lhp-clp-sampbar-t span{font-size:11.5px;color:var(--learner-color-text-muted)}.hapio-lhp-clp-sampdots{flex:none;display:flex;align-items:center;gap:6px}.hapio-lhp-clp-sampdots button{width:7px;height:7px;padding:0;border:0;border-radius:var(--learner-radius-pill);background:var(--learner-color-border-strong);cursor:pointer}.hapio-lhp-clp-sampdots button.is-on{width:18px;background:var(--learner-color-brand)}.hapio-lhp-clp-payslot{flex:0 1 auto;min-width:0}.hapio-lhp-clp-inlinepay{display:flex;align-items:center;gap:var(--learner-space-3);min-width:0}.hapio-lhp-clp-inlinepay-t{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;white-space:nowrap}.hapio-lhp-clp-inlinepay-price{font-size:19px;font-weight:700;line-height:1.1;color:var(--learner-color-text-strong);letter-spacing:-.005em}.hapio-lhp-clp-inlinepay.is-combo .hapio-lhp-clp-inlinepay-price{color:var(--learner-color-brand)}.hapio-lhp-clp-inlinepay-sub{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.hapio-lhp-clp-inlinepay-combo,.hapio-lhp-clp-inlinepay-dur{display:inline-flex;align-items:center;gap:4px;flex:none;padding:2px 8px;border-radius:var(--learner-radius-pill);font-size:11px;font-weight:600;line-height:1.35}.hapio-lhp-clp-inlinepay-dur{border:1px solid var(--learner-color-brand-border);background:var(--learner-color-brand-soft);color:var(--learner-color-brand)}.hapio-lhp-clp-inlinepay-combo{border:1px solid var(--learner-color-warning-soft);background:var(--learner-color-warning-soft);color:var(--learner-color-warning)}.hapio-lhp-clp-inlinepay-save{font-size:11px;font-weight:600;color:var(--learner-color-success)}.hapio-lhp-clp-inlinepay-old{font-size:11.5px;color:var(--learner-color-text-subtle)}.hapio-lhp-clp-inlinepay .hapio-lhp-clp-btn{flex:none;padding:8px 14px;font-size:13px;gap:6px;white-space:nowrap}@media (max-width:768px){.hapio-lhp-clp-inlinepay{gap:var(--learner-space-2)}.hapio-lhp-clp-inlinepay-price{font-size:15.5px}.hapio-lhp-clp-inlinepay-sub{gap:4px}.hapio-lhp-clp-inlinepay-combo,.hapio-lhp-clp-inlinepay-dur{padding:1px 6px;font-size:10px;gap:3px}.hapio-lhp-clp-inlinepay-old,.hapio-lhp-clp-inlinepay-save{font-size:10px}.hapio-lhp-clp-inlinepay .hapio-lhp-clp-btn{padding:7px 11px;font-size:12px;gap:5px}}.hapio-lhp-clp-btn-2l{display:inline-flex;align-items:center;min-width:0}@media (max-width:460px){.hapio-lhp-clp-inlinepay .hapio-lhp-clp-pop{display:none}.hapio-lhp-clp-inlinepay-dur{padding:2px 6px;font-size:10.5px}.hapio-lhp-clp-inlinepay-t b{font-size:15px}}.hapio-lhp-clp-gated{display:flex;align-items:center;gap:7px;margin:0;padding:var(--learner-space-2) var(--learner-space-3);border-top:1px solid var(--learner-color-warning-soft);background:var(--learner-color-warning-soft);font-size:12.5px;font-weight:600;color:var(--learner-color-warning)}.hapio-lhp-clp-gated svg{flex:none}.hapio-lhp-clp-sample-empty{position:relative;width:100%;aspect-ratio:16/9;display:grid;place-content:center;justify-items:center;gap:var(--learner-space-3);text-align:center;padding:var(--learner-space-5);color:var(--learner-color-text-inverse)}.hapio-lhp-clp-sample-play{width:60px;height:60px;border-radius:var(--learner-radius-pill);display:grid;place-items:center;background:var(--learner-color-surface-soft);color:var(--learner-color-brand)}.hapio-lhp-clp-sample-empty span{font-size:13px;color:var(--learner-color-text-subtle)}.hapio-lhp-clp-sech{display:flex;align-items:center;gap:var(--learner-space-2);margin:var(--learner-space-5) 0 var(--learner-space-3);font-size:15px;font-weight:600;letter-spacing:-.005em;color:var(--learner-color-text-strong)}.hapio-lhp-clp-sech.is-plain{margin-top:0}.hapio-lhp-clp-bens{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--learner-space-3)}.hapio-lhp-clp-ben{display:flex;gap:var(--learner-space-3);align-items:flex-start;padding:var(--learner-space-3) var(--learner-space-4);border-radius:var(--learner-radius-sm);background:var(--learner-color-surface);border:1px solid var(--learner-color-border)}.hapio-lhp-clp-ben-ico{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:var(--learner-radius-xs);background:var(--learner-color-brand-soft);color:var(--learner-color-brand)}.hapio-lhp-clp-ben b{display:block;font-size:14px;font-weight:600;color:var(--learner-color-text-strong)}.hapio-lhp-clp-ben span{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--learner-color-text-muted)}.hapio-lhp-clp-teacher{margin-top:var(--learner-space-4);padding:var(--learner-space-4);border-radius:var(--learner-radius-md);border:1px solid var(--learner-color-border);background:var(--learner-color-surface);box-shadow:var(--learner-shadow-xs)}.hapio-lhp-clp-teacher-top{display:flex;align-items:center;gap:var(--learner-space-3)}.hapio-lhp-clp-ava{width:64px;height:64px;flex:none;border-radius:var(--learner-radius-pill);-o-object-fit:cover;object-fit:cover;display:grid;place-items:center;font-size:21px;font-weight:700;color:var(--learner-color-on-accent);background:var(--learner-color-brand)}.hapio-lhp-clp-teacher-name{font-size:17px;font-weight:700;color:var(--learner-color-text-strong)}.hapio-lhp-clp-teacher-role{margin-top:3px;font-size:13px;color:var(--learner-color-text-muted)}.hapio-lhp-clp-verified{margin-left:auto;align-self:center;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--learner-radius-pill);font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--learner-color-success-soft);color:var(--learner-color-success);border:1px solid var(--learner-color-success-soft)}.hapio-lhp-clp-creds{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--learner-space-3);margin-top:var(--learner-space-4)}.hapio-lhp-clp-cred{display:block;text-align:left;padding:var(--learner-space-3);border-radius:var(--learner-radius-sm);border:1px solid var(--learner-color-border);background:var(--learner-color-surface-soft);cursor:pointer;font:inherit;transition:border-color .15s,background .15s}.hapio-lhp-clp-cred:hover{border-color:var(--learner-color-brand);background:var(--learner-color-brand-soft)}.hapio-lhp-clp-cred-k{display:block;font-size:11.5px;font-weight:600;color:var(--learner-color-text-muted)}.hapio-lhp-clp-cred-v{display:block;margin-top:3px;font-size:19px;font-weight:700;line-height:1.15;color:var(--learner-color-text-strong)}.hapio-lhp-clp-cred-m{display:flex;align-items:center;gap:4px;margin-top:7px;font-size:11.5px;font-weight:600;color:var(--learner-color-brand)}.hapio-lhp-clp-cred[disabled]{cursor:default;opacity:1}.hapio-lhp-clp-cred[disabled]:hover{border-color:var(--learner-color-border);background:var(--learner-color-surface-soft)}.hapio-lhp-clp-hint{margin-top:var(--learner-space-3);font-size:12px;color:var(--learner-color-text-muted)}.hapio-lhp-clp-tgrid{display:flex;gap:var(--learner-space-3);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.hapio-lhp-clp-tgrid::-webkit-scrollbar{height:0}.hapio-lhp-clp-tcard{display:flex;flex-direction:column;flex:0 0 min(320px,82%);scroll-snap-align:start;padding:var(--learner-space-4);border-radius:var(--learner-radius-md);border:1px solid var(--learner-color-border-soft);background:var(--learner-color-surface-soft)}@media (min-width:641px){.hapio-lhp-clp-tgrid{flex-wrap:wrap;overflow-x:visible}.hapio-lhp-clp-tcard{flex:1 1 260px;scroll-snap-align:none}}.hapio-lhp-clp-tcard-top{display:flex;align-items:center;gap:var(--learner-space-3)}.hapio-lhp-clp-tcard .hapio-lhp-clp-ava{width:54px;height:54px;border:1px solid var(--learner-color-border)}.hapio-lhp-clp-tcard .hapio-lhp-clp-teacher-name{font-size:16px}.hapio-lhp-clp-tcreds{margin:var(--learner-space-3) 0 0;padding:0;list-style:none;display:grid;gap:8px}.hapio-lhp-clp-tcreds li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.45;color:var(--learner-color-text)}.hapio-lhp-clp-tcreds svg{flex:none;margin-top:2px;color:var(--learner-color-brand)}.hapio-lhp-clp-tfb{display:inline-flex;align-items:center;gap:6px;margin-top:3px;font-size:12.5px;font-weight:600;color:var(--learner-color-brand);text-decoration:none}a.hapio-lhp-clp-tfb:hover{text-decoration:underline}.hapio-lhp-clp-tfb.is-off{color:var(--learner-color-text-subtle);cursor:default;pointer-events:none}.hapio-lhp-clp-tfb svg{flex:none}.hapio-lhp-clp-faq{margin-top:var(--learner-space-5)}.hapio-lhp-clp-faq-item{margin-top:var(--learner-space-3);border-radius:var(--learner-radius-sm);border:1px solid var(--learner-color-border);background:var(--learner-color-surface);overflow:hidden}.hapio-lhp-clp-faq-item[open]{border-color:var(--learner-color-brand-border);background:var(--learner-color-brand-soft)}.hapio-lhp-clp-faq-q{display:flex;align-items:center;gap:var(--learner-space-3);padding:var(--learner-space-3) var(--learner-space-4);font-size:14.5px;font-weight:600;color:var(--learner-color-text-strong);cursor:pointer;list-style:none}.hapio-lhp-clp-faq-q::-webkit-details-marker{display:none}.hapio-lhp-clp-faq-q span{flex:1}.hapio-lhp-clp-faq-chev{flex:none;color:var(--learner-color-brand);transition:transform .18s}.hapio-lhp-clp-faq-item[open] .hapio-lhp-clp-faq-chev{transform:rotate(180deg)}.hapio-lhp-clp-faq-a{margin:0;padding:0 var(--learner-space-4) var(--learner-space-4);font-size:13.5px;line-height:1.6;color:var(--learner-color-text-muted)}.hapio-lhp-clp-pricebox{padding:var(--learner-space-4);border-radius:var(--learner-radius-md);border:1px solid var(--learner-color-brand-border);background:var(--learner-color-brand-soft)}.hapio-lhp-clp-pop{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--learner-space-2);padding:4px 10px;border-radius:var(--learner-radius-pill);font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--learner-color-warning-soft);color:var(--learner-color-warning);border:1px solid var(--learner-color-warning-soft)}.hapio-lhp-clp-pop:before{content:"";width:6px;height:6px;border-radius:var(--learner-radius-pill);background:currentColor;flex:none}.hapio-lhp-clp-pop.is-sm{margin:0;padding:2px 8px;font-size:10.5px;gap:5px}.hapio-lhp-clp-price-dur{font-size:12px;color:var(--learner-color-text-muted)}.hapio-lhp-clp-price{margin:3px 0 2px;font-size:25px;font-weight:700;color:var(--learner-color-text-strong)}.hapio-lhp-clp-price-old{font-size:12.5px;color:var(--learner-color-text-subtle);text-decoration:line-through}.hapio-lhp-clp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border:0;border-radius:var(--learner-radius-sm);font:inherit;font-size:14.5px;font-weight:600;color:var(--learner-color-on-accent);background:var(--learner-color-brand);cursor:pointer;text-decoration:none}.hapio-lhp-clp-btn:hover{background:var(--learner-color-brand-strong)}.hapio-lhp-clp-btn.is-out{background:var(--learner-color-surface);color:var(--learner-color-brand);border:1px solid var(--learner-color-brand-border)}.hapio-lhp-clp-btn.is-block{width:100%}.hapio-lhp-clp-btn.is-cta{background:var(--learner-color-warning);color:var(--learner-color-on-accent)}.hapio-lhp-clp-btn.is-cta:hover{background:var(--learner-color-warning);filter:brightness(.94)}.hapio-lhp-clp-pricebox .hapio-lhp-clp-btn{margin-top:var(--learner-space-3)}.hapio-lhp-clp-allplans{margin-top:var(--learner-space-4);padding-top:var(--learner-space-4);border-top:1px dashed var(--learner-color-border)}.hapio-lhp-clp.is-classic .hapio-lhp-clp-cta{display:flex;align-items:center;gap:var(--learner-space-4);flex-wrap:wrap;margin-top:var(--learner-space-4);padding:var(--learner-space-4) var(--learner-space-5);border-radius:var(--learner-radius-md);border:1px solid var(--learner-color-border);background:var(--learner-color-surface)}.hapio-lhp-clp.is-classic .hapio-lhp-clp-cta-price{display:flex;align-items:baseline;gap:var(--learner-space-3);flex-wrap:wrap;font-size:23px;font-weight:700;color:var(--learner-color-text-strong)}.hapio-lhp-clp.is-classic .hapio-lhp-clp-cta-acts{margin-left:auto;display:flex;gap:var(--learner-space-2);flex-wrap:wrap}.hapio-lhp-clp.is-twocol .hapio-lhp-clp-grid{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:var(--learner-space-4);align-items:start}.hapio-lhp-clp.is-twocol .hapio-lhp-clp-side{position:sticky;top:var(--learner-space-3)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-hero{border-radius:var(--learner-radius-md);overflow:hidden;border:1px solid var(--learner-color-border);background:var(--clp-video-bg)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-hero-body{padding:var(--learner-space-5)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-sampbar{background:transparent;border-top-color:var(--learner-color-border-strong)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-sampbar-t b{color:var(--learner-color-text-inverse)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-sampbar>button{background:transparent;border-color:var(--learner-color-border-strong);color:var(--learner-color-text-inverse)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-hero-body h2{margin:0;font-size:19px;font-weight:700;color:var(--learner-color-text-inverse)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-hero-sub{margin-top:5px;font-size:13.5px;color:var(--learner-color-text-subtle)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--learner-space-2) var(--learner-space-5);margin-top:var(--learner-space-4)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-chk{display:flex;gap:var(--learner-space-2);align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--learner-color-text-subtle)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-chk b{color:var(--learner-color-text-inverse);font-weight:600}.hapio-lhp-clp.is-hero .hapio-lhp-clp-chk-ico{flex:none;margin-top:2px;color:var(--learner-color-success)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-hero-cta{display:flex;gap:var(--learner-space-3);align-items:center;flex-wrap:wrap;margin-top:var(--learner-space-4);padding-top:var(--learner-space-4);border-top:1px solid var(--learner-color-border-strong)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-hero-price{font-size:22px;font-weight:700;color:var(--learner-color-text-inverse)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-hero-dur{font-size:12px;color:var(--learner-color-text-subtle)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-hero-cta .hapio-lhp-clp-btn.is-out{background:transparent;color:var(--learner-color-text-inverse);border-color:var(--learner-color-border-strong)}.hapio-lhp-clp.is-hero .hapio-lhp-clp-hero-cta-push{margin-left:auto}.hapio-lhp-clp-lb{position:fixed;inset:0;z-index:10060;display:grid;place-items:center;padding:var(--learner-space-5);background:var(--learner-color-scrim)}.hapio-lhp-clp-lb-fig{max-width:min(880px,94vw);max-height:90vh;display:grid;gap:var(--learner-space-3);justify-items:center}.hapio-lhp-clp-lb-img{max-width:100%;max-height:78vh;border-radius:var(--learner-radius-md);background:var(--learner-color-surface);box-shadow:var(--learner-shadow-pop)}.hapio-lhp-clp-lb-ph{width:min(560px,90vw);aspect-ratio:3/2;display:grid;place-content:center;justify-items:center;gap:var(--learner-space-2);border-radius:var(--learner-radius-md);border:1px dashed var(--learner-color-border-strong);background:var(--learner-color-surface);color:var(--learner-color-text-subtle);font-size:13px;text-align:center;padding:var(--learner-space-5)}.hapio-lhp-clp-lb-cap{font-size:13.5px;font-weight:600;color:var(--learner-color-text-inverse)}.hapio-lhp-clp-lb-close{top:var(--learner-space-4);right:var(--learner-space-4);width:40px;height:40px;place-items:center;border:0;border-radius:var(--learner-radius-pill);background:var(--learner-color-surface);color:var(--learner-color-text);cursor:pointer}.hapio-lhp-clp-lb-close,.hapio-lhp-clp-lb-nav{position:fixed;display:grid;box-shadow:var(--learner-shadow-md)}.hapio-lhp-clp-lb-nav{top:50%;transform:translateY(-50%);width:44px;height:44px;place-items:center;border:0;border-radius:var(--learner-radius-pill);background:var(--learner-color-surface);color:var(--learner-color-text);cursor:pointer}.hapio-lhp-clp-lb-nav.is-prev{left:var(--learner-space-4)}.hapio-lhp-clp-lb-nav.is-next{right:var(--learner-space-4)}.hapio-lhp-clp-paybar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:var(--learner-space-3);margin-top:var(--learner-space-4);padding:var(--learner-space-3) var(--learner-space-4);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-md) var(--learner-radius-md) 0 0;background:var(--learner-color-surface);box-shadow:var(--learner-shadow-md)}.hapio-lhp-clp-paybar.is-combo{border-color:var(--learner-color-brand-border);background:var(--learner-color-brand-soft)}.hapio-lhp-clp-paybar-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.hapio-lhp-clp-paybar-price{display:flex;align-items:baseline;gap:var(--learner-space-2);flex-wrap:wrap;font-size:24px;font-weight:700;line-height:1.1;color:var(--learner-color-text-strong);letter-spacing:-.005em;white-space:nowrap}.hapio-lhp-clp-paybar.is-combo .hapio-lhp-clp-paybar-price{color:var(--learner-color-brand)}.hapio-lhp-clp-paybar-old{font-size:13px;font-weight:400;color:var(--learner-color-text-subtle);text-decoration:line-through;white-space:nowrap}.hapio-lhp-clp-paybar-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.hapio-lhp-clp-paybar-combo,.hapio-lhp-clp-paybar-dur{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--learner-radius-pill);font-size:11.5px;font-weight:600;line-height:1.4;white-space:nowrap}.hapio-lhp-clp-paybar-dur{border:1px solid var(--learner-color-brand-border);background:var(--learner-color-surface);color:var(--learner-color-brand)}.hapio-lhp-clp-paybar-combo{border:1px solid var(--learner-color-warning-soft);background:var(--learner-color-warning-soft);color:var(--learner-color-warning)}.hapio-lhp-clp-paybar-save{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--learner-radius-pill);background:var(--learner-color-success-soft);color:var(--learner-color-success);font-size:11.5px;font-weight:600;line-height:1.4;white-space:nowrap}.hapio-lhp-clp-paybar .hapio-lhp-clp-btn{margin-left:auto;flex:none;padding:10px 16px;font-size:13px;gap:6px;box-shadow:var(--learner-shadow-sm)}.hapio-lhp-clp-plansrow{display:flex;justify-content:center;margin-top:var(--learner-space-4)}@media (max-width:860px){.hapio-lhp-clp.is-twocol .hapio-lhp-clp-grid{grid-template-columns:1fr}.hapio-lhp-clp.is-twocol .hapio-lhp-clp-side{position:static}.hapio-lhp-clp-bens,.hapio-lhp-clp.is-hero .hapio-lhp-clp-checks{grid-template-columns:1fr}}@media (max-width:640px){.hapio-lhp-clp-lockbar{padding:var(--learner-space-2) var(--learner-space-3)}.hapio-lhp-clp-lockbar h2{font-size:13.5px;line-height:1.35}.hapio-lhp-clp-back{display:none}.hapio-lhp-clp-creds{grid-template-columns:1fr}.hapio-lhp-clp-verified{display:none}.hapio-lhp-clp-paybar{gap:var(--learner-space-2);padding:var(--learner-space-3) var(--learner-space-3)}.hapio-lhp-clp-paybar-info{gap:3px}.hapio-lhp-clp-paybar-price{font-size:18px;gap:6px}.hapio-lhp-clp-paybar-old{font-size:11.5px}.hapio-lhp-clp-paybar-meta{gap:4px}.hapio-lhp-clp-paybar-combo,.hapio-lhp-clp-paybar-dur,.hapio-lhp-clp-paybar-save{padding:1px 7px;font-size:10.5px}.hapio-lhp-clp-paybar-dur{gap:4px}.hapio-lhp-clp-paybar .hapio-lhp-clp-btn{padding:9px 12px;font-size:12px;gap:5px}}