:root{--bg-deep:#080b11;--bg-app:#0e1320;--bg-surface:#171e30;--bg-surface-elevated:#212b44;--primary:#10b981;--primary-hover:#059669;--primary-glow:#10b98140;--secondary:#6366f1;--secondary-glow:#6366f133;--accent-gradient:linear-gradient(135deg, #10b981 0%, #6366f1 100%);--accent-gradient-hover:linear-gradient(135deg, #059669 0%, #4f46e5 100%);--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:#232c42;--border-focus:#374669;--danger:#ef4444;--danger-bg:#ef44441a;--success:#10b981;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--shadow-lg:0 10px 25px -5px #00000080, 0 8px 10px -6px #00000080;--shadow-sm:0 2px 8px #0000004d;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#app{background-color:var(--bg-app);border:1px solid var(--border);width:100%;max-width:440px;height:100vh;max-height:920px;box-shadow:var(--shadow-lg);border-radius:32px;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width<=480px){body{background-color:var(--bg-app)}#app{border:none;border-radius:0;max-width:100%;height:100vh;max-height:100vh}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 #10b98166}50%{transform:scale(1.05);box-shadow:0 0 15px 4px #10b98199}}@keyframes wave{0%{transform:scaleY(.3)}50%{transform:scaleY(1)}to{transform:scaleY(.3)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}button,.clickable{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active,.clickable:active{opacity:.9;transform:scale(.96)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.modal-overlay[data-v-c3ad926a]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#04060ad9;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.modal-content[data-v-c3ad926a]{background-color:var(--bg-surface);border-top:1px solid var(--border);border-radius:24px 24px 0 0;width:100%;padding:32px 24px 40px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp-c3ad926a;position:relative;box-shadow:0 -10px 25px #00000080}.close-btn[data-v-c3ad926a]{color:var(--text-secondary);padding:4px;position:absolute;top:16px;right:16px}.close-btn[data-v-c3ad926a]:hover{color:var(--text-primary)}.header-section[data-v-c3ad926a]{text-align:center;margin-bottom:24px}.icon-glow[data-v-c3ad926a]{background-color:#10b9811a;border:1px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;box-shadow:0 0 20px #10b98126}h2[data-v-c3ad926a]{color:var(--text-primary);margin-bottom:8px;font-size:1.4rem;font-weight:700}.header-section p[data-v-c3ad926a]{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.input-form[data-v-c3ad926a]{margin-bottom:24px}.input-group[data-v-c3ad926a]{flex-direction:column;margin-bottom:16px;display:flex}.voucher-input[data-v-c3ad926a]{background-color:var(--bg-deep);border:1px solid var(--border);width:100%;color:var(--text-primary);letter-spacing:1.5px;text-transform:uppercase;text-align:center;border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.voucher-input[data-v-c3ad926a]:focus{border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.input-error[data-v-c3ad926a]{border-color:var(--danger);box-shadow:0 0 8px #ef444433}.error-text[data-v-c3ad926a]{color:var(--danger);text-align:center;margin-top:6px;font-size:.8rem;font-weight:500}.submit-btn[data-v-c3ad926a]{background:var(--accent-gradient);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:14px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #10b98140}.submit-btn[data-v-c3ad926a]:hover{background:var(--accent-gradient-hover)}.demo-vouchers[data-v-c3ad926a]{background-color:var(--bg-deep);border:1px dashed var(--border);text-align:center;border-radius:12px;padding:14px}.demo-label[data-v-c3ad926a]{color:var(--text-secondary);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.demo-chips[data-v-c3ad926a]{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.demo-chip[data-v-c3ad926a]{background-color:var(--bg-surface);border:1px solid var(--border);color:var(--primary);border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.demo-chip[data-v-c3ad926a]:hover{border-color:var(--primary);background-color:#10b9810d}.spinner[data-v-c3ad926a]{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin-c3ad926a}@keyframes slideUp-c3ad926a{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin-c3ad926a{to{transform:rotate(360deg)}}.fade-enter-active[data-v-c3ad926a],.fade-leave-active[data-v-c3ad926a]{transition:opacity .25s}.fade-enter-from[data-v-c3ad926a],.fade-leave-to[data-v-c3ad926a]{opacity:0}.video-card[data-v-aec2b6ce]{background-color:var(--bg-surface);border:1px solid var(--border);text-align:left;border-radius:16px;flex-direction:column;width:100%;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;overflow:hidden}.video-card[data-v-aec2b6ce]:hover{border-color:var(--border-focus);transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.thumbnail-wrapper[data-v-aec2b6ce]{width:100%;padding-top:56.25%;position:relative;overflow:hidden}.thumbnail-graphic[data-v-aec2b6ce]{background-position:50%;background-size:cover;position:absolute;inset:0}.thumbnail-overlay-bg[data-v-aec2b6ce]{z-index:1;background:linear-gradient(#0e132033 0%,#0e132099 100%);position:absolute;inset:0}.play-action-overlay[data-v-aec2b6ce]{z-index:2;opacity:0;background-color:#0e132066;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.video-card:hover .play-action-overlay[data-v-aec2b6ce]{opacity:1}.play-circle[data-v-aec2b6ce]{background-color:var(--primary);color:#fff;width:42px;height:42px;box-shadow:0 4px 12px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:scale(.9)}.video-card:hover .play-circle[data-v-aec2b6ce]{transform:scale(1)}.info-wrapper[data-v-aec2b6ce]{padding:12px 14px 14px}.video-title[data-v-aec2b6ce]{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.player-overlay[data-v-32a2b44f]{z-index:120;background-color:#04060af2;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.player-container[data-v-32a2b44f]{background-color:var(--bg-surface);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.player-header[data-v-32a2b44f]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.header-info[data-v-32a2b44f]{text-align:left;flex-direction:column;display:flex}.category-tag[data-v-32a2b44f]{color:var(--secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.65rem;font-weight:700}.header-info h3[data-v-32a2b44f]{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.9rem;font-weight:700;overflow:hidden}.close-btn[data-v-32a2b44f]{color:var(--text-secondary);padding:4px}.close-btn[data-v-32a2b44f]:hover{color:var(--text-primary)}.screen-view[data-v-32a2b44f]{aspect-ratio:16/10;background-color:#000;width:100%;position:relative}.media-canvas[data-v-32a2b44f]{background-position:50%;background-size:cover;width:100%;height:100%;position:relative;overflow:hidden}.grid-overlay[data-v-32a2b44f]{z-index:1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.chart-animation[data-v-32a2b44f]{z-index:2;height:70%;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.chart-animation.paused[data-v-32a2b44f]{opacity:.6}.chart-path-line[data-v-32a2b44f]{stroke-dasharray:100;stroke-dashoffset:0}.pulse-point[data-v-32a2b44f]{animation:2s infinite pulse-glow}.instructor-overlay[data-v-32a2b44f]{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#080b1199;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex;position:absolute;top:14px;left:14px}.avatar-ring[data-v-32a2b44f]{background-color:var(--secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.65rem;font-weight:800;display:flex}.avatar-ring.pulsing[data-v-32a2b44f]{box-shadow:0 0 0 0 var(--secondary-glow);animation:2s infinite pulse-avatar-32a2b44f}@keyframes pulse-avatar-32a2b44f{0%{box-shadow:0 0 #6366f199}70%{box-shadow:0 0 0 6px #6366f100}to{box-shadow:0 0 #6366f100}}.instructor-name[data-v-32a2b44f]{color:var(--text-primary);font-size:.7rem;font-weight:600}.stats-badge[data-v-32a2b44f]{z-index:3;border:1px solid var(--border);color:var(--text-primary);background-color:#080b11bf;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:14px;right:14px}.green-indicator[data-v-32a2b44f]{background-color:var(--primary);width:6px;height:6px;box-shadow:0 0 6px var(--primary);border-radius:50%}.subtitle-container[data-v-32a2b44f]{z-index:4;border-left:3px solid var(--primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#080b11d9;border-radius:4px;padding:8px 12px;position:absolute;bottom:14px;left:14px;right:14px}.subtitle-text[data-v-32a2b44f]{color:var(--text-primary);text-align:left;font-size:.76rem;line-height:1.35}.controls-panel[data-v-32a2b44f]{background-color:var(--bg-app);padding:16px 20px}.timeline-wrapper[data-v-32a2b44f]{cursor:pointer;margin-bottom:12px;padding:6px 0}.progress-track[data-v-32a2b44f]{background-color:var(--border);border-radius:2px;height:4px;position:relative}.progress-fill[data-v-32a2b44f]{background:var(--accent-gradient);border-radius:2px;height:100%;position:absolute;top:0;left:0}.progress-handle[data-v-32a2b44f]{background-color:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0006}.control-row[data-v-32a2b44f]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.time-display[data-v-32a2b44f]{color:var(--text-secondary);font-size:.72rem;font-weight:600}.current-time[data-v-32a2b44f]{color:var(--text-primary)}.divider[data-v-32a2b44f]{color:var(--text-muted);margin:0 4px}.visualizer[data-v-32a2b44f]{align-items:flex-end;gap:2.5px;height:12px;display:flex}.bar[data-v-32a2b44f]{background-color:var(--primary);transform-origin:bottom;border-radius:1px;width:2.5px;height:100%;animation:1.2s ease-in-out infinite wave}.bar-1[data-v-32a2b44f]{animation-delay:.1s}.bar-2[data-v-32a2b44f]{animation-delay:.4s}.bar-3[data-v-32a2b44f]{animation-delay:.2s}.bar-4[data-v-32a2b44f]{animation-delay:.6s}.control-actions[data-v-32a2b44f]{justify-content:space-between;align-items:center;display:flex}.settings-btn[data-v-32a2b44f]{color:var(--text-secondary);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:700}.settings-btn[data-v-32a2b44f]:hover{color:var(--text-primary);border-color:var(--border-focus)}.play-toggle-btn[data-v-32a2b44f]{background-color:var(--text-primary);color:var(--bg-app);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #ffffff26}.play-toggle-btn[data-v-32a2b44f]:hover{transform:scale(1.05)}.play-toggle-btn[data-v-32a2b44f]:active{transform:scale(.95)}.mute-btn[data-v-32a2b44f]{color:var(--text-secondary);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:8px}.mute-btn[data-v-32a2b44f]:hover{color:var(--text-primary);border-color:var(--border-focus)}.fade-enter-active[data-v-32a2b44f],.fade-leave-active[data-v-32a2b44f]{transition:opacity .3s}.fade-enter-from[data-v-32a2b44f],.fade-leave-to[data-v-32a2b44f]{opacity:0}.animate-scale-up[data-v-32a2b44f]{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleUp-32a2b44f}@keyframes scaleUp-32a2b44f{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.app-layout[data-v-9240576a]{background-color:var(--bg-app);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.toast-banner[data-v-9240576a]{background-color:var(--bg-surface);border:1px solid var(--border);z-index:1000;box-shadow:var(--shadow-lg);border-radius:12px;padding:12px 16px;position:absolute;top:72px;left:16px;right:16px}.toast-banner.success[data-v-9240576a]{border-left:4px solid var(--primary)}.toast-banner.success .toast-indicator[data-v-9240576a]{background-color:var(--primary)}.toast-banner.info[data-v-9240576a]{border-left:4px solid var(--secondary)}.toast-banner.info .toast-indicator[data-v-9240576a]{background-color:var(--secondary)}.toast-banner.error[data-v-9240576a]{border-left:4px solid var(--danger)}.toast-banner.error .toast-indicator[data-v-9240576a]{background-color:var(--danger)}.toast-content[data-v-9240576a]{align-items:center;gap:10px;display:flex}.toast-indicator[data-v-9240576a]{border-radius:50%;width:8px;height:8px}.toast-content p[data-v-9240576a]{color:var(--text-primary);text-align:left;font-size:.82rem;font-weight:600}.app-header[data-v-9240576a]{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background-color:#0e1320d9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.brand-logo[data-v-9240576a]{cursor:pointer;align-items:center;gap:8px;display:flex}.logo-box[data-v-9240576a]{background:var(--accent-gradient);color:#fff;width:32px;height:32px;box-shadow:0 4px 10px var(--primary-glow);border-radius:8px;justify-content:center;align-items:center;display:flex}.brand-name[data-v-9240576a]{color:var(--text-primary);letter-spacing:-.3px;font-size:1.15rem;font-weight:800}.header-actions[data-v-9240576a]{align-items:center;gap:12px;display:flex}.premium-badge[data-v-9240576a]{color:var(--primary);letter-spacing:.8px;background-color:#10b98126;border:1px solid #10b9814d;border-radius:6px;padding:3px 8px;font-size:.62rem;font-weight:800}.animate-pulse[data-v-9240576a]{animation:2s infinite pulse-glow}.login-header-btn[data-v-9240576a]{color:#fff;background-color:var(--primary);box-shadow:0 2px 6px var(--primary-glow);border-radius:8px;align-items:center;padding:6px 12px;font-size:.75rem;font-weight:700;display:flex}.login-header-btn[data-v-9240576a]:hover{background-color:var(--primary-hover)}.logout-header-btn[data-v-9240576a]{color:var(--text-secondary);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:8px;align-items:center;padding:6px;display:flex}.logout-header-btn[data-v-9240576a]:hover{color:var(--danger);background-color:var(--danger-bg);border-color:#ef444466}.user-avatar[data-v-9240576a]{background-color:var(--bg-surface-elevated);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.user-avatar.authenticated[data-v-9240576a]{border-color:var(--primary);color:var(--primary);background-color:#10b9811a}.app-main[data-v-9240576a]{flex:1;padding:0;overflow-y:auto}.hero-section[data-v-9240576a]{padding:16px}.hero-banner[data-v-9240576a]{width:100%;height:180px;box-shadow:var(--shadow-sm);border:1px solid var(--border);background-position:50%;background-size:cover;border-radius:20px;align-items:flex-end;padding:18px;display:flex;position:relative;overflow:hidden}.hero-gradient-overlay[data-v-9240576a]{z-index:1;background:linear-gradient(#0e13201a 0%,#0e132066 40%,#0e1320e6 100%);position:absolute;inset:0}.hero-content[data-v-9240576a]{z-index:2;text-align:left;position:relative}.hero-tag[data-v-9240576a]{color:var(--primary);letter-spacing:1px;font-size:.6rem;font-weight:800}.hero-title[data-v-9240576a]{color:#fff;margin:4px 0;font-size:1.15rem;font-weight:800;line-height:1.25}.hero-desc[data-v-9240576a]{color:var(--text-secondary);margin-bottom:12px;font-size:.72rem}.hero-actions-row[data-v-9240576a]{gap:8px;display:flex}.hero-play-btn[data-v-9240576a]{color:#000;background-color:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;display:flex}.hero-play-btn[data-v-9240576a]:hover{background-color:var(--text-secondary)}.hero-watchlist-btn[data-v-9240576a]{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;display:flex}.courses-section[data-v-9240576a]{margin-bottom:24px;padding:0 16px}.video-grid[data-v-9240576a]{flex-direction:column;gap:16px;display:flex}.bottom-padding[data-v-9240576a]{height:24px}.app-footer[data-v-9240576a]{border-top:1px solid var(--border);justify-content:center;align-items:center;padding:20px 16px 24px;display:flex}.footer-label[data-v-9240576a]{color:var(--text-muted);letter-spacing:1px;text-align:center;font-size:.75rem;font-weight:700}.slide-down-enter-active[data-v-9240576a],.slide-down-leave-active[data-v-9240576a]{transition:all .3s cubic-bezier(.16,1,.3,1)}.slide-down-enter-from[data-v-9240576a],.slide-down-leave-to[data-v-9240576a]{opacity:0;transform:translateY(-20px)}