:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard,#lhphuc-voca-dashboard-root){--lhp-font-sans:var(--lhphuc-voca-font,"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif);--lhp-font-mono:var(--lhphuc-voca-font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);--lhp-surface:var(--lhphuc-voca-surface,#ffffff);--lhp-surface-raised:var(--lhphuc-voca-surface-raised,#ffffff);--lhp-surface-muted:var(--lhphuc-voca-surface-soft,#f8fafc);--lhp-surface-soft:var(--lhphuc-voca-surface-soft-2,#f1f5f9);--lhp-surface-tint:var(--lhphuc-voca-surface-muted,#fbfdff);--lhp-border:var(--lhphuc-voca-border-soft,#e2e8f0);--lhp-border-muted:color-mix(in srgb,var(--lhp-border) 72%,transparent);--lhp-border-strong:var(--lhphuc-voca-border-strong,#cbd5e1);--lhp-text:var(--lhphuc-voca-text,#0f172a);--lhp-text-strong:var(--lhphuc-voca-text-strong,#1e293b);--lhp-text-soft:var(--lhphuc-voca-text-soft,#475569);--lhp-text-muted:var(--lhphuc-voca-muted,#64748b);--lhp-text-subtle:var(--lhphuc-voca-text-subtle,#94a3b8);--lhp-text-inverse:var(--lhphuc-voca-text-inverse,#ffffff);--lhp-accent:var(--lhphuc-voca-accent,#2563eb);--lhp-accent-strong:var(--lhphuc-voca-info-strong,#1d4ed8);--lhp-accent-soft:var(--lhphuc-voca-accent-soft,#eff6ff);--lhp-accent-border:var(--lhphuc-voca-accent-border-soft,#bfdbfe);--lhp-info:var(--lhphuc-voca-info,#3b82f6);--lhp-info-soft:var(--lhphuc-voca-info-soft,#eff6ff);--lhp-info-border:var(--lhphuc-voca-info-border-soft,#dbeafe);--lhp-purple:var(--lhphuc-voca-brand-violet,#8b5cf6);--lhp-purple-strong:#7c3aed;--lhp-purple-soft:#f3e8ff;--lhp-purple-soft-2:#f5f3ff;--lhp-pink:var(--lhphuc-voca-brand-pink,#ec4899);--lhp-pink-soft:#fce7f3;--lhp-pink-border:#fbcfe8;--lhp-indigo:#6366f1;--lhp-indigo-strong:#4f46e5;--lhp-indigo-deep:#4338ca;--lhp-indigo-soft:#e0e7ff;--lhp-indigo-border:#c7d2fe;--lhp-success:var(--lhphuc-voca-success,#10b981);--lhp-success-strong:#059669;--lhp-success-deep:#047857;--lhp-success-soft:var(--lhphuc-voca-success-soft,#ecfdf5);--lhp-success-border:#a7f3d0;--lhp-success-signal:#4ade80;--lhp-teal:#0d9488;--lhp-teal-strong:#0f766e;--lhp-teal-soft:#ccfbf1;--lhp-cyan:#06b6d4;--lhp-cyan-signal:#22d3ee;--lhp-cyan-soft:#ecfeff;--lhp-warning:var(--lhphuc-voca-warning,#f59e0b);--lhp-warning-hover:#d97706;--lhp-warning-strong:#b45309;--lhp-warning-text:var(--lhphuc-voca-warning-text,#92400e);--lhp-warning-deep:#78350f;--lhp-warning-soft:var(--lhphuc-voca-warning-soft,#fffbeb);--lhp-warning-soft-2:#fef3c7;--lhp-warning-border:#fcd34d;--lhp-warning-border-soft:#fde68a;--lhp-warning-bright:#fbbf24;--lhp-warning-light:#fde047;--lhp-orange:#f97316;--lhp-orange-strong:#ea580c;--lhp-orange-deep:#7c2d12;--lhp-danger:var(--lhphuc-voca-danger,#ef4444);--lhp-danger-soft:var(--lhphuc-voca-danger-soft,#fef2f2);--lhp-danger-soft-2:var(--lhphuc-voca-danger-soft-2,#fff1f2);--lhp-danger-border:#fecaca;--lhp-danger-border-strong:#fecdd3;--lhp-danger-text:#b91c1c;--lhp-danger-rose:#f43f5e;--lhp-danger-rose-strong:#be123c;--lhp-rose:#f87171;--lhp-gradient-primary:linear-gradient(135deg,#1e3a8a 0%,var(--lhp-accent) 45%,var(--lhp-purple-strong) 100%);--lhp-gradient-warning:linear-gradient(135deg,var(--lhp-orange-deep) 0%,var(--lhp-orange-strong) 40%,var(--lhp-warning) 100%);--lhp-gradient-success:linear-gradient(135deg,#064e3b 0%,var(--lhp-success-strong) 45%,var(--lhp-cyan) 100%);--lhp-gradient-expired:linear-gradient(135deg,var(--lhp-text-strong) 0%,var(--lhp-text-soft) 45%,var(--lhp-text-subtle) 100%);--lhp-gradient-soft-warning:linear-gradient(135deg,var(--lhp-warning-soft-2),var(--lhp-warning-border-soft));--lhp-gradient-soft-surface:linear-gradient(135deg,var(--lhp-surface),var(--lhp-surface-muted));--lhp-gradient-pro-badge:linear-gradient(135deg,var(--lhp-warning-bright),var(--lhp-warning));--lhp-gradient-lock-status:linear-gradient(135deg,var(--lhp-warning),var(--lhp-orange));--lhp-gradient-lock-hero:radial-gradient(circle at 20% 20%,var(--lhp-warning-border-soft) 0%,transparent 50%),radial-gradient(circle at 80% 30%,var(--lhp-pink-border) 0%,transparent 50%),radial-gradient(circle at 50% 80%,var(--lhp-indigo-border) 0%,transparent 60%),linear-gradient(135deg,var(--lhp-warning-soft-2) 0%,var(--lhp-pink-soft) 50%,var(--lhp-indigo-soft) 100%);--lhp-gradient-lock-crown:linear-gradient(160deg,var(--lhp-warning-light) 0%,var(--lhp-warning) 60%,var(--lhp-warning-hover) 100%);--lhp-gradient-lock-cta:linear-gradient(135deg,var(--lhp-indigo) 0%,var(--lhp-purple) 50%,var(--lhp-pink) 100%);--lhp-gradient-ok-progress:linear-gradient(90deg,var(--lhp-success-signal),var(--lhp-cyan-signal));--lhp-gradient-danger-progress:linear-gradient(90deg,var(--lhp-rose),var(--lhp-danger));--lhp-gradient-intensity-progress:linear-gradient(90deg,#10b981,#06b6d4 18%,#3b82f6 36%,#f59e0b 60%,#f97316 78%,#ef4444);--lhp-gradient-album-dock:radial-gradient(circle at top left,rgba(96,165,250,.14),transparent 36%),linear-gradient(135deg,var(--lhp-surface) 0%,var(--lhp-surface-muted) 100%);--lhp-radius-xs:8px;--lhp-radius-sm:10px;--lhp-radius-md:12px;--lhp-radius-lg:14px;--lhp-radius-xl:16px;--lhp-radius-2xl:18px;--lhp-radius-3xl:20px;--lhp-radius-panel:24px;--lhp-radius-pill:999px;--lhp-shadow-xs:0 1px 2px rgba(15,23,42,.04);--lhp-shadow-sm:0 1px 2px rgba(15,23,42,.04),0 1px 3px rgba(15,23,42,.06);--lhp-shadow-card:var(--lhphuc-voca-shadow-sm,0 10px 25px -5px rgba(15,23,42,.08),0 8px 10px -6px rgba(15,23,42,.05));--lhp-shadow-pop:var(--lhphuc-voca-shadow-lg,0 18px 48px rgba(15,23,42,.12));--lhp-shadow-modal:0 25px 60px -15px rgba(0,0,0,.35);--lhp-overlay:var(--lhphuc-voca-overlay-stronger,rgba(15,23,42,.55));--lhp-overlay-block:rgba(15,23,42,.68);--lhp-focus:var(--lhphuc-voca-focus,rgba(37,99,235,.25));--lhp-focus-ring:0 0 0 4px rgba(37,99,235,.12);--lhp-info-text:var(--lhphuc-voca-info-text,#075985);--lhp-info-soft-alpha:rgba(14,165,233,.08);--lhp-accent-soft-alpha:rgba(37,99,235,.08);--lhp-success-text:var(--lhphuc-voca-success-text-strong,#166534);--lhp-success-soft-alpha:rgba(240,253,244,.92);--lhp-success-border-muted:rgba(34,197,94,.28);--lhp-warning-soft-alpha:rgba(255,251,235,.95);--lhp-warning-border-muted:rgba(245,158,11,.35);--lhp-active-border-muted:rgba(15,23,42,.18);--lhp-track-muted:rgba(15,23,42,.06);--lhp-on-gradient-bg:rgba(255,255,255,.16);--lhp-on-gradient-bg-strong:rgba(255,255,255,.22);--lhp-on-gradient-bg-soft:rgba(255,255,255,.14);--lhp-on-gradient-border:rgba(255,255,255,.24);--lhp-on-gradient-border-soft:rgba(255,255,255,.15);--lhp-on-gradient-track:rgba(255,255,255,.18);--lhp-shadow-active-inset:0 1px 0 rgba(15,23,42,.05) inset;--lhp-shadow-inset-border:0 0 0 1px var(--lhp-border-muted) inset;--lhp-shadow-warning-sm:0 3px 9px rgba(245,158,11,.32);--lhp-shadow-warning-lg:0 10px 24px rgba(245,158,11,.45);--lhp-shadow-cta:0 10px 26px rgba(99,102,241,.38);--lhp-shadow-cta-hover:0 14px 34px rgba(99,102,241,.55);--lhp-shadow-modal-strong:0 25px 70px -15px rgba(0,0,0,.5);--lhp-shadow-success-ring:0 0 0 4px rgba(74,222,128,.25);--lhp-shadow-danger-ring:0 0 0 4px rgba(248,113,113,.25);--lhp-shadow-crown-inner:inset 0 -6px 12px rgba(180,83,9,.4),inset 0 6px 10px rgba(255,255,255,.55),var(--lhp-shadow-warning-lg);--lhp-shadow-dock:0 20px 44px rgba(15,23,42,.08);--lhp-shadow-accent-card:0 18px 46px rgba(37,99,235,.12);--lhp-motion-fast:var(--lhphuc-voca-motion-fast,120ms);--lhp-motion-base:var(--lhphuc-voca-motion-base,180ms);--lhp-motion-slow:var(--lhphuc-voca-motion-slow,260ms);--lhp-ease:var(--lhphuc-voca-ease-standard,cubic-bezier(.2,.8,.2,1));--lhp-color-white:var(--lhp-surface);--lhp-color-slate-70:var(--lhp-surface-tint);--lhp-color-slate-100:var(--lhp-surface-soft);--lhp-color-slate-150:var(--lhp-border);--lhp-color-slate-250:var(--lhp-border-strong);--lhp-color-slate-400:var(--lhp-text-subtle);--lhp-color-slate-550:var(--lhp-text-muted);--lhp-color-slate-650:var(--lhp-text-soft);--lhp-color-slate-700:var(--lhp-text-strong);--lhp-color-slate-800:var(--lhp-text-strong);--lhp-color-slate-950:var(--lhp-text);--lhp-color-primary-160:var(--lhp-info-border);--lhp-color-primary-170:var(--lhp-indigo-soft);--lhp-color-primary-180:var(--lhp-info-soft);--lhp-color-primary-190:var(--lhp-accent-border);--lhp-color-primary-200:#93c5fd;--lhp-color-primary-600:var(--lhp-accent);--lhp-color-primary-700:var(--lhp-accent-strong);--lhp-color-purple-100:var(--lhp-purple-soft);--lhp-color-purple-600:#9333ea;--lhp-color-purple-700:#7e22ce;--lhp-color-success-125:var(--lhp-success-soft);--lhp-color-success-250:var(--lhp-success-border);--lhp-color-success-600:var(--lhp-success-strong);--lhp-color-success-800:#065f46;--lhp-color-warning-150:var(--lhp-warning-soft);--lhp-color-warning-200:var(--lhp-warning-soft-2);--lhp-color-warning-250:var(--lhp-warning-border-soft);--lhp-color-warning-300:var(--lhp-warning-border);--lhp-color-warning-450:var(--lhp-warning);--lhp-color-warning-600:var(--lhp-warning-hover);--lhp-color-warning-650:var(--lhp-warning-strong);--lhp-color-warning-700:var(--lhp-warning-text);--lhp-color-danger-150:var(--lhp-danger-soft-2);--lhp-color-danger-500:var(--lhp-danger-rose);--lhp-color-danger-700:var(--lhp-danger-rose-strong);--lhp-color-teal-100:var(--lhp-teal-soft);--lhp-color-teal-600:var(--lhp-teal);--lhp-color-teal-700:var(--lhp-teal-strong);--lhp-color-indigo-600:var(--lhp-indigo-strong);--lhp-color-indigo-700:var(--lhp-indigo-deep);--lhp-ref-fecdd3:var(--lhp-danger-border-strong);--lhp-ref-99f6e4:#99f6e4;--lhp-color-slate-50:var(--lhp-surface-muted);--lhp-color-slate-200:var(--lhp-border);--lhp-color-slate-300:var(--lhp-border-strong);--lhp-color-slate-500:var(--lhp-text-muted);--lhp-color-slate-600:var(--lhp-text-soft);--lhp-color-slate-900:var(--lhp-text);--lhp-color-neutral-50:var(--lhp-surface-muted);--lhp-color-sky-50:var(--lhp-cyan-soft);--lhp-color-sky-700:#0369a1;--lhp-color-sky-800:#075985;--lhp-color-orange-50:#fff7ed;--lhp-color-orange-600:var(--lhp-orange-strong);--lhp-color-orange-700:#c2410c;--lhp-color-green-50:var(--lhp-success-soft);--lhp-color-green-600:var(--lhp-success-strong);--lhp-color-green-700:var(--lhp-success-deep);--lhp-color-green-800:#166534;--lhp-color-blue-50:var(--lhp-info-soft);--lhp-color-blue-500:var(--lhp-info);--lhp-color-blue-600:var(--lhp-accent);--lhp-color-blue-700:var(--lhp-accent-strong);--lhp-color-red-600:var(--lhp-danger-text);--lhp-color-pink-50:var(--lhp-pink-soft);--lhp-color-pink-600:#db2777;--lhp-soft-border-slate:color-mix(in srgb,var(--lhp-border) 82%,transparent);--lhp-soft-border-slate-weak:color-mix(in srgb,var(--lhp-border) 62%,transparent);--lhp-soft-surface-slate:color-mix(in srgb,var(--lhp-surface-muted) 90%,transparent);--lhp-soft-primary-bg:color-mix(in srgb,var(--lhp-accent) 10%,transparent);--lhp-soft-primary-bg-strong:color-mix(in srgb,var(--lhp-accent) 12%,transparent);--lhp-soft-primary-border:color-mix(in srgb,var(--lhp-accent) 35%,transparent);--lhp-soft-primary-border-strong:color-mix(in srgb,var(--lhp-accent) 58%,transparent);--lhp-soft-success-bg:color-mix(in srgb,var(--lhp-success) 12%,transparent);--lhp-soft-success-bg-strong:color-mix(in srgb,var(--lhp-success-soft) 92%,transparent);--lhp-soft-success-border:color-mix(in srgb,var(--lhp-success) 35%,transparent);--lhp-soft-warning-bg:color-mix(in srgb,var(--lhp-warning-soft) 95%,transparent);--lhp-soft-warning-border:color-mix(in srgb,var(--lhp-warning) 35%,transparent);--lhp-soft-info-bg:color-mix(in srgb,var(--lhp-info) 8%,transparent);--lhp-soft-track:color-mix(in srgb,var(--lhp-text) 6%,transparent);--lhp-soft-track-strong:color-mix(in srgb,var(--lhp-text) 18%,transparent);--lhp-soft-panel-shadow:0 20px 44px color-mix(in srgb,var(--lhp-text) 8%,transparent);--lhp-soft-card-shadow:0 2px 4px color-mix(in srgb,var(--lhp-text) 2%,transparent);--lhp-soft-card-shadow-hover:0 10px 20px -5px color-mix(in srgb,var(--lhp-text) 8%,transparent);--lhp-soft-dropdown-shadow:0 16px 30px color-mix(in srgb,var(--lhp-text) 12%,transparent);--lhp-soft-score-shadow:0 6px 18px color-mix(in srgb,var(--lhp-text) 12%,transparent);--lhp-soft-warning-shadow:0 1px 0 color-mix(in srgb,var(--lhp-warning-text) 6%,transparent);--lhp-gradient-created-dock:var(--lhp-gradient-album-dock);--lhp-route-surface-blue:color-mix(in srgb,var(--lhp-info-soft) 42%,var(--lhp-surface));--lhp-route-surface-warm:color-mix(in srgb,var(--lhp-warning-soft) 35%,var(--lhp-surface));--lhp-route-surface-green:color-mix(in srgb,var(--lhp-success-soft) 38%,var(--lhp-surface));--lhp-route-surface-pink:color-mix(in srgb,var(--lhp-pink-soft) 42%,var(--lhp-surface));--lhp-route-rail-bg-start:#0f172a;--lhp-route-rail-bg-end:#1e293b;--lhp-route-rail-fg:#e2e8f0;--lhp-route-rail-muted:rgba(226,232,240,.62);--lhp-route-rail-subtle:rgba(226,232,240,.58);--lhp-route-rail-item-bg:rgba(255,255,255,.06);--lhp-route-rail-item-border:rgba(255,255,255,.06);--lhp-gradient-route-primary-cta:linear-gradient(135deg,var(--lhp-accent),var(--lhp-orange));--lhp-gradient-route-dark-cta:linear-gradient(135deg,var(--lhp-text),var(--lhp-text-soft));--lhp-gradient-route-soft-cta:linear-gradient(135deg,color-mix(in srgb,var(--lhp-info) 14%,transparent),color-mix(in srgb,var(--lhp-pink) 10%,transparent));--lhp-gradient-route-pagehero:radial-gradient(circle at top right,color-mix(in srgb,var(--lhp-orange) 14%,transparent),transparent 28%),radial-gradient(circle at left bottom,color-mix(in srgb,var(--lhp-pink) 12%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--lhp-surface) 96%,transparent),color-mix(in srgb,var(--lhp-surface-muted) 98%,transparent));--lhp-gradient-route-card:linear-gradient(180deg,var(--lhp-surface),var(--lhp-route-surface-blue));--lhp-gradient-route-muted-card:linear-gradient(180deg,color-mix(in srgb,var(--lhp-surface) 98%,transparent),color-mix(in srgb,var(--lhp-surface-muted) 90%,transparent));--lhp-gradient-route-context:linear-gradient(180deg,color-mix(in srgb,var(--lhp-surface) 96%,transparent),color-mix(in srgb,var(--lhp-surface-muted) 96%,transparent));--lhp-gradient-route-rail:linear-gradient(180deg,color-mix(in srgb,var(--lhp-route-rail-bg-start) 96%,transparent),color-mix(in srgb,var(--lhp-route-rail-bg-end) 96%,transparent));--lhp-gradient-route-blue:linear-gradient(135deg,var(--lhp-info-soft),var(--lhp-route-surface-blue));--lhp-gradient-route-orange:linear-gradient(135deg,var(--lhp-color-orange-50),var(--lhp-route-surface-warm));--lhp-gradient-route-green:linear-gradient(135deg,var(--lhp-success-soft),var(--lhp-route-surface-green));--lhp-gradient-route-pink:linear-gradient(135deg,var(--lhp-pink-soft),var(--lhp-route-surface-pink));--lhp-gradient-review-progress:var(--lhphuc-voca-pro-brand-grad,linear-gradient(135deg,var(--lhp-indigo) 0%,var(--lhp-pink) 100%))}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard,#lhphuc-voca-dashboard-root)[data-theme=dark],:where(.lhphuc-voca-theme--dark,.lhphuc-voca-app.lhphuc-voca-theme--dark,.lhphuc-voca-dashboard.lhphuc-voca-theme--dark),body.hapio-theme-dark :where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard,#lhphuc-voca-dashboard-root),html[data-hapio-theme=dark] :where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard,#lhphuc-voca-dashboard-root){--lhp-surface:#0f172a;--lhp-surface-raised:#111c33;--lhp-surface-muted:#111827;--lhp-surface-soft:#1e293b;--lhp-surface-tint:#0b1220;--lhp-border:rgba(229,231,235,.14);--lhp-border-muted:rgba(229,231,235,.10);--lhp-border-strong:rgba(229,231,235,.24);--lhp-text:#e5e7eb;--lhp-text-strong:#f8fafc;--lhp-text-soft:rgba(229,231,235,.82);--lhp-text-muted:rgba(229,231,235,.68);--lhp-text-subtle:rgba(229,231,235,.46);--lhp-shadow-card:0 12px 34px rgba(0,0,0,.38);--lhp-shadow-pop:0 22px 56px rgba(0,0,0,.42);--lhp-shadow-dock:0 24px 58px rgba(0,0,0,.42);--lhp-overlay:rgba(0,0,0,.62);--lhp-info-text:#bfdbfe;--lhp-info-soft-alpha:rgba(59,130,246,.14);--lhp-accent-soft-alpha:rgba(59,130,246,.16);--lhp-success-text:#bbf7d0;--lhp-success-soft-alpha:rgba(34,197,94,.14);--lhp-success-border-muted:rgba(74,222,128,.24);--lhp-warning-soft-alpha:rgba(245,158,11,.13);--lhp-warning-border-muted:rgba(251,191,36,.28);--lhp-active-border-muted:rgba(229,231,235,.24);--lhp-track-muted:rgba(229,231,235,.10);--lhp-route-surface-blue:color-mix(in srgb,var(--lhp-info) 14%,var(--lhp-surface-raised));--lhp-route-surface-warm:color-mix(in srgb,var(--lhp-warning) 12%,var(--lhp-surface-raised));--lhp-route-surface-green:color-mix(in srgb,var(--lhp-success) 12%,var(--lhp-surface-raised));--lhp-route-surface-pink:color-mix(in srgb,var(--lhp-pink) 12%,var(--lhp-surface-raised));--lhp-route-rail-bg-start:#020617;--lhp-route-rail-bg-end:#0f172a}@media (prefers-reduced-motion:reduce){:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard,#lhphuc-voca-dashboard-root){--lhp-motion-fast:0ms;--lhp-motion-base:0ms;--lhp-motion-slow:0ms}}body.hapio-theme-dark,html[data-hapio-theme=dark] body{color-scheme:dark;background:#0b1220;color:#e5e7eb}.lhphuc-voca-course-nav__itemwrap--locked{position:relative;background:var(--lhp-surface);border-style:dashed;border-color:var(--lhp-border)}.lhphuc-voca-course-nav__itemwrap--locked .lhphuc-voca-course-nav__title,.lhphuc-voca-course-nav__itemwrap--locked .lhphuc-voca-course-nav__title-text{color:var(--lhp-text-strong)}.lhphuc-voca-course-nav__itemwrap--locked .lhphuc-voca-course-nav__num{background:var(--lhp-surface-muted);color:var(--lhp-text-muted);border-color:var(--lhp-border)}.lhphuc-voca-course-nav__locked-status{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--lhp-warning),var(--lhp-orange));color:var(--lhp-text-inverse);display:grid;place-items:center;box-shadow:0 3px 9px color-mix(in srgb,var(--lhp-warning) 32%,transparent);transition:transform .2s ease;pointer-events:none;margin:8px 0 0 auto}.lhphuc-voca-course-nav__itemwrap--locked:hover .lhphuc-voca-course-nav__locked-status{transform:scale(1.08) rotate(-8deg)}.lhphuc-voca-course-nav__locked-status svg{width:11px;height:11px;display:block}.lhphuc-voca-course-nav__lock-badge{position:absolute;top:-1px;right:-1px;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;background:linear-gradient(135deg,var(--lhp-warning-bright),var(--lhp-warning));color:var(--lhp-text-inverse);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;border-bottom-left-radius:8px;border-top-right-radius:inherit;pointer-events:none;z-index:2}.lhphuc-voca-course-nav__lock-badge svg{width:7px;height:7px;display:block}.lhpv-course-lock-panel{position:relative;width:100%;max-width:560px;margin:16px auto;background:var(--lhp-surface);border-radius:24px;overflow:hidden;box-shadow:0 18px 48px color-mix(in srgb,var(--lhp-text) 12%,transparent);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--lhp-text);line-height:1.5;animation:lhpv-course-lock-pop-in .45s cubic-bezier(.34,1.56,.64,1)}@keyframes lhpv-course-lock-pop-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.lhpv-course-lock-panel__hero{position:relative;padding:32px 24px 70px;text-align:center;overflow:hidden;background:radial-gradient(circle at 20% 20%,var(--lhp-warning-border-soft) 0,transparent 50%),radial-gradient(circle at 80% 30%,var(--lhp-pink-border) 0,transparent 50%),radial-gradient(circle at 50% 80%,var(--lhp-indigo-border) 0,transparent 60%),linear-gradient(135deg,var(--lhp-warning-soft-2) 0,var(--lhp-pink-soft) 50%,var(--lhp-indigo-soft) 100%)}.lhpv-course-lock-panel__hero:after,.lhpv-course-lock-panel__hero:before{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.55;pointer-events:none}.lhpv-course-lock-panel__hero:before{width:56px;height:56px;top:18px;left:22px;background:radial-gradient(circle,var(--lhp-warning-bright),var(--lhp-warning));animation:lhpv-course-lock-float 5s ease-in-out infinite}.lhpv-course-lock-panel__hero:after{width:36px;height:36px;top:36px;right:30px;background:radial-gradient(circle,color-mix(in srgb,var(--lhp-pink) 42%,var(--lhp-surface)),var(--lhp-pink));animation:lhpv-course-lock-float 5s ease-in-out infinite reverse}@keyframes lhpv-course-lock-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lhpv-course-lock-panel__star{position:absolute;color:var(--lhp-warning);font-size:13px;animation:lhpv-course-lock-twinkle 2.5s ease-in-out infinite;pointer-events:none}.lhpv-course-lock-panel__star--1{top:22px;left:50%;animation-delay:0s}.lhpv-course-lock-panel__star--2{top:56px;left:28%;animation-delay:.5s;color:var(--lhp-pink)}.lhpv-course-lock-panel__star--3{top:32px;right:22%;animation-delay:1s;color:var(--lhp-purple)}.lhpv-course-lock-panel__star--4{top:84px;left:16%;animation-delay:1.5s;color:var(--lhp-info)}@keyframes lhpv-course-lock-twinkle{0%,to{opacity:.3;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.lhpv-course-lock-panel__confetti{position:absolute;width:6px;height:6px;border-radius:2px;z-index:1;pointer-events:none}.lhpv-course-lock-panel__confetti--1{top:30%;left:14%;background:var(--lhp-warning);transform:rotate(20deg)}.lhpv-course-lock-panel__confetti--2{top:18%;right:20%;background:var(--lhp-pink);transform:rotate(-30deg)}.lhpv-course-lock-panel__confetti--3{bottom:30%;left:22%;background:var(--lhp-purple);transform:rotate(45deg)}.lhpv-course-lock-panel__confetti--4{bottom:25%;right:14%;background:var(--lhp-info);transform:rotate(-20deg)}.lhpv-course-lock-panel__crown-wrap{position:relative;width:88px;height:88px;margin:0 auto 16px;display:grid;place-items:center;z-index:2}.lhpv-course-lock-panel__crown-wrap:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--lhp-warning-bright) 50%,transparent),transparent 65%);animation:lhpv-course-lock-halo 2.5s ease-in-out infinite}@keyframes lhpv-course-lock-halo{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}.lhpv-course-lock-panel__crown{position:relative;width:72px;height:72px;border-radius:50%;background:linear-gradient(160deg,var(--lhp-warning-light) 0,var(--lhp-warning) 60%,var(--lhp-warning-hover) 100%);display:grid;place-items:center;box-shadow:inset 0 -6px 12px color-mix(in srgb,var(--lhp-warning-strong) 40%,transparent),inset 0 6px 10px color-mix(in srgb,var(--lhp-text-inverse) 55%,transparent),0 10px 24px color-mix(in srgb,var(--lhp-warning) 45%,transparent);animation:lhpv-course-lock-bounce 2.4s ease-in-out infinite}@keyframes lhpv-course-lock-bounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.lhpv-course-lock-panel__crown svg{width:42px;height:42px;display:block}.lhpv-course-lock-panel__eyebrow{position:relative;z-index:2;font-size:12.5px;font-weight:700;color:var(--lhp-warning-strong);text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px}.lhpv-course-lock-panel__lead{position:relative;z-index:2;color:var(--lhp-text-soft);font-size:14px;max-width:360px;margin:0 auto}.lhpv-course-lock-panel__wave{position:absolute;bottom:-1px;left:0;right:0;width:100%;height:44px;z-index:1;display:block}.lhpv-course-lock-panel__body{padding:0 24px 24px;margin-top:-28px;position:relative;z-index:3}.lhpv-course-lock-panel__features{background:var(--lhp-surface-muted);border:1px solid var(--lhp-border-strong);border-radius:16px;padding:14px 16px;margin-bottom:18px}.lhpv-course-lock-panel__feature{display:flex;align-items:center;gap:12px;padding:7px 0;font-size:13.5px;color:var(--lhp-text-soft)}.lhpv-course-lock-panel__check{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--lhp-success),var(--lhp-success-strong));display:grid;place-items:center;color:var(--lhp-text-inverse)}.lhpv-course-lock-panel__check svg{width:12px;height:12px;display:block}.lhpv-course-lock-panel__cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;background:linear-gradient(135deg,var(--lhp-indigo) 0,var(--lhp-purple) 50%,var(--lhp-pink) 100%);background-size:200% 200%;color:var(--lhp-text-inverse);border:0;border-radius:14px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 10px 26px color-mix(in srgb,var(--lhp-indigo) 38%,transparent);animation:lhpv-course-lock-gradient-shift 4s ease infinite;transition:transform .15s ease,box-shadow .2s ease}.lhpv-course-lock-panel__cta+.lhpv-course-lock-panel__cta{margin-top:10px}@keyframes lhpv-course-lock-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.lhpv-course-lock-panel__cta:focus,.lhpv-course-lock-panel__cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px color-mix(in srgb,var(--lhp-indigo) 55%,transparent);color:var(--lhp-text-inverse);text-decoration:none}.lhpv-course-lock-panel__cta-arrow{transition:transform .2s ease}.lhpv-course-lock-panel__cta:hover .lhpv-course-lock-panel__cta-arrow{transform:translateX(4px)}.lhpv-course-lock-panel__cta-label{min-width:0;overflow-wrap:anywhere;word-break:break-word;text-align:center}.lhpv-course-lock-panel__no-plan{text-align:center;font-size:13.5px;color:var(--lhp-text-soft);padding:14px 12px;border:1px dashed var(--lhp-border-strong);border-radius:12px;background:var(--lhp-surface-muted)}.lhpv-course-lock-panel__foot{text-align:center;margin-top:14px;font-size:12.5px;color:var(--lhp-text-muted)}.lhpv-course-lock-panel__foot a{color:var(--lhp-accent);text-decoration:none;font-weight:600}.lhpv-course-lock-panel__foot a:hover{text-decoration:underline}@media (max-width:600px){.lhpv-course-lock-panel{margin:8px auto;border-radius:20px}.lhpv-course-lock-panel__hero{padding:24px 18px 60px}.lhpv-course-lock-panel__hero:before{width:44px;height:44px;top:14px;left:14px}.lhpv-course-lock-panel__hero:after{width:28px;height:28px;top:28px;right:18px}.lhpv-course-lock-panel__crown-wrap{width:76px;height:76px;margin-bottom:12px}.lhpv-course-lock-panel__crown{width:60px;height:60px}.lhpv-course-lock-panel__crown svg{width:34px;height:34px}.lhpv-course-lock-panel__eyebrow{font-size:11px;letter-spacing:.1em}.lhpv-course-lock-panel__lead{font-size:13px}.lhpv-course-lock-panel__body{padding:0 16px 18px;margin-top:-24px}.lhpv-course-lock-panel__features{padding:12px 14px;margin-bottom:14px}.lhpv-course-lock-panel__feature{font-size:12.5px;gap:10px;padding:6px 0}.lhpv-course-lock-panel__cta{padding:13px 14px;font-size:14px}.lhpv-course-lock-panel__star{font-size:11px}.lhpv-course-lock-panel__star--2,.lhpv-course-lock-panel__star--4{display:none}.lhpv-course-lock-panel__confetti{width:5px;height:5px}}@media (max-width:380px){.lhpv-course-lock-panel__cta{font-size:13.5px;padding:12px}}