[data-zone=learner] .hapio-lhp-lgate{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:color-mix(in srgb,var(--learner-ink) 52%,transparent);backdrop-filter:blur(2px);animation:hapio-lhp-lgate-fade .18s var(--learner-ease-out)}@keyframes hapio-lhp-lgate-fade{0%{opacity:0}to{opacity:1}}[data-zone=learner] .hapio-lhp-lgate__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:440px;padding:26px 28px;background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-lg);box-shadow:var(--learner-shadow-lg);animation:hapio-lhp-lgate-pop .2s var(--learner-ease-out)}@keyframes hapio-lhp-lgate-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){[data-zone=learner] .hapio-lhp-lgate,[data-zone=learner] .hapio-lhp-lgate__card{animation:none}}[data-zone=learner] .hapio-lhp-lgate__x{position:absolute;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;border:none;border-radius:var(--learner-radius-pill);background:var(--learner-color-surface-soft);color:var(--learner-color-text-muted);cursor:pointer;transition:background .18s var(--learner-ease-out),color .18s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-lgate__x:hover{background:var(--learner-color-border-soft);color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-lgate__x:focus-visible{outline:2px solid var(--learner-color-brand-border);outline-offset:2px}[data-zone=learner] .hapio-lhp-lgate__ic{width:46px;height:46px;border-radius:var(--learner-radius-pill);display:grid;place-items:center;background:var(--learner-color-brand-soft);color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-lgate__msg{margin:0;font-size:14.5px;line-height:1.55;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-lgate__msg b{color:var(--learner-color-text-strong);font-weight:700}[data-zone=learner] .hapio-lhp-lgate__cta{display:inline-flex;align-items:center;gap:7px;margin-top:2px;padding:11px 22px;font-size:14px;font-weight:700;text-decoration:none;color:var(--learner-color-on-accent);background:var(--learner-color-brand);border-radius:var(--learner-radius-pill);box-shadow:var(--learner-shadow-sm);transition:filter .2s var(--learner-ease-out),transform .2s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-lgate__cta:hover{filter:brightness(1.06);transform:translateY(-1px)}[data-zone=learner] .hapio-lhp-lgate__cta:focus-visible{outline:3px solid var(--learner-color-brand-border);outline-offset:2px}[data-zone=learner] .hapio-lhp-lgate__note{font-size:11.5px;color:var(--learner-color-text-muted)}