:root{--bg-primary: #f7f9fb;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-tertiary-hover: #e2e8f0;--text-color: #0f172a;--text-color-secondary: #64748b;--border-color: #e2e8f0;--topbar-height: 90px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html,body{max-width:100%;overflow-x:hidden}body{background:#f7f9fb;color:#0f172a;line-height:1.65}body.theme-dark{--bg-primary: #0a1128;--bg-secondary: #1f2937;--bg-tertiary: #334155;--bg-tertiary-hover: #475569;--text-color: #e2e8f0;--text-color-secondary: #94a3b8;--border-color: #334155;--card-bg: #1f2937;--card-border: #374151;--card-hover-bg: #374151;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--badge-bg: #374151;--primary: #3b82f6;--primary-light: rgba(59, 130, 246, .2);background:#0a1128;color:#e2e8f0}body.theme-dark .topbar{background:#0a1128eb;border-bottom-color:#1e3a8a}body.theme-dark .search-input{background:#0f172a;color:#e2e8f0;border-color:#1f2937}body.theme-dark .search-input::placeholder{color:#94a3b8}body.theme-dark .chip{background:#1e293b;color:#e2e8f0;border-color:#334155}body.theme-dark .chip[aria-pressed=true]{background:#1d4ed8;border-color:#2563eb;color:#f1f5f9}body.theme-dark .skills-grid .category,body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .library-content,body.theme-dark .library-summary-card{background:#1f2937;color:#e2e8f0;border-color:#334155}body.theme-dark .card h3,body.theme-dark .card .card-title,body.theme-dark .card .lane-sub,body.theme-dark .card .lane-desc,body.theme-dark .card .inline-link,body.theme-dark .card .card-meta,body.theme-dark .category h2,body.theme-dark .category p{color:#e2e8f0}body.theme-dark .card .chip,body.theme-dark .card .duration,body.theme-dark .card .tag-chip{background:#94a3b833;color:#f8fafc;border-color:#94a3b873}body.theme-dark .card .inline-link:hover{color:#60a5fa;text-decoration:underline}body.theme-dark .swimlane{--swimlane-bg: #0a1128;--swimlane-card-bg: #172a45;--swimlane-card-hover: #1e3a8a;--swimlane-text: #e2e8f0;--swimlane-text-secondary: #94a3b8;--swimlane-border: #1e3a8a;--swimlane-nav-bg: #172a45;--swimlane-nav-hover: #1e3a8a;--swimlane-nav-disabled: #172a45;--swimlane-nav-text: #e2e8f0;--swimlane-see-all: #60a5fa;--swimlane-see-all-hover: #93c5fd}body.theme-dark .swimlane{background:var(--swimlane-bg);color:var(--swimlane-text)}body.theme-dark .swimlane-head{border-bottom-color:var(--swimlane-border)}body.theme-dark .swimlane h2{color:#bfdbfe}body.theme-dark .lane-sub,body.theme-dark .lane-desc{color:var(--swimlane-text-secondary)}body.theme-dark .nav-chip{background:var(--swimlane-nav-bg);color:var(--swimlane-nav-text);border-color:var(--swimlane-border)}body.theme-dark .nav-chip:not(:disabled):hover{background:var(--swimlane-nav-hover)}body.theme-dark .nav-chip:disabled{background:var(--swimlane-nav-disabled);opacity:.6;cursor:not-allowed}body.theme-dark .see-all{color:var(--swimlane-see-all)}body.theme-dark .see-all:hover{color:var(--swimlane-see-all-hover);text-decoration:none}body.theme-dark .swimlane .card{background:var(--swimlane-card-bg);border-color:var(--swimlane-border);color:var(--swimlane-text)}body.theme-dark .swimlane .card:hover{background:var(--swimlane-card-hover);border-color:#4b5563}body.theme-dark .swimlane .card h3,body.theme-dark .swimlane .card .card-title{color:#f8fafc}body.theme-dark .swimlane .card .card-meta,body.theme-dark .swimlane .card .duration{color:var(--swimlane-text-secondary)}body.theme-dark .swimlane .chip,body.theme-dark .swimlane .tag-chip{background:#94a3b833;color:#f8fafc;border-color:#94a3b84d}body.theme-dark .btn-primary{background:#2563eb;color:#fff;border:1px solid #3b82f6}body.theme-dark .btn-primary:hover{background:#1d4ed8;border-color:#2563eb}body.theme-dark .btn-secondary{background:#1e293b;color:#cbd5f5;border-color:#334155}body.theme-dark .leftnav{background:#0a1128;border-right-color:#1e3a8a}body.theme-dark .leftnav a{color:#e2e8f0}body.theme-dark .leftnav a:hover,body.theme-dark .leftnav a:focus{color:#93c5fd;background:#1e3a8a4d}body.theme-dark .lane-desc,body.theme-dark .lane-sub{color:#cbd5f5}body.theme-dark .nav-icon,body.theme-dark .nav-label{color:inherit}body.theme-dark .nav-toggle-btn{background:#334155;color:#e2e8f0}body.theme-dark .nav-toggle-btn:hover{background:#3b82f64d;color:#93c5fd}body.theme-dark .homepage{color:#e2e8f0}body.theme-dark .hero-section,body.theme-dark .hero-slider{background:linear-gradient(135deg,#1e293b,#0f172a)}body.theme-dark .hero-section h1,body.theme-dark .hero-slider h1{color:#f1f5f9}body.theme-dark .hero-section p,body.theme-dark .hero-slider p{color:#94a3b8}body.theme-dark .hero-dot{background:#475569}body.theme-dark .hero-dot:hover{background:#64748b}body.theme-dark .hero-dot.active{background:#3b82f6}body.theme-dark .swimlane-title{color:#f1f5f9}body.theme-dark .swimlane-subtitle{color:#94a3b8}body.theme-dark .swimlane-see-all{color:#60a5fa}body.theme-dark .swimlane-see-all:hover{color:#93c5fd}body.theme-dark .swimlane-nav-btn{background:#334155;border-color:#475569;color:#e2e8f0}body.theme-dark .swimlane-nav-btn:hover{background:#475569;border-color:#3b82f6}body.theme-dark .swimlane-course-card{background:#1f2937;border-color:#374151}body.theme-dark .swimlane-course-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #0000004d}body.theme-dark .swimlane-card-title{color:#f1f5f9}body.theme-dark .swimlane-card-skill{color:#60a5fa}body.theme-dark .swimlane-card-channel{color:#94a3b8}body.theme-dark .swimlane-card-info{background:#1f2937}body.theme-dark .role-card{background:#1f2937!important;border-color:#374151!important}body.theme-dark .role-card:hover{background:#374151!important;border-color:#3b82f6!important}body.theme-dark .role-card h3,body.theme-dark .role-card h4{color:#f1f5f9!important}body.theme-dark .role-card p{color:#94a3b8!important}body.theme-dark .role-card span{color:#94a3b8}body.theme-dark .role-card [style*="background: var(--badge-bg"]{background:#374151!important}.container{max-width:100%;margin:0 auto;padding:0 1rem}.topbar{position:sticky;top:0;z-index:10;background:#ffffffe6;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);border-bottom:1px solid #e2e8f0}.topbar-inner{display:flex;align-items:center;gap:1rem;padding:.6rem 0}.brand{color:#0f172a;font-weight:700;text-decoration:none;letter-spacing:.2px}.brand-accent{color:#2563eb}.topbar-search{flex:1}.search-input{width:100%;padding:.65rem .9rem;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:.95rem}.search-input::placeholder{color:#64748b}.search-input:focus-visible{outline:3px solid #bfdbfe;outline-offset:2px;border-color:#60a5fa}.filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;padding:.75rem 0}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e2e8f0;background:#fff;color:#0f172a;padding:.4rem .75rem;border-radius:999px;cursor:pointer}.chip[aria-pressed=true]{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.chip:focus-visible{outline:3px solid #bfdbfe;outline-offset:2px}.theme-toggle{display:inline-flex;align-items:center;gap:.35rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem;padding:1rem 0 2rem}.category h2{margin:.5rem 0 .75rem;font-size:1rem;font-weight:600;color:#334155;border-bottom:1px solid #e2e8f0;padding-bottom:.25rem}.card{background:#fff;border:1px solid #e8edf3;padding:.75rem;margin-bottom:.5rem;border-radius:12px;transition:box-shadow .18s ease,transform .18s ease;transform-origin:center center}.swimlane .card{padding:.5rem .6rem;margin:0 0 .3rem;transform-origin:left center;min-width:0}.swimlane .card h3{font-size:.9rem;margin:0 0 .1rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swimlane .card:hover .card-title{font-size:.98rem}.swimlane .card:hover .tag-chip{font-size:.88rem;padding:.24rem .55rem}.card:hover .card-title{font-size:1.18rem}.card:hover .tag-chip{font-size:1.08rem;padding:.42rem .82rem}.card:hover{box-shadow:0 8px 24px #0f172a1f;transform:scale(1.12);z-index:5}.card h3{margin:0 0 .25rem;font-size:1rem;font-weight:650;letter-spacing:.02em;color:#0f172a;transition:font-size .18s ease}.card .card-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.save-btn{position:absolute;top:12px;right:12px;background:#fffffff2;border:1px solid #e5e7eb;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#6b7280;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0000001a}.save-btn:hover{background:#fff;border-color:#d1d5db;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.save-btn:disabled{cursor:not-allowed;opacity:.6}.save-btn.saved{color:#f59e0b;background:#fef3c7;border-color:#f59e0b}.save-btn.saved:hover{background:#fde68a;border-color:#d97706}body.theme-dark .save-btn{background:#1f2937f2;border-color:#4b5563;color:#9ca3af}body.theme-dark .save-btn:hover{background:#374151;border-color:#6b7280}body.theme-dark .save-btn.saved{color:#fbbf24;background:#fbbf2433;border-color:#fbbf24}body.theme-dark .save-btn.saved:hover{background:#fbbf244d}.save-btn-inline{background:transparent;border:1px solid #e5e7eb;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#6b7280;transition:all .2s ease;margin-left:8px}.save-btn-inline:hover{background:#f9fafb;border-color:#d1d5db;transform:scale(1.05)}.save-btn-inline:disabled{cursor:not-allowed;opacity:.6}.save-btn-inline.saved{color:#f59e0b;background:#fef3c7;border-color:#f59e0b}.save-btn-inline.saved:hover{background:#fde68a;border-color:#d97706}body.theme-dark .save-btn-inline{background:transparent;border-color:#4b5563;color:#9ca3af}body.theme-dark .save-btn-inline:hover{background:#374151;border-color:#6b7280}body.theme-dark .save-btn-inline.saved{color:#fbbf24;background:#fbbf2433;border-color:#fbbf24}body.theme-dark .save-btn-inline.saved:hover{background:#fbbf244d}.my-library-page{padding:1rem;max-width:1200px;margin:0 auto}.my-library-header{margin-bottom:1.5rem}.my-library-header h1{font-size:2rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.my-library-header p{color:#64748b;font-size:1.1rem;margin:0}.my-content-section{margin-bottom:2rem}.my-content-section h2{font-size:1.3rem;font-weight:600;color:#0f172a;margin:0 0 .75rem}.content-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.content-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;transition:all .2s ease}.content-card:hover{box-shadow:0 4px 12px #0000001a}.content-card h3{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .75rem}.goal-progress{display:flex;align-items:center;gap:1rem}.progress-circle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.goal-progress p{margin:0;color:#64748b}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-chip{background:#f1f5f9;color:#475569;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.evaluation-status p{margin:0 0 1rem;color:#64748b}.btn-secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.library-content{display:grid;grid-template-columns:180px 1fr;gap:1.5rem}.library-sidebar{background:#f8fafc;border-radius:8px;padding:.75rem;height:fit-content}.library-nav{display:flex;flex-direction:column;gap:.25rem}.nav-tab{background:transparent;border:none;padding:.6rem .8rem;text-align:left;border-radius:6px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;font-size:.9rem}.nav-tab:hover{background:#e2e8f0;color:#475569}.nav-tab.active{background:#3b82f6;color:#fff}.library-main{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.library-main h3{font-size:1.2rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.loading-state,.empty-state{text-align:center;padding:2rem 1rem;color:#64748b}.empty-state p:first-child{font-weight:600;color:#475569;margin-bottom:.5rem}body.theme-dark .my-library-header h1,body.theme-dark .my-content-section h2,body.theme-dark .content-card h3,body.theme-dark .library-main h3{color:#f1f5f9}body.theme-dark .my-library-header p,body.theme-dark .goal-progress p,body.theme-dark .evaluation-status p{color:#94a3b8}body.theme-dark .content-card,body.theme-dark .library-main{background:#1e293b;border-color:#334155}body.theme-dark .library-sidebar{background:#1e293b}body.theme-dark .nav-tab{color:#94a3b8}body.theme-dark .nav-tab:hover,body.theme-dark .skill-chip{background:#334155;color:#e2e8f0}body.theme-dark .btn-secondary{background:#334155;color:#e2e8f0;border-color:#475569}body.theme-dark .btn-secondary:hover{background:#475569}.saved-video-card-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;border:1px solid #e5e7eb;transition:all .2s ease}.saved-video-card-wrapper:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.saved-card-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.saved-card-thumbnail .thumb{display:block;width:100%;height:100%;position:relative;border:none;background:none;padding:0;cursor:pointer}.saved-card-thumbnail .thumb-img{width:100%;height:100%;object-fit:cover}.saved-card-thumbnail .pill-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;opacity:.9;transition:opacity .2s}.saved-card-thumbnail:hover .pill-play{opacity:1;background:#3b82f6e6}.saved-card-thumbnail .pill-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.saved-card-content{padding:12px}.saved-card-skill{display:inline-block;background:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px}.saved-card-title{font-size:.9rem;font-weight:600;color:#111827;margin:0 0 4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.saved-card-channel{font-size:.75rem;color:#6b7280;margin:0 0 8px}.saved-card-progress{margin:8px 0}.saved-card-actions{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #e5e7eb;margin-top:8px}.saved-indicator{color:#f59e0b;font-size:.8rem;font-weight:500}.unsave-btn{background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease}.unsave-btn:hover{background:#fecaca;border-color:#f87171;transform:scale(1.05)}.unsave-btn:disabled{cursor:not-allowed;opacity:.6}.unsave-btn.removing{background:#fbbf24;color:#fff;border-color:#f59e0b}body.theme-dark .saved-video-card-wrapper{background:#1f2937;border-color:#374151}body.theme-dark .saved-card-skill{background:#3b82f633;color:#60a5fa}body.theme-dark .saved-card-title{color:#f9fafb}body.theme-dark .saved-card-channel{color:#9ca3af}body.theme-dark .saved-card-actions{border-color:#374151}body.theme-dark .saved-indicator{color:#fbbf24}body.theme-dark .unsave-btn{background:#dc262633;color:#f87171;border-color:#7f1d1d}body.theme-dark .unsave-btn:hover{background:#dc26264d;border-color:#dc2626}.progress-bar-container{width:100%}.progress-bar-container.card{margin-top:.5rem}.progress-bar-container.player{margin-top:1rem}.progress-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;transition:width .3s ease}.progress-bar-fill.completed{background:linear-gradient(90deg,#10b981,#059669)}.progress-bar-fill.not-started{background:linear-gradient(90deg,#f59e0b,#d97706);opacity:.6}.progress-bar-skeleton{width:100%;height:4px;background:#f3f4f6;border-radius:2px;animation:pulse 1.5s ease-in-out infinite}.progress-text{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;font-size:.85rem}.progress-percentage{color:#6b7280;font-weight:500}.progress-completed{color:#10b981;font-weight:600;display:flex;align-items:center;gap:.25rem}.progress-not-started{color:#f59e0b;font-weight:500;font-style:italic}.progress-bar-container.card .progress-bar,.progress-bar-container.card .progress-bar-skeleton{height:4px}.progress-bar-container.card{display:flex;flex-direction:column;gap:4px}.progress-bar-container.card .progress-bar{width:100%}.progress-bar-container.card .progress-text{margin-top:0;font-size:.75rem}.progress-percentage-small{font-size:.75rem;color:#374151;font-weight:600;white-space:nowrap}.progress-bar-container.inline-progress{margin-top:0;margin-bottom:0}.progress-bar-container.inline-progress .progress-bar,.progress-bar-container.inline-progress .progress-bar-skeleton{height:2px;max-width:120px}body.theme-dark .progress-bar{background:#374151}body.theme-dark .progress-bar-skeleton{background:#4b5563}body.theme-dark .progress-percentage-small,body.theme-dark .progress-percentage{color:#9ca3af}body.theme-dark .progress-completed{color:#34d399}.progress-video-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb}.progress-video-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.progress-video-card .card-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.progress-video-card .card-thumbnail img{width:100%;height:100%;object-fit:cover}.progress-video-card .card-thumbnail .pill-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;opacity:.9;transition:opacity .2s}.progress-video-card .card-thumbnail:hover .pill-play{opacity:1;background:#3b82f6e6}.progress-video-card .completion-badge{position:absolute;top:8px;right:8px;background:#10b981e6;color:#fff;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500}.progress-video-card .card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000001a,#0000004d);display:flex;justify-content:space-between;align-items:flex-start;padding:12px}.progress-video-card .provider-badge{background:#ffffffe6;border-radius:6px;padding:4px 8px;display:flex;align-items:center;gap:4px}.progress-video-card .provider-logo{width:16px;height:16px;border-radius:2px}.progress-video-card .provider-icon{font-size:.65rem;color:#dc2626}.progress-video-card .completion-badge{background:#10b981e6;color:#fff;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500}.progress-video-card .card-content{padding:16px}.progress-video-card .card-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-video-card .progress-info{margin-bottom:12px}.progress-video-card .card-progress-bar{margin-bottom:8px}.progress-video-card .progress-bar-container,.progress-video-card .progress-bar-container.card,.progress-video-card .card-progress-bar{background:transparent!important;height:auto!important}.progress-video-card .card-progress-bar .progress-bar,.progress-video-card .progress-bar-container .progress-bar,.progress-video-card .progress-bar-container.card .progress-bar{height:6px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:3px!important}.progress-video-card .card-progress-bar .progress-bar-fill,.progress-video-card .progress-bar-container .progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px}.progress-video-card .card-progress-bar .progress-text,.progress-video-card .progress-bar-container .progress-text{margin-top:4px;font-size:.75rem}.progress-video-card .card-progress-bar .progress-percentage,.progress-video-card .card-progress-bar .progress-percentage-small,.progress-video-card .progress-bar-container .progress-percentage-small{color:#374151;font-weight:600}.progress-video-card .progress-details{font-size:.875rem;color:#6b7280}.progress-video-card .time-info{display:flex;justify-content:space-between;align-items:center}.progress-video-card .current-time{font-weight:500;color:#374151}.progress-video-card .time-remaining{font-size:.75rem;color:#9ca3af}.progress-video-card .completion-info{text-align:center}.progress-video-card .completion-text{color:#10b981;font-weight:500}.progress-video-card .card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#9ca3af}.progress-video-card .last-watched{font-weight:500}.progress-video-card .course-category{background:#f3f4f6;color:#6b7280;padding:2px 6px;border-radius:4px;font-weight:500}body.theme-dark .progress-video-card{background:#1f2937;border-color:#374151}body.theme-dark .progress-video-card .card-title{color:#f9fafb}body.theme-dark .progress-video-card .current-time{color:#d1d5db}body.theme-dark .progress-video-card .progress-details{color:#9ca3af}body.theme-dark .progress-video-card .course-category{background:#374151;color:#9ca3af}.question-nav-btn{width:40px;height:40px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.question-nav-btn:hover{border-color:#3b82f6;color:#3b82f6}.question-nav-btn.answered{border-color:#10b981;background:#10b981;color:#fff}.question-nav-btn.answered.active{border-color:#3b82f6;background:#3b82f6}.assessment-results{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;text-align:center}.results-header.passed{color:#065f46}.results-header.failed{color:#92400e}.results-icon{font-size:4rem;margin-bottom:1rem}.results-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.results-header h2{font-size:1.25rem;font-weight:500;opacity:.8}.results-details{display:grid;gap:2rem;margin-bottom:2rem}.score-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.score-card h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.score-display{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:.5rem}.score-number{font-size:3rem;font-weight:700;color:#1f2937}.score-total{font-size:1.5rem;color:#6b7280}.score-percentage{font-size:1.25rem;font-weight:600;color:#3b82f6}.certificate-card{background:#d1fae5;border:1px solid #10b981;border-radius:12px;padding:2rem}.certificate-card h3{color:#065f46;margin-bottom:1rem}.certificate-card p{color:#065f46;margin-bottom:1.5rem}.certificate-actions,.results-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-large{padding:.875rem 2rem;font-size:1.125rem;font-weight:600}body.theme-dark .assessment-page{background:#111827}body.theme-dark .assessment-loading,body.theme-dark .assessment-error,body.theme-dark .assessment-auth-required,body.theme-dark .assessment-intro,body.theme-dark .assessment-header,body.theme-dark .assessment-question,body.theme-dark .assessment-navigation,body.theme-dark .assessment-results{background:#1f2937;border-color:#374151}body.theme-dark .assessment-intro h1,body.theme-dark .assessment-info h1,body.theme-dark .question-text,body.theme-dark .results-header h1{color:#f9fafb}body.theme-dark .assessment-intro h2,body.theme-dark .results-header h2{color:#d1d5db}body.theme-dark .detail-card{background:#374151;border-color:#4b5563}body.theme-dark .detail-card h3{color:#f9fafb}body.theme-dark .detail-card li,body.theme-dark .option-label{border-color:#4b5563;color:#d1d5db}body.theme-dark .option-label:hover{border-color:#3b82f6;background:#374151}body.theme-dark .option-label:has(input:checked){background:#1e3a8a;border-color:#3b82f6}body.theme-dark .option-text{color:#d1d5db}body.theme-dark .question-nav-btn{background:#374151;border-color:#4b5563;color:#d1d5db}body.theme-dark .score-card{background:#374151;border-color:#4b5563}body.theme-dark .score-number{color:#f9fafb}@media (max-width: 768px){.assessment-page{padding:1rem .5rem}.assessment-container{max-width:100%}.assessment-info{flex-direction:column;gap:1rem}.assessment-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.nav-buttons{flex-direction:column;gap:1rem}.question-navigator{gap:.25rem}.question-nav-btn{width:35px;height:35px;font-size:.875rem}.assessment-actions,.certificate-actions,.results-actions{flex-direction:column;align-items:center}.assessment-actions button,.certificate-actions button,.results-actions button{width:100%;max-width:300px}}.certificate-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px -1px #0000001a;transition:all .2s ease}.certificate-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.certificate-header{display:flex;gap:1rem;margin-bottom:1.5rem}.certificate-thumbnail{position:relative;width:120px;height:68px;border-radius:8px;overflow:hidden;flex-shrink:0}.certificate-thumbnail img{width:100%;height:100%;object-fit:cover}.certificate-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000004d,#0000001a);display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem}.card-container{flex:1;position:relative;z-index:1;min-height:380px}.card{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;width:100%;height:100%}.card.is-expanded{position:absolute;top:-20px;left:-20px;width:calc(100% + 40px);z-index:1000;box-shadow:0 20px 50px #00000040;border-color:var(--primary, #3b82f6);border-radius:16px;height:auto}.card--list{flex-direction:row;min-height:180px}.card:hover:not(.is-expanded){border-color:var(--primary, #3b82f6);transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.card-head{padding:1.25rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.card-body-content{padding:1rem;flex:1;display:flex;flex-direction:column}.card-header-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-type-label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #64748b)}.card-skill-badge{font-size:.7rem;font-weight:600;color:var(--primary, #3b82f6);text-transform:uppercase;letter-spacing:.5px}.card-title{font-size:1rem;font-weight:600;margin:0 0 8px;color:var(--text-primary, #1e293b);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.card.is-expanded .card-title{-webkit-line-clamp:unset;font-size:1.1rem}.card-author-row{display:flex;align-items:center;font-size:.85rem;color:var(--text-secondary, #64748b);margin-bottom:8px}.card-expanded-info{margin-top:10px;animation:fadeIn .3s ease-out}.card-description{font-size:.9rem;color:var(--text-secondary, #64748b);line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-stats-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color, #e2e8f0);padding-top:12px;margin-top:auto}.card-learners-count{font-size:.85rem;color:var(--text-secondary, #64748b)}.card-save-btn-inline{background:transparent;border:1px solid var(--border-color, #e2e8f0);padding:4px 12px;border-radius:16px;font-size:.85rem;font-weight:600;color:var(--text-primary, #1e293b);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.card-save-btn-inline:hover{background:var(--bg-tertiary, #f1f5f9);border-color:#cbd5e1}.card-save-btn-inline.saved{color:#f59e0b;background:#fffbeb;border-color:#fde68a}.card-close-overlay{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#00000080;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:10}.card--list .card-head{flex:1;border-bottom:none}.card-channel{font-size:.85rem;color:var(--text-secondary, #64748b);margin-top:.5rem}.provider-badge{background:#ffffffe6;border-radius:4px;padding:2px 4px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px}.provider-logo{width:16px;height:16px;object-fit:contain}.provider-initials{font-size:.625rem;font-weight:600;color:#374151}.certificate-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 6px;border-radius:4px;font-size:.625rem;font-weight:600;box-shadow:0 1px 2px #0000001a}.certificate-info{flex:1;min-width:0}.certificate-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.certificate-recipient{font-size:.875rem;color:#6b7280;margin:0 0 .25rem;font-weight:500}.certificate-date{font-size:.75rem;color:#9ca3af;margin:0}.certificate-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.certificate-score{display:flex;align-items:center;gap:1rem}.score-circle{width:60px;height:60px;border:3px solid #e5e7eb;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.score-percentage{font-size:1rem;font-weight:700;line-height:1}.score-label{font-size:.625rem;color:#6b7280;font-weight:500;line-height:1}.score-breakdown{display:flex;flex-direction:column;gap:.25rem}.score-points{font-size:.875rem;color:#374151;font-weight:500}.score-grade{font-size:.75rem;color:#6b7280;font-weight:500}.certificate-actions{display:flex;gap:.5rem}.certificate-actions button{padding:.5rem 1rem;font-size:.875rem;border-radius:6px;font-weight:500;transition:all .2s ease}.certificate-actions .btn-primary{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.certificate-actions .btn-primary:hover{background:#2563eb;border-color:#2563eb}.certificate-actions .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.certificate-actions .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.certificate-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.certificate-verification{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6;gap:1rem}.verification-text{font-size:.75rem;color:#6b7280;font-family:Courier New,monospace}.verification-link{background:none;border:none;color:#3b82f6;font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.verification-link:hover{background:#eff6ff;color:#2563eb}body.theme-dark .certificate-card{background:#1f2937;border-color:#374151}body.theme-dark .certificate-title{color:#f9fafb}body.theme-dark .certificate-recipient{color:#d1d5db}body.theme-dark .certificate-date{color:#9ca3af}body.theme-dark .score-points{color:#e5e7eb}body.theme-dark .score-grade{color:#9ca3af}body.theme-dark .certificate-actions .btn-secondary{background:#374151;color:#d1d5db;border-color:#4b5563}body.theme-dark .certificate-actions .btn-secondary:hover{background:#4b5563;border-color:#6b7280}body.theme-dark .certificate-verification{border-color:#374151}body.theme-dark .verification-text{color:#9ca3af}body.theme-dark .verification-link{color:#60a5fa}body.theme-dark .verification-link:hover{background:#1e3a8a;color:#93c5fd}@media (max-width: 768px){.certificate-header{flex-direction:column;gap:.75rem}.certificate-thumbnail{width:100%;height:120px}.certificate-details{flex-direction:column;align-items:flex-start;gap:1rem}.certificate-score{width:100%;justify-content:space-between}.certificate-actions{width:100%}.certificate-actions button{flex:1}.certificate-verification{flex-direction:column;align-items:flex-start;gap:.5rem}}.assessment-review{max-width:1200px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.review-header{margin-bottom:2rem}.review-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.review-title h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0}.close-button{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.close-button:hover{background:#f3f4f6;color:#374151}.review-summary{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:start}.score-overview{display:flex;align-items:center;gap:1.5rem}.score-circle-large{width:120px;height:120px;border:4px solid #e5e7eb;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-percentage-large{font-size:2rem;font-weight:700;line-height:1}.score-label-large{font-size:.875rem;color:#6b7280;font-weight:500;margin-top:.25rem}.score-details{display:flex;flex-direction:column;gap:.75rem}.score-item{display:flex;flex-direction:column;align-items:center;text-align:center}.score-value{font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1}.score-text{font-size:.75rem;color:#6b7280;font-weight:500;margin-top:.25rem}.performance-breakdown{background:#f9fafb;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb}.performance-breakdown h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.complexity-stats{display:flex;flex-direction:column;gap:1rem}.complexity-stat{display:flex;flex-direction:column;gap:.5rem}.complexity-header{display:flex;justify-content:space-between;align-items:center}.complexity-label{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.complexity-score{font-weight:600;font-size:.875rem;color:#374151}.complexity-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.complexity-fill{height:100%;transition:width .3s ease}.assessment-meta{display:flex;flex-direction:column;gap:.75rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:.875rem;color:#1f2937;font-weight:500}.meta-value.passed{color:#10b981}.meta-value.failed{color:#ef4444}.review-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.question-selector{display:flex;gap:.5rem;flex-wrap:wrap}.question-nav-btn{width:40px;height:40px;border:2px solid #e5e7eb;background:#fff;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.question-nav-btn:hover{border-color:#3b82f6;background:#eff6ff}.question-nav-btn.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.question-nav-btn.correct{border-color:#10b981;background:#ecfdf5;color:#10b981}.question-nav-btn.incorrect{border-color:#ef4444;background:#fef2f2;color:#ef4444}.question-nav-btn.active.correct{background:#10b981;color:#fff}.question-nav-btn.active.incorrect{background:#ef4444;color:#fff}.navigation-controls{display:flex;align-items:center;gap:1rem}.nav-btn{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.question-counter{font-weight:600;color:#374151;font-size:.875rem}.question-review{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;margin-bottom:2rem}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.question-info{display:flex;align-items:center;gap:1rem}.question-number{font-weight:600;color:#374151}.question-complexity{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#6b72801a}.question-result{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.question-result.correct{background:#ecfdf5;color:#10b981}.question-result.incorrect{background:#fef2f2;color:#ef4444}.question-points{display:flex;align-items:baseline;gap:.25rem;font-weight:600}.points-earned{font-size:1.5rem;color:#1f2937}.points-separator,.points-total{font-size:1.25rem;color:#6b7280}.points-label{font-size:.875rem;color:#6b7280;font-weight:500}.question-content h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;line-height:1.5}.answer-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.answer-option{border:2px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.answer-option.correct-answer{border-color:#10b981;background:#ecfdf5}.answer-option.user-wrong-answer{border-color:#ef4444;background:#fef2f2}.answer-option.user-correct-answer{border-color:#10b981;background:#ecfdf5;box-shadow:0 0 0 2px #10b98133}.option-header{display:flex;align-items:center;gap:1rem}.option-letter{width:32px;height:32px;border-radius:50%;background:#f3f4f6;color:#374151;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.correct-answer .option-letter{background:#10b981;color:#fff}.user-wrong-answer .option-letter{background:#ef4444;color:#fff}.user-correct-answer .option-letter{background:#10b981;color:#fff}.option-text{flex:1;font-weight:500;color:#1f2937}.option-indicators{display:flex;gap:.5rem}.correct-indicator,.wrong-indicator,.user-correct-indicator{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.correct-indicator,.user-correct-indicator{background:#10b9811a;color:#10b981}.wrong-indicator{background:#ef44441a;color:#ef4444}.explanations{display:flex;flex-direction:column;gap:1.5rem}.explanation-section{padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb}.explanation-section:first-child{background:#ecfdf5;border-color:#10b981}.explanation-section.user-explanation{background:#fef2f2;border-color:#ef4444}.explanation-title{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:#1f2937}.explanation-text{font-size:.875rem;line-height:1.6;color:#374151;margin:0}.review-actions{display:flex;justify-content:center;margin-bottom:2rem}.learning-recommendations{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:2rem}.learning-recommendations h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.recommendation-item.strength{border-left:4px solid #10b981}.recommendation-item.improvement{border-left:4px solid #f59e0b}.recommendation-item.focus{border-left:4px solid #3b82f6}.recommendation-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.recommendation-icon{font-size:1.25rem}.recommendation-title{font-weight:600;color:#1f2937;flex:1}.recommendation-priority{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.recommendation-priority.high{background:#fef2f2;color:#ef4444}.recommendation-priority.medium{background:#fef3c7;color:#f59e0b}.recommendation-priority.low{background:#ecfdf5;color:#10b981}.recommendation-description{font-size:.875rem;line-height:1.6;color:#6b7280;margin:0}body.theme-dark .assessment-review{background:#1f2937;color:#f9fafb}body.theme-dark .review-title h2{color:#f9fafb}body.theme-dark .close-button{color:#9ca3af}body.theme-dark .close-button:hover{background:#374151;color:#d1d5db}body.theme-dark .performance-breakdown{background:#374151;border-color:#4b5563}body.theme-dark .performance-breakdown h4{color:#f9fafb}body.theme-dark .complexity-score{color:#e5e7eb}body.theme-dark .meta-value{color:#f9fafb}body.theme-dark .review-navigation{background:#374151;border-color:#4b5563}body.theme-dark .question-nav-btn{background:#4b5563;border-color:#6b7280;color:#d1d5db}body.theme-dark .question-nav-btn:hover{border-color:#60a5fa;background:#1e3a8a}body.theme-dark .nav-btn{background:#4b5563;border-color:#6b7280;color:#d1d5db}body.theme-dark .nav-btn:hover:not(:disabled){background:#374151;border-color:#9ca3af}body.theme-dark .question-counter{color:#e5e7eb}body.theme-dark .question-review{background:#374151;border-color:#4b5563}body.theme-dark .question-header{border-color:#4b5563}body.theme-dark .question-info{color:#e5e7eb}body.theme-dark .question-content h3{color:#f9fafb}body.theme-dark .answer-option{border-color:#4b5563;background:#4b5563}body.theme-dark .option-text{color:#f9fafb}body.theme-dark .explanation-section{background:#4b5563;border-color:#6b7280}body.theme-dark .explanation-title{color:#f9fafb}body.theme-dark .explanation-text{color:#d1d5db}body.theme-dark .learning-recommendations{background:#374151;border-color:#4b5563}body.theme-dark .learning-recommendations h3{color:#f9fafb}body.theme-dark .recommendation-item{background:#4b5563;border-color:#6b7280}body.theme-dark .recommendation-title{color:#f9fafb}body.theme-dark .recommendation-description{color:#9ca3af}@media (max-width: 1024px){.review-summary{grid-template-columns:1fr;gap:1.5rem}.score-overview{justify-content:center}}@media (max-width: 768px){.assessment-review{padding:1rem}.review-title{flex-direction:column;align-items:flex-start;gap:1rem}.score-overview{flex-direction:column;text-align:center}.score-details{flex-direction:row;justify-content:space-around;width:100%}.review-navigation{flex-direction:column;gap:1rem}.question-selector{justify-content:center}.question-header{flex-direction:column;align-items:flex-start;gap:1rem}.question-info{flex-wrap:wrap}.explanations{gap:1rem}.explanation-section{padding:1rem}}.embed{display:block;margin:.4rem -.5rem 0;width:calc(100% + 1rem);aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.swimlane .embed{margin:.2rem -.4rem 0;width:calc(100% + .8rem);border-radius:8px;aspect-ratio:16/9}.swimlane .tag-chip,.swimlane .pill-duration{font-size:.6rem;padding:.05rem .3rem;line-height:1.1}.swimlane .card .card-meta{margin-top:.15rem;font-size:.75rem;gap:.3rem}.swimlane .avatar{width:22px;height:22px;font-size:.7rem}.swimlane .chip.duration{padding:.1rem .3rem;font-size:.7rem}.embed-frame{display:block;width:100%;height:100%;border:0}.thumb{width:100%;height:100%;display:block;position:relative;background:#000;border:0;padding:0;cursor:pointer}.thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pill-play{position:absolute;inset:auto auto 10px 10px;background:#0f172ae6;color:#fff;border-radius:999px;padding:.25rem .55rem;font-weight:800;letter-spacing:.3px;box-shadow:0 2px 6px #02061759}.pill-duration{position:absolute;right:6px;bottom:6px;background:#0f172ad9;color:#fff;border-radius:4px;padding:.1rem .35rem;font-size:.7rem;font-weight:500}.swimlane .pill-duration{right:4px;bottom:4px;font-size:.65rem;padding:.05rem .3rem}.tag-chip{position:absolute;left:6px;top:6px;background:#eef4ff;color:#1e3a8a;border:1px solid #c7d2fe;border-radius:999px;padding:.12rem .46rem;font-size:.85rem;font-weight:700;box-shadow:0 1px 4px #02061726;line-height:1.2}.swimlane .tag-chip{font-size:.8rem;padding:.16rem .48rem;left:4px;top:4px}.card .card-meta{margin-top:.3rem;display:flex;gap:.4rem;align-items:center;font-size:.85rem;color:#475569}.swimlane .card .card-meta{margin-top:.2rem;font-size:.8rem}.inline-link{color:#2563eb;text-decoration:none;font-weight:600;font-size:.95rem}.inline-link:hover{text-decoration:underline}.chip.play{background:#e2e8f0;border-color:#cbd5e1}.avatar{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;font-size:.75rem;font-weight:700;color:#0f172a;background:#e2e8f0;border:1px solid #cbd5e1}.list-results{display:block;padding:.5rem 0 2rem}.list-results .category{margin-bottom:.75rem}.list-results .category h2{border:none;color:#64748b;margin:.5rem 0;font-size:.9rem}.card--list{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.card--list .badge{order:1}.card--list a{margin-top:0}.badge{display:inline-block;padding:.15rem .5rem;font-size:.72rem;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:999px}footer{text-align:center;padding:2rem 0;border-top:1px solid #e2e8f0;font-size:.9rem;color:#475569}mark{background:#fffbeb;color:#713f12;padding:0 2px;border-radius:2px;box-shadow:inset 0 -1px #fde68a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;display:inline-block;margin:.5rem 1rem;padding:.5rem .75rem;background:#dbeafe;color:#1e3a8a;border-radius:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;display:grid;place-items:center;padding:1rem}.modal{background:#fff;color:#0f172a;border-radius:12px;width:min(920px,100%);box-shadow:0 10px 40px #02061759;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.modal-title{font-size:.95rem}.modal-body{aspect-ratio:16 / 9;background:#000}.modal-frame{border:0;width:100%;height:100%;display:block}.modal-footer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #e2e8f0}.modal-footer a{color:#2563eb;text-decoration:none;font-weight:600}.modal-footer a:hover{text-decoration:underline}.modal-footer .error{color:#b91c1c}.modal-actions{padding:.75rem 1rem;border-top:1px solid #e2e8f0}.modal-actions-row{display:flex;align-items:center;gap:.75rem;justify-content:space-between}.actions-title{font-weight:600;color:#334155}.btn-primary{background:#16a34a;color:#fff;border:0;border-radius:8px;padding:.5rem .9rem;font-weight:700;cursor:pointer}.btn-secondary{background:#e2e8f0;color:#0f172a;border:0;border-radius:8px;padding:.5rem .9rem;font-weight:600;cursor:pointer}.btn-primary:hover{background:#15803d}.cert-actions{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between}.skeleton .skeleton-title,.skeleton .skeleton-btn{background:linear-gradient(90deg,#ffffff26,#ffffff40,#ffffff26);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:6px}.skeleton .skeleton-title{height:18px;width:70%;margin-bottom:12px}.skeleton .skeleton-btn{height:30px;width:110px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.certificate{background:#fff;border:2px solid #334155;border-radius:12px;padding:1.25rem;text-align:center;box-shadow:0 10px 30px #02061714}.certificate h1{font-size:1.5rem;margin:0 0 .5rem}.certificate h2{font-size:1.25rem;margin:.25rem 0}.certificate h3{font-size:1.1rem;margin:.25rem 0 .5rem}@media print{.topbar,.sidebar,.skip-link,.filters,.btn-primary,.btn-secondary{display:none!important}body{background:#fff}.certificate{box-shadow:none;border-color:#000}}.swimlane{position:relative;margin:1.1rem 0 1.6rem;background:#fff;border:1px solid #e6ecf2;border-radius:16px;padding:1.1rem .5rem 1.1rem .9rem;overflow:hidden}.swimlane-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.swimlane-head h2{margin:0;font-size:1.15rem;color:#1f2937;font-weight:700}.see-all{color:#2563eb;text-decoration:none;font-weight:700}.see-all:hover{text-decoration:underline}.swimlane-viewport{overflow-x:auto;overflow-y:visible;padding:0 .5rem;scrollbar-width:none;-ms-overflow-style:none}.swimlane-viewport::-webkit-scrollbar{display:none}.swimlane-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,calc((100% - 1.5rem)/4));gap:.5rem;overflow:visible;scroll-behavior:smooth;padding:.4rem .15rem;scroll-snap-type:x mandatory;grid-template-rows:minmax(0,1fr)}.swimlane-track .card{scroll-snap-align:start}.swimlane-track .category{margin:0}.swimlane-track .category h2{display:none}.swimlane-actions{display:inline-flex;gap:.5rem}.lane-sub{color:#64748b;font-size:.9rem;margin:.15rem 0 0}.lane-desc{color:#94a3b8;font-size:.85rem;margin:.1rem 0 0}@media (max-width: 1200px){.swimlane-track{grid-auto-columns:minmax(0,calc((100% - .8rem) / 3));gap:.4rem}}@media (max-width: 768px){.swimlane-track{grid-auto-columns:calc((100% - 1rem)/2)}}.swimlane-head-actions{display:inline-flex;align-items:center;gap:.5rem}.nav-chip{padding:.3rem .55rem}.swimlane-head-actions .nav-chip[disabled]{opacity:.4;cursor:not-allowed}.fade-edge{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;opacity:0;transition:opacity .2s ease}.fade-edge.left{left:0;background:linear-gradient(90deg,#f7f9fb,#f7f9fb00)}.fade-edge.right{right:0;background:linear-gradient(270deg,#f7f9fb,#f7f9fb00)}.fade-edge.show{opacity:1}.auth-container{display:grid;place-items:center;min-height:80vh}.auth-card{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;width:100%;max-width:400px;text-align:left}.auth-card h2{margin:0 0 .5rem;font-size:1.5rem}.auth-card p{margin-bottom:1.5rem;color:#64748b}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.25rem;font-weight:600;font-size:.9rem}.input-group input{width:100%;padding:.65rem .9rem;border-radius:8px;border:1px solid #cbd5e1;background:#fff;font-size:.95rem}.auth-card button[type=submit]{width:100%;padding:.75rem;border:none;background:#2563eb;color:#fff;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.auth-card button[type=submit]:hover{background:#1d4ed8}.auth-card button[type=submit]:disabled{background:#9ca3af;cursor:not-allowed}.error-message{color:#dc2626;margin-top:1rem;text-align:center}.toggle-auth{background:none;border:none;color:#2563eb;cursor:pointer;display:block;margin:1rem auto 0;padding:.5rem;font-size:.9rem}.logout-button{margin-left:auto;background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600}.logout-button:hover{background:#dc2626}@media (min-width: 1440px){.swimlane-track{grid-auto-columns:calc((100% - 3rem)/4)}}.layout{display:flex;width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem}.sidebar{position:sticky;top:var(--topbar-height, 65px);height:calc(100vh - var(--topbar-height, 65px));width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-shrink:0;transition:width .25s cubic-bezier(.2,0,0,1);z-index:20;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.sidebar--compact{width:72px;overflow-x:hidden}.content{flex:1;min-width:0;padding:.75rem 2rem}.leftnav{display:flex;flex-direction:column;padding:.75rem .5rem}.sidebar .filters{padding:0 .75rem 1rem}.sidebar .filters__footer{padding:.5rem .75rem;border-top:1px solid var(--border-color)}.nav-header{display:flex;justify-content:flex-end;margin-bottom:.5rem;padding:0 .25rem}.leftnav--compact .nav-header{justify-content:center}.nav-toggle-btn{width:32px;height:32px;border:1px solid transparent;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-color-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-color)}.nav-content{display:flex;flex-direction:column;gap:1.5rem}.nav-list{list-style:none;padding:0;margin:0;display:grid;gap:.25rem}.nav-section-title{padding:0 .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--text-color-secondary);margin-bottom:.5rem}.nav-section--bottom{margin-top:1rem;border-top:1px solid var(--border-color);padding-top:1rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;text-decoration:none;color:var(--text-color-secondary);font-weight:500;transition:all .15s ease-in-out;white-space:nowrap;font-size:.9rem}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-color)}.nav-link.active{background:var(--bg-tertiary);color:var(--primary);font-weight:600}.nav-link.active .nav-icon{color:var(--primary)}.leftnav--compact .nav-link{justify-content:center;padding:.6rem}.nav-icon{font-size:1.25rem;width:1.5rem;display:flex;justify-content:center;flex-shrink:0}.nav-tooltip{display:none;position:absolute;left:100%;margin-left:10px;background:#1e293b;color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;white-space:nowrap;box-shadow:0 4px 6px -1px #0000001a;z-index:50;pointer-events:none}.leftnav--compact .nav-link:hover .nav-tooltip{display:block}@media (max-width: 900px){.layout{display:block;margin:0;width:100%}.sidebar{position:fixed;bottom:0;top:auto;width:100%;height:60px;border-right:none;border-top:1px solid var(--border-color);padding:0;z-index:100;flex-direction:row;overflow-y:hidden}.leftnav{flex-direction:row;align-items:center;padding:0 1rem;width:100%}.nav-content{flex-direction:row;gap:0;width:100%}.nav-header,.nav-section-title{display:none}.nav-list{display:flex;gap:1rem;width:100%;justify-content:space-around}.nav-link{flex-direction:column;gap:.1rem;padding:.25rem;font-size:.7rem}.nav-icon{font-size:1.2rem}.content{padding:1.5rem 1rem 5rem}.sidebar .filters{display:none}}.learn-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(520px,2.1fr) minmax(220px,1fr);gap:1.5rem;padding:1.5rem 0 2.5rem;align-items:start}.learn-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;position:sticky;top:88px;max-height:calc(100vh - 120px);overflow-y:auto}.learn-sidebar h2{margin:0 0 .85rem;font-size:1.1rem}.learn-outline{margin:0;padding:0;list-style:none;display:grid;gap:.55rem;color:#1f2937;font-size:.95rem}.learn-outline li{list-style:none}.learn-outline-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.45rem .55rem;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease}.learn-outline-thumb{width:72px;height:44px;border-radius:8px;object-fit:cover;background:#0f172a;flex-shrink:0;box-shadow:0 2px 8px #0f172a40}.learn-outline-text{display:grid;gap:.15rem}.learn-outline-item:hover,.learn-outline-item:focus-visible{background:#eef2ff;border-color:#dfe3ff;transform:translate(2px);outline:none}.learn-outline-item.is-active{background:#e0e7ff;border-color:#c7d2fe;color:#1e40af}.learn-outline-time{font-size:.78rem;font-weight:600;color:#475569}.learn-outline-item.is-active .learn-outline-time{color:#1d4ed8}.learn-outline-title{font-size:.9rem;font-weight:600;color:inherit}.learn-outline-hint{margin-top:.75rem;font-size:.8rem;color:#64748b}.learn-outline-hint--error{color:#dc2626}.learn-main{display:flex;flex-direction:column;gap:1.25rem}.learn-player{background:#000;border-radius:16px;overflow:hidden;box-shadow:0 18px 45px #0f172a29}.learn-player iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.learn-channel{display:flex;align-items:center;gap:.85rem}.learn-channel-logo{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#f97316);display:inline-grid;place-items:center;font-weight:700;font-size:1.1rem;color:#fff}.learn-channel-info h3{margin:0;font-size:1.05rem}.learn-channel-info p{margin:.15rem 0 0;color:#64748b;font-size:.95rem}.learn-description{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem 1.5rem;line-height:1.6;color:#1f2937}.learn-description h4{margin:0 0 .65rem;font-size:1rem}.learn-description p{margin:0}.learn-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.learn-tags li{background:#eef4ff;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;color:#1e3a8a;font-weight:600}.learn-meta{display:grid;gap:1rem;position:sticky;top:88px;align-self:start}.learn-meta-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;display:grid;gap:.9rem}.learn-meta-card h4{margin:0;font-size:1rem}.learn-meta-card dl{margin:0;display:grid;gap:.6rem;font-size:.92rem}.learn-meta-card dt{font-weight:600;color:#475569}.learn-meta-card dd{margin:0;color:#1f2937}@media (max-width: 1200px){.learn-layout{grid-template-columns:minmax(220px,1fr) minmax(420px,1.6fr)}.learn-meta{position:static;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 900px){.learn-layout{grid-template-columns:1fr}.learn-sidebar{position:static;max-height:none}.learn-meta{position:static}}.thumb-container{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;cursor:pointer;background:#1f2937}.thumb-container:focus{outline:2px solid #3b82f6;outline-offset:2px}.thumb-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.card-progress-overlay{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0000004d}.card-progress-bar{height:100%;background:#3b82f6;transition:width .3s ease}.card-skill-badge{display:inline-block;font-size:.7rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.card-channel{font-size:.8rem;color:#64748b;margin-top:4px;margin-bottom:0}.pill-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;font-size:.7rem;font-weight:500;padding:2px 6px;border-radius:4px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scroll-smooth{scroll-behavior:smooth}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cookie-consent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:flex-end;justify-content:center;padding:1rem;animation:fadeIn .3s ease-out}.cookie-consent-banner{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease-out}.cookie-consent-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.cookie-consent-header .cookie-icon{font-size:1.75rem}.cookie-consent-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#f0f0f0;flex:1}.cookie-consent-header .close-btn{background:transparent;border:none;color:#888;font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.cookie-consent-header .close-btn:hover{background:#ffffff1a;color:#fff}.cookie-consent-body{padding:1.25rem 1.5rem;color:#b0b0b0;font-size:.95rem;line-height:1.6}.cookie-consent-body p{margin:0 0 1rem}.cookie-details-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#a0a0ff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.cookie-details-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.cookie-preferences{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.cookie-option{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1rem}.cookie-option-header{display:flex;align-items:center;gap:.75rem}.cookie-option-info{display:flex;align-items:center;gap:.5rem;flex:1}.cookie-option-info strong{color:#e0e0e0;font-size:.95rem}.required-badge{font-size:.7rem;padding:.15rem .4rem;background:#667eea33;color:#8b9fff;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.cookie-description{margin:.5rem 0 0;font-size:.85rem;color:#888;padding-left:3rem}.cookie-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.cookie-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#333;border-radius:24px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#888;border-radius:50%;transition:.3s}.cookie-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.cookie-toggle input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.cookie-toggle.disabled{opacity:.6;cursor:not-allowed}.cookie-toggle.disabled .toggle-slider{cursor:not-allowed}.cookie-consent-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);gap:1rem;flex-wrap:wrap}.cookie-policy-link{color:#8b9fff;font-size:.85rem;text-decoration:none;transition:color .2s}.cookie-policy-link:hover{color:#a0a0ff;text-decoration:underline}.cookie-actions{display:flex;gap:.75rem}.cookie-btn{padding:.65rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cookie-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cookie-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.cookie-btn-secondary{background:#ffffff1a;color:#b0b0b0;border:1px solid rgba(255,255,255,.1)}.cookie-btn-secondary:hover{background:#ffffff26;color:#d0d0d0}.cookie-btn-danger{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.cookie-btn-danger:hover{background:#ef44444d}.cookie-settings-fab{position:fixed;bottom:1.5rem;left:1.5rem;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:9999;transition:all .2s;display:flex;align-items:center;justify-content:center}.cookie-settings-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #0006}.cookie-settings-panel{padding:0}.cookie-settings-panel .cookie-preferences{padding:1.25rem 1.5rem}.cookie-settings-actions{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);gap:1rem}.consent-date{text-align:center;font-size:.75rem;color:#666;padding:.5rem 1.5rem 1rem;margin:0}@media (max-width: 640px){.cookie-consent-overlay{padding:0;align-items:flex-end}.cookie-consent-banner{border-radius:16px 16px 0 0;max-height:85vh}.cookie-consent-footer{flex-direction:column;align-items:stretch}.cookie-actions{flex-direction:column}.cookie-btn{width:100%;justify-content:center}.cookie-description{padding-left:0;margin-top:.75rem}.cookie-settings-fab{bottom:1rem;left:1rem;width:44px;height:44px;font-size:1.25rem}}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.profile-page,.profile-page h1,.profile-page h2{color:var(--text-color, #000)}.dark .profile-page .comms-master-toggle{background-color:#374151!important;border-color:#4b5563!important}.dark .profile-page input[type=text],.dark .profile-page input[type=email],.dark .profile-page input[type=url],.dark .profile-page select{background-color:#374151;color:#f9fafb;border-color:#4b5563}.dark .profile-page input[type=text]:disabled,.dark .profile-page input[type=email]:disabled,.dark .profile-page input[type=url]:disabled,.dark .profile-page select:disabled{background-color:#1f2937;color:#6b7280}.dark .PhoneInput{background-color:#374151}.dark .PhoneInputInput,.dark .PhoneInputCountrySelect{background-color:#374151!important;color:#f9fafb!important;border-color:#4b5563!important}.learn-layout{display:grid;grid-template-columns:260px 1fr 260px;grid-template-areas:"sidebar main meta";gap:.75rem;width:calc(100% + 4rem);margin-left:-2rem;padding:0 .5rem 2rem 0;box-sizing:border-box;overflow-x:hidden!important}.learn-sidebar{grid-area:sidebar;background:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden!important;z-index:10;position:sticky;top:0;border-radius:.75rem;width:260px;box-sizing:border-box;height:calc(100vh - 80px)}.learn-main{grid-area:main}.learn-meta{grid-area:meta;display:flex!important;flex-direction:column!important;gap:.75rem!important}.learn-sidebar{padding:0!important;display:flex!important;flex-direction:column!important}.learn-sidebar,.learn-meta{position:sticky;top:0;height:fit-content}.learn-meta-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:.65rem .75rem!important;margin-bottom:0!important;box-shadow:0 1px 3px #0000000d}body.theme-dark .learn-meta-card{background:#1e293b;border-color:#334155;color:#fff}.learn-sidebar h2{margin:0!important;font-size:.85rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#475569!important;line-height:1.2!important;padding:.2rem .75rem!important;border-bottom:1px solid #e2e8f0;background:#fff}.learn-meta h4,.learn-meta-card h4{margin:0!important;font-size:.85rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#475569!important;line-height:1!important;padding:0 0 .05rem!important}.learn-outline{list-style:none;padding:0;margin:0 0 1.5rem;overflow-x:hidden!important}.learn-outline-item{display:flex;align-items:flex-start;width:96%;margin:.1rem auto;padding:.25rem .4rem;border-radius:.35rem;background:transparent;border:1px solid transparent;text-align:left;cursor:pointer;transition:all .2s;flex-direction:column;gap:.05rem;box-sizing:border-box;min-width:0}.learn-outline-item:hover{background-color:#f1f5f9}.learn-outline-item.is-active{background:#eff6ff;border-color:#bfdbfe}.learn-outline-thumb{width:80px;height:45px;border-radius:.2rem;object-fit:cover;margin-right:.5rem}.learn-outline-text{flex:1;display:flex;flex-direction:column;min-width:0}.learn-outline-time{font-size:.8rem;color:#64748b;margin-bottom:.25rem}.learn-outline-title{font-size:.825rem;font-weight:700;color:#1e293b;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.details-list,.course-details-list{display:flex;flex-direction:column;gap:.15rem;margin:0}.details-list div,.course-details-list div{display:flex;justify-content:space-between;align-items:center;padding:.1rem 0}.details-list dt,.course-details-list dt{font-size:.75rem;color:#64748b;font-weight:500}.details-list dd,.course-details-list dd{font-size:.8rem;color:#1e293b;font-weight:600;margin:0}body.theme-dark .details-list dd,body.theme-dark .course-details-list dd{color:#f1f5f9}.certification-card .cert-status-pending,.certification-card .cert-status-success{display:flex;flex-direction:column;gap:.5rem;width:100%}.cert-benefit-tip{display:flex;flex-direction:column;gap:.05rem;padding:.5rem .75rem 0;background:#f0fdf4;border-radius:.5rem;border-left:3px solid #10b981;margin-bottom:.75rem;width:100%;box-sizing:border-box}body.theme-dark .cert-benefit-tip{background:#10b9811a;border-left-color:#10b981}.cert-benefit-header{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.35rem!important;white-space:nowrap!important;border-bottom:none!important;padding:0!important}.cert-benefit-header strong{font-size:.825rem;color:#065f46}body.theme-dark .cert-benefit-header strong{color:#4ade80}.cert-benefit-tip p{font-size:.75rem;color:#047857;line-height:1.4;margin:0;padding-left:1.5rem;padding-bottom:.5rem}body.theme-dark .cert-benefit-tip p{color:#a7f3d0}.assessment-price-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;padding:.35rem 0;border-top:1px dashed #e2e8f0;border-bottom:1px dashed #e2e8f0;width:100%}body.theme-dark .assessment-price-display{border-color:#334155}.price-label{font-size:.8rem;font-weight:600;color:#64748b}.price-values{display:flex;align-items:center;gap:.5rem}.current-price{font-weight:700;color:#1e293b;font-size:.9rem}.current-price.has-discount{color:#10b981}.original-price{font-size:.75rem;text-decoration:line-through;color:#94a3b8}.reassessment-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}body.theme-dark .reassessment-section{border-color:#334155}.reassessment-section h5{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#b45309;margin:0 0 .35rem}body.theme-dark .reassessment-section h5{color:#f59e0b}.reassessment-section p{font-size:.75rem;color:#92400e;margin-bottom:.5rem;line-height:1.4}body.theme-dark .reassessment-section p{color:#fbbf24}.learn-outline-hint{font-size:.85rem;color:#64748b;margin:.5rem 0 0;padding:.5rem .75rem;background:#f8fafc;border-radius:.375rem}.learn-outline-hint--error{color:#dc2626;background:#fef2f2}.learn-main{max-width:100%;overflow:hidden}.learn-player{position:relative;width:100%;padding-bottom:56.25%;margin-bottom:.32rem;background:#000;border-radius:.75rem;overflow:hidden}.learn-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.learn-channel{display:flex;align-items:center;margin-bottom:2px;padding-bottom:.35rem;border-bottom:1px solid #e2e8f0}.learn-channel-logo{width:48px;height:48px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#475569;margin-right:1rem;flex-shrink:0;overflow:hidden;object-fit:cover}.learn-channel-info h3{margin:0 0 .25rem;font-size:1rem;color:#1e293b}.learn-channel-info p{margin:0;font-size:.9rem;color:#64748b}.learn-description{margin-bottom:2rem}.learn-description h4{margin:0 0 1rem;font-size:1.1rem;color:#1e293b}.learn-description p{margin:0 0 1.5rem;line-height:1.6;color:#334155}.learn-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.learn-tags li{font-size:.8rem;padding:.25rem .75rem;background:#f1f5f9;border-radius:9999px;color:#475569}.learn-meta-card h4{margin:0 0 .6rem;font-size:1rem;color:#1e293b}.learn-meta-card dl{margin:0;padding:0}.learn-meta-card div{display:flex;justify-content:space-between;padding:0;border-bottom:none}.learn-meta-card div:last-child{border-bottom:none}.learn-meta-card dt{font-weight:500;color:#64748b}.learn-meta-card dd{margin:0;font-weight:500;color:#1e293b;text-align:right}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.6rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.95rem;line-height:1.5;cursor:pointer;transition:all .2s ease;text-align:center;border:1px solid transparent}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#fff;color:#2563eb;border-color:#bfdbfe}.btn-secondary:hover{background:#f8fafc}body.theme-dark .learn-sidebar{background:#0f172a;border-radius:.75rem;padding:.125rem!important;border:1px solid #1e293b}body.theme-dark .learn-sidebar h2,body.theme-dark .learn-meta h4,body.theme-dark .learn-outline-title,body.theme-dark .learn-channel-info h3,body.theme-dark .learn-description h4,body.theme-dark .learn-meta-card h4,body.theme-dark .learn-meta-card dd{color:#f8fafc}body.theme-dark .learn-outline{background:#0f172a;overflow-y:auto}body.theme-dark .learn-outline-item{color:#e2e8f0;background:#ffffff08}body.theme-dark .learn-outline-item:hover{background-color:#1e293b;border-color:#334155}body.theme-dark .learn-outline-item.is-active{background-color:#1e3a8a;border-color:#3b82f6;color:#f8fafc}body.theme-dark .learn-outline-time,body.theme-dark .learn-channel-info p,body.theme-dark .learn-meta-card dt,body.theme-dark .learn-meta-card dd{color:#94a3b8}body.theme-dark .learn-outline-hint{background:#1e293b;color:#94a3b8;border:1px solid #334155}body.theme-dark .learn-outline-hint--error{background:#7f1d1d;color:#fecaca;border-color:#991b1b}body.theme-dark .learn-description{background:#0f172a;border-radius:.75rem;padding:1.5rem;border:1px solid #1e293b;margin-bottom:1.5rem}body.theme-dark .learn-description h4{color:#f8fafc;border-bottom:1px solid #1e293b;padding-bottom:.75rem;margin-bottom:1rem}body.theme-dark .learn-description p{color:#cbd5e1;line-height:1.6}body.theme-dark .learn-tags li{background:#1e293b;color:#cbd5e1;border:1px solid #334155}body.theme-dark .learn-channel{border-bottom-color:#1e293b;padding:1.5rem;background:#0f172a;border-radius:.75rem;border:1px solid #1e293b;margin-bottom:1.5rem}body.theme-dark .learn-channel-logo{background:#1e293b;color:#60a5fa;border:1px solid #334155}body.theme-dark .learn-meta-card div{border-bottom-color:#1e293b}body.theme-dark .btn-secondary{background:#1e293b;color:#60a5fa;border:1px solid #334155}body.theme-dark .btn-secondary:hover{background:#1e3a8a;border-color:#3b82f6;opacity:.9}body.theme-dark .learn-outline-item:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}body.theme-dark ::-webkit-scrollbar{width:8px;height:8px}body.theme-dark ::-webkit-scrollbar-track{background:#0f172a}body.theme-dark ::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}body.theme-dark ::-webkit-scrollbar-thumb:hover{background:#475569}@media (max-width: 1200px){.learn-layout{grid-template-columns:240px 1fr 240px;gap:.5rem;margin-left:-10px;width:calc(100% + 10px)}}@media (max-width: 1024px){.learn-layout{grid-template-columns:320px 1fr;grid-template-areas:"main main" "sidebar meta"}}@media (max-width: 768px){.learn-layout{grid-template-columns:1fr;grid-template-areas:"main" "sidebar" "meta";padding:1rem;gap:1.5rem}.learn-sidebar,.learn-meta{position:static}.learn-meta{display:flex;flex-direction:column;gap:.75rem!important}}@media (max-width: 576px){.learn-outline-item{padding:.75rem}.sidebar-sub-chapter{padding:.5rem .75rem}}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out}.payment-modal{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;padding:2rem;max-width:440px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}body.theme-dark .payment-modal{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1)}.modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:#0000000d;border-radius:50%;font-size:1.5rem;line-height:1;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#0000001a;color:#1e293b;transform:rotate(90deg)}body.theme-dark .modal-close{background:#ffffff1a;color:#94a3b8}body.theme-dark .modal-close:hover{background:#fff3;color:#fff}.payment-header{text-align:center;margin-bottom:1.5rem}.payment-icon{font-size:3rem;margin-bottom:.5rem;display:block}.payment-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.theme-dark .payment-header h2{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;background-clip:text}.course-name{margin:.5rem 0 0;font-size:.875rem;color:#64748b}.exhausted-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;margin-bottom:1.5rem}.exhausted-message .warning-icon{font-size:1.25rem;flex-shrink:0}.exhausted-message p{margin:0;font-size:.875rem;color:#92400e;line-height:1.5}body.theme-dark .exhausted-message{background:linear-gradient(135deg,#f59e0b33,#eab3081a);border:1px solid rgba(245,158,11,.3)}body.theme-dark .exhausted-message p{color:#fbbf24}.mock-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:8px;margin-bottom:1rem;font-size:.75rem;color:#1e40af}.mock-badge span:first-child{font-weight:600}.mock-note{opacity:.8}body.theme-dark .mock-badge{background:linear-gradient(135deg,#3b82f633,#60a5fa1a);border:1px solid rgba(59,130,246,.3);color:#60a5fa}.pricing-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;color:#fff}.pricing-header{text-align:center;margin-bottom:1rem}.attempts-count{font-size:4rem;font-weight:800;display:block;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.2)}.attempts-label{font-size:1rem;opacity:.9;display:block;margin-top:.25rem}.price-display{text-align:center;margin-bottom:1rem}.price-amount{display:block;font-size:2.5rem;font-weight:800;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.2)}.tier-name{display:block;font-size:.75rem;opacity:.8;margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px}.currency-toggle{display:flex;gap:.75rem;margin-bottom:1rem}.currency-btn{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem;background:#ffffff26;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;color:#fff}.currency-btn:hover{background:#ffffff40}.currency-btn.active{background:#fffffff2;color:#667eea;border-color:#fff;box-shadow:0 4px 15px #0003}.currency-btn:disabled{opacity:.6;cursor:not-allowed}.currency-symbol{font-size:1rem;opacity:.8}.currency-amount{font-size:1.5rem;font-weight:700}.currency-code{font-size:.75rem;opacity:.8;margin-top:.25rem}.price-per-attempt{text-align:center;font-size:.875rem;opacity:.9;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2)}.benefits-section{margin-bottom:1.5rem}.benefits-section h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#475569}body.theme-dark .benefits-section h4{color:#94a3b8}.benefits-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.benefits-list li{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#1e293b}body.theme-dark .benefits-list li{color:#e2e8f0}.benefit-icon{font-size:1rem;width:24px;text-align:center}.payment-error{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:8px;margin-bottom:1rem}.payment-error .error-icon{font-size:1.25rem}.payment-error p{margin:0;font-size:.875rem;color:#991b1b}body.theme-dark .payment-error{background:linear-gradient(135deg,#ef444433,#dc26261a);border:1px solid rgba(239,68,68,.3)}body.theme-dark .payment-error p{color:#fca5a5}.payment-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.payment-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.payment-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.payment-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.payment-btn.primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.payment-btn.secondary{background:transparent;color:#64748b;border:1px solid #e2e8f0}.payment-btn.secondary:hover:not(:disabled){background:#f1f5f9;color:#1e293b}body.theme-dark .payment-btn.secondary{color:#94a3b8;border-color:#334155}body.theme-dark .payment-btn.secondary:hover:not(:disabled){background:#1e293b;color:#e2e8f0}.btn-icon{font-size:1.25rem}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.security-note{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;color:#94a3b8}.lock-icon{font-size:.875rem}.payment-modal-success{text-align:center;padding:2.5rem 2rem}.success-animation{margin-bottom:1.5rem}.success-checkmark{width:80px;height:80px;margin:0 auto}.success-checkmark svg{width:100%;height:100%}.success-checkmark circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#22c55e;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.success-checkmark path{stroke:#22c55e;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .6s forwards}@keyframes stroke{to{stroke-dashoffset:0}}.payment-modal-success h2{margin:0 0 .5rem;font-size:1.5rem;color:#22c55e}.success-message{margin:0 0 1.5rem;color:#475569;font-size:1rem}body.theme-dark .success-message{color:#94a3b8}.success-details{background:#f8fafc;border-radius:12px;padding:1rem;margin-bottom:1.5rem}body.theme-dark .success-details{background:#1e293b}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem}.detail-row:not(:last-child){border-bottom:1px solid #e2e8f0}body.theme-dark .detail-row:not(:last-child){border-bottom-color:#334155}.detail-row span:first-child{color:#64748b}.detail-row .amount{font-weight:600;color:#22c55e}.detail-row .txn-id{font-family:monospace;font-size:.75rem;color:#1e293b}body.theme-dark .detail-row .txn-id{color:#e2e8f0}.redirect-message{margin:0;font-size:.875rem;color:#94a3b8;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.payment-loading{text-align:center;padding:3rem 2rem}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;margin:0 auto 1rem;animation:spin .8s linear infinite}body.theme-dark .loading-spinner{border-color:#334155;border-top-color:#818cf8}.payment-loading p{margin:0;color:#64748b}@media (max-width: 480px){.payment-modal{padding:1.5rem;margin:.5rem;max-height:calc(100vh - 1rem)}.payment-header h2{font-size:1.25rem}.attempts-count{font-size:3rem}.currency-toggle{flex-direction:column}.currency-btn{flex-direction:row;justify-content:center;gap:.5rem;padding:.75rem}}.profile-completion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-completion-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:450px;width:100%;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-completion-header{padding:1.5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.profile-completion-header .header-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.profile-completion-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#fff}.profile-completion-header .header-subtitle{margin:0;font-size:.9rem;color:#a0a0a0;line-height:1.5}.profile-loading{padding:3rem;text-align:center;color:#a0a0a0}.profile-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.profile-completion-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:#d0d0d0}.optional-badge{font-size:.7rem;padding:.15rem .4rem;background:#667eea33;color:#8b9fff;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;font-weight:400}.form-group input{width:100%;padding:.75rem 1rem;font-size:1rem;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;transition:all .2s}.form-group input::placeholder{color:#666}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.form-hint{display:block;margin-top:.4rem;font-size:.8rem;color:#888}.certificate-preview{background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:1rem;margin-bottom:1.25rem;text-align:center}.preview-label{display:block;font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.preview-name{display:block;font-size:1.25rem;font-weight:600;color:#fff;font-style:italic}.error-message{background:#ef44441a;border-left:3px solid #ef4444;padding:.75rem 1rem;border-radius:0 6px 6px 0;margin-bottom:1.25rem;font-size:.9rem;color:#f87171}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.form-actions .btn-secondary{flex:1;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#b0b0b0;border-radius:8px;cursor:pointer;transition:all .2s}.form-actions .btn-secondary:hover:not(:disabled){background:#ffffff26;color:#fff}.form-actions .btn-primary{flex:2;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.form-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.form-actions button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.profile-completion-modal{max-height:90vh;overflow-y:auto}.profile-completion-header,.profile-completion-form{padding:1.25rem 1rem}.form-actions{flex-direction:column}.form-actions .btn-secondary,.form-actions .btn-primary{flex:none;width:100%}}.assessment-page{min-height:100vh;padding:1rem;background:var(--bg-primary, #f8fafc)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.timer-alert{animation:slideIn .3s ease-out}.assessment-container{max-width:900px;margin:0 auto}.assessment-header{background:var(--bg-secondary);padding:.75rem 1rem;border-radius:8px 8px 0 0;border-bottom:2px solid var(--border-color)}.assessment-title{font-size:1.25rem;margin:0 0 .5rem;color:var(--text-color);font-weight:600}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.question-counter{font-weight:600;color:var(--text-color)}.time-remaining{color:#dc2626;font-weight:600}.marked-count{color:#3b82f6;font-weight:600}.assessment-loading{text-align:center;padding:4rem 2rem}.loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.assessment-error{background:var(--bg-secondary);border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 4px 12px #0000001a}.assessment-error h2{color:#dc2626;margin-bottom:1rem}.assessment-unavailable{background:var(--bg-secondary);border-radius:12px;padding:2rem;text-align:center;box-shadow:0 4px 12px #0000001a}.assessment-unavailable h2{color:var(--text-color);margin-bottom:1rem}.assessment-unavailable .icon-xl{font-size:3rem;margin-bottom:1rem}.assessment-unavailable .text-secondary{color:var(--text-color-secondary);margin-bottom:1.5rem;font-size:1.125rem}.info-card{border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;text-align:left}.info-card h3{color:var(--text-color);margin-bottom:1rem;font-size:1rem}.info-card p,.info-card li{color:var(--text-color-secondary)}.payment-card{background:var(--bg-tertiary)}.payment-card h3,.payment-card p,.payment-card li{color:var(--text-color)}.payment-card ul{padding-left:1.5rem;margin-bottom:1.5rem}.btn-purchase{width:100%;padding:1rem;font-size:1.125rem;font-weight:600;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;margin-bottom:.5rem;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #f59e0b4d}.btn-purchase:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.payment-footer{font-size:.875rem;font-style:italic}.payment-required-section{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;text-align:center;border:2px solid #f59e0b}body.theme-dark .payment-required-section{background:linear-gradient(135deg,#f59e0b26,#d977061a);border-color:#f59e0b80}.payment-required-message{display:flex;align-items:flex-start;justify-content:center;gap:.75rem;margin-bottom:1rem;text-align:left}.payment-required-message .warning-icon{font-size:1.5rem;flex-shrink:0}.payment-required-section .btn-purchase{max-width:300px;margin:0 auto .5rem}.assessment-details-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin:2rem 0}.assessment-details-card h3{text-align:left;font-size:1.125rem;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:1rem}.assessment-details-card h3 span{margin-right:.5rem}.assessment-details-card ul{list-style:none;text-align:left;color:var(--text-color-secondary);font-size:1rem}.assessment-details-card li{margin-bottom:.75rem}.assessment-details-card li:last-child{margin-bottom:0}.intro-actions .btn-primary,.intro-actions .btn-secondary{padding:.75rem 2rem;font-size:1.125rem}.intro-actions .btn-primary span{margin-right:.5rem}.assessment-intro{background:var(--bg-secondary);border-radius:12px;padding:3rem 2rem;box-shadow:0 4px 12px #0000001a}.assessment-intro h1{font-size:2rem;margin-bottom:2rem;color:var(--text-color)}.intro-content h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color)}.intro-content p{margin-bottom:1rem;color:var(--text-color-secondary);line-height:1.6}.intro-content ul{list-style:disc;margin-left:2rem;margin-bottom:1.5rem}.intro-content li{margin-bottom:.5rem;color:var(--text-color-secondary)}.intro-actions{display:flex;gap:1rem;margin-top:2rem}.assessment-quiz{background:var(--bg-secondary);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.quiz-progress{font-size:.875rem;color:var(--text-color-secondary)}.quiz-timer{font-size:1rem;font-weight:600;color:#dc2626}.question-card{margin-bottom:2rem}.question-text{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color);line-height:1.6}.question-options{display:flex;flex-direction:column;gap:1rem}.answer-option{display:block;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);cursor:pointer;transition:all .2s;margin-bottom:.4rem}.answer-option:hover{border-color:#3b82f6;background:#eff6ff}.answer-option:has(input:checked){border-color:#3b82f6;background:#dbeafe}.dark .answer-option:has(input:checked){background-color:#2563eb;border-color:#3b82f6}.dark .answer-option:has(input:checked) .option-text{color:#fff}.option-content{display:flex;align-items:center;gap:1.5rem}.option-content input[type=radio]{width:20px;height:20px;cursor:pointer;flex-shrink:0;margin-right:.5rem}.option-letter{font-weight:700;color:#3b82f6;font-size:1.1rem;min-width:30px;flex-shrink:0}.option-text{flex:1;color:var(--text-color);line-height:1.5}.question-container{background:var(--bg-secondary);padding:1rem 1.5rem}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.difficulty-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.difficulty-badge.easy{background:#dcfce7;color:#166534}.difficulty-badge.medium{background:#fef3c7;color:#92400e}.difficulty-badge.hard{background:#fee2e2;color:#991b1b}.mark-review-btn{padding:.4rem 1rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;cursor:pointer;font-size:.875rem;transition:all .2s}.dark .mark-review-btn{background:#1f2937;border-color:#374151;color:#e2e8f0}.mark-review-btn:hover{background:#f1f5f9}.dark .mark-review-btn:hover{background:#374151}.mark-review-btn.marked{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.dark .mark-review-btn.marked{background:#1e3a8a;border-color:#3b82f6;color:#dbeafe}.assessment-navigation{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:0 0 8px 8px;border-top:2px solid #e2e8f0}.nav-left,.nav-right{display:flex;gap:.5rem}.nav-center{font-size:.875rem;color:var(--text-color-secondary)}.nav-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);cursor:pointer;font-size:.875rem;transition:all .2s}.nav-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.review-btn{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.submit-btn{padding:.5rem 1.5rem!important}.assessment-results{background:var(--bg-secondary);border-radius:12px;padding:3rem 2rem;box-shadow:0 4px 12px #0000001a;text-align:center}.course-title-result{font-size:1.5rem;color:#3b82f6;margin-bottom:.5rem;font-weight:600}.results-header{margin-bottom:2rem}.results-status{font-size:3rem;margin-bottom:1rem}.results-status.passed{color:#10b981}.results-status.failed{color:#dc2626}.results-score{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.results-message{font-size:1.25rem;color:var(--text-color-secondary);margin-bottom:2rem}.results-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:1rem}.btn-primary:hover{background:#2563eb}.btn-secondary{background:var(--bg-tertiary);color:var(--text-color)}.btn-secondary:hover{background:var(--bg-tertiary-hover)}.cert-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.cert-popup-content{background:var(--bg-secondary);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 40px #00000026}.cert-popup-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.cert-popup-header h2{margin:0;color:var(--text-color)}.cert-popup-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color-secondary)}.cert-popup-body{padding:1.5rem;text-align:center}.cert-popup-subtitle{margin-bottom:1rem;color:var(--text-color-secondary)}.cert-popup-placeholder{border:2px dashed var(--border-color);border-radius:8px;padding:2rem;margin-bottom:1.5rem;color:var(--text-color-secondary)}.cert-popup-icon{font-size:3rem;margin-bottom:1rem}.cert-popup-actions{display:flex;gap:1rem;justify-content:center}@media (max-width: 768px){.assessment-intro,.assessment-quiz,.assessment-results{padding:2rem 1rem}.intro-actions,.quiz-navigation,.results-actions{flex-direction:column}.assessment-intro h1{font-size:1.5rem}.navigation-buttons{flex-direction:column!important}}.navigation-buttons{display:flex!important;flex-direction:row!important;gap:1rem!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important}.navigation-buttons button{flex:0 0 auto!important;min-width:120px!important;max-width:200px!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.review-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.review-container{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 60px #0000004d}.review-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #e5e7eb}.review-header h1{font-size:2rem;color:#1f2937;margin-bottom:1.5rem}.review-summary{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:#f9fafb;border-radius:12px}.review-summary.passed{background:#ecfdf5;border:2px solid #10b981}.review-summary.failed{background:#fef2f2;border:2px solid #ef4444}.summary-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.summary-label{font-size:.875rem;color:#6b7280;font-weight:500}.summary-value{font-size:1.25rem;font-weight:700;color:#1f2937}.summary-value.pass{color:#10b981}.summary-value.fail{color:#ef4444}.review-questions{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.review-question{border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;background:#fff;transition:all .3s ease}.review-question.correct{border-color:#10b981;background:#f0fdf4}.review-question.incorrect{border-color:#ef4444;background:#fef2f2}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:.5rem}.question-number{font-size:1rem;font-weight:600;color:#4b5563}.question-status{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.question-status.correct{background:#10b981;color:#fff}.question-status.incorrect{background:#ef4444;color:#fff}.question-points{font-size:.875rem;color:#6b7280;font-weight:500}.question-content{margin-top:1rem}.question-text{font-size:1.125rem;color:#1f2937;margin-bottom:1.5rem;line-height:1.6;font-weight:500}.question-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;transition:all .3s ease}.option.correct-answer{border-color:#10b981;background:#ecfdf5}.option.wrong-answer{border-color:#ef4444;background:#fef2f2}.option.user-correct{border-color:#10b981;background:#d1fae5}.option-label{font-weight:700;color:#4b5563;min-width:30px}.option-text{flex:1;color:#1f2937}.option-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.option-badge.correct{background:#10b981;color:#fff}.option-badge.wrong{background:#ef4444;color:#fff}.question-explanations{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.explanation{padding:1rem;border-radius:8px;border-left:4px solid}.explanation h4{font-size:1rem;margin-bottom:.5rem;font-weight:600}.explanation p{font-size:.9375rem;line-height:1.6;color:#4b5563}.correct-explanation{background:#ecfdf5;border-left-color:#10b981}.correct-explanation h4{color:#059669}.wrong-explanation{background:#fef2f2;border-left-color:#ef4444}.wrong-explanation h4{color:#dc2626}.review-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb}.review-error{text-align:center;padding:3rem}.review-error h2{color:#ef4444;margin-bottom:1rem}.review-error p{color:#6b7280;margin-bottom:2rem}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.dark .review-container{background:#1f2937;color:#d1d5db}.dark .review-header{border-bottom-color:#374151}.dark .review-header h1{color:#f9fafb}.dark .review-summary{background:#374151}.dark .review-summary.passed{background:#064e3b;border-color:#10b981}.dark .review-summary.failed{background:#7f1d1d;border-color:#ef4444}.dark .summary-label{color:#9ca3af}.dark .summary-value{color:#f9fafb}.dark .review-question{background:#374151;border-color:#4b5563}.dark .review-question.correct{background:#065f46;border-color:#10b981}.dark .review-question.incorrect{background:#991b1b;border-color:#ef4444}.dark .question-header{border-bottom-color:#4b5563}.dark .question-number,.dark .question-points{color:#d1d5db}.dark .question-text{color:#f9fafb}.dark .option{background:#4b5563;border-color:#6b7280}.dark .option-label,.dark .option-text{color:#f9fafb}.dark .option.correct-answer{background:#047857;border-color:#10b981}.dark .option.wrong-answer{background:#b91c1c;border-color:#ef4444}.dark .option.user-correct{background:#065f46}.dark .correct-explanation{background:#064e3b;border-left-color:#10b981}.dark .wrong-explanation{background:#7f1d1d;border-left-color:#ef4444}.dark .correct-explanation h4,.dark .wrong-explanation h4{color:#f9fafb}.dark .explanation p{color:#d1d5db}.dark .review-actions{border-top-color:#374151}.dark .review-error p{color:#9ca3af}@media (max-width: 768px){.review-page,.review-container{padding:1rem}.review-header h1{font-size:1.5rem}.review-summary{flex-direction:column}.question-header{flex-direction:column;align-items:flex-start}.question-text{font-size:1rem}.option{flex-direction:column;align-items:flex-start}.review-actions{flex-direction:column}.review-actions button{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 30px;border-bottom:2px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:24px;color:#000}.modal-close{background:none;border:none;font-size:32px;cursor:pointer;color:#666;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.modal-close:hover{background:#f1f5f9}.modal-body{padding:30px;overflow-y:auto;flex:1}.form-section{margin-bottom:30px}.form-section h3{font-size:18px;margin:0 0 15px;color:#000;border-bottom:2px solid #e2e8f0;padding-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column}.form-field label{margin-bottom:8px;font-weight:600;color:#000;font-size:14px}.form-field input,.form-field select{padding:12px;border-radius:6px;border:1px solid #ccc;font-size:16px;background:#fff;color:#000}.form-field input:focus,.form-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-field{display:flex;align-items:center;margin-bottom:15px}.checkbox-field input[type=checkbox]{margin-right:10px;width:18px;height:18px;cursor:pointer}.checkbox-field input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-field label{margin:0;cursor:pointer;font-size:14px;color:#000}.comms-master-toggle{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:2px solid #e9ecef}.comms-description{color:#666;font-size:14px;margin-left:28px;margin-top:-10px;margin-bottom:0}.comms-sub-options{margin-left:20px}.comms-subtitle{color:#666;font-size:14px;margin-bottom:15px;font-weight:600}.modal-footer{padding:20px 30px;border-top:2px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;align-items:center;gap:15px}.save-message{margin-right:auto;font-size:14px;font-weight:600}.save-message.success{color:#10b981}.save-message.error{color:#ef4444}.modal-footer button{padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-secondary{background:#f1f5f9;color:#000}.btn-secondary:hover{background:#e2e8f0}.dark .modal-content{background:#1f2937}.dark .modal-header{border-bottom-color:#374151}.dark .modal-header h2{color:#f9fafb}.dark .modal-close{color:#9ca3af}.dark .modal-close:hover{background:#374151}.dark .form-section h3{color:#f9fafb;border-bottom-color:#374151}.dark .form-field label{color:#f9fafb}.dark .form-field input,.dark .form-field select{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .checkbox-field label{color:#f9fafb}.dark .comms-master-toggle{background:#374151;border-color:#4b5563}.dark .comms-description,.dark .comms-subtitle{color:#9ca3af}.dark .modal-footer{border-top-color:#374151}.dark .btn-secondary{background:#374151;color:#f9fafb}.dark .btn-secondary:hover{background:#4b5563}.dark .PhoneInput{background:#374151}.dark .PhoneInputInput,.dark .PhoneInputCountrySelect{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}@media (max-width: 768px){.modal-content{max-width:100%;max-height:100vh;border-radius:0}.form-grid{grid-template-columns:1fr}.modal-header,.modal-body,.modal-footer{padding:20px}}.legal-page{min-height:100vh;background:linear-gradient(180deg,#0a0a1a,#1a1a2e);padding:2rem 1rem;color:#e0e0e0}.legal-container{max-width:800px;margin:0 auto;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.back-button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#b0b0b0;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;margin-bottom:1.5rem;transition:all .2s}.back-button:hover{background:#ffffff0d;color:#fff}.legal-page h1{font-size:2.25rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#8b9fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.last-updated{color:#888;font-size:.9rem;margin:0 0 2rem}.legal-page section{margin-bottom:2.5rem}.legal-page h2{font-size:1.5rem;font-weight:600;color:#f0f0f0;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.legal-page h3{font-size:1.15rem;font-weight:600;color:#d0d0d0;margin:1.5rem .5rem .75rem 0;display:inline-block}.legal-page p{line-height:1.7;margin:0 0 1rem;color:#b0b0b0}.legal-page ul{padding-left:1.5rem;margin:0 0 1rem}.legal-page li{line-height:1.7;margin-bottom:.5rem;color:#b0b0b0}.legal-page a{color:#8b9fff;text-decoration:none;transition:color .2s}.legal-page a:hover{color:#a0a0ff;text-decoration:underline}.legal-page code{background:#0000004d;padding:.15rem .4rem;border-radius:4px;font-size:.85rem;color:#f0a0ff;font-family:Fira Code,Monaco,monospace}.cookie-category{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.cookie-category h3{margin:0 .5rem 0 0}.badge{display:inline-block;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.badge.required{background:#ef444433;color:#f87171}.badge.optional{background:#667eea33;color:#8b9fff}.cookie-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.cookie-table th,.cookie-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.cookie-table th{font-weight:600;color:#d0d0d0;background:#0003}.cookie-table th:first-child{border-radius:6px 0 0}.cookie-table th:last-child{border-radius:0 6px 0 0}.cookie-table td{color:#a0a0a0}.cookie-table tr:last-child td{border-bottom:none}.cookie-table tr:hover td{background:#ffffff05}.note{background:#667eea1a;border-left:3px solid #667eea;padding:.75rem 1rem;border-radius:0 6px 6px 0;font-size:.9rem}.warning{background:#f59e0b1a;border-left:3px solid #f59e0b;padding:.75rem 1rem;border-radius:0 6px 6px 0;font-size:.9rem;color:#fbbf24}.cookie-settings-embed{margin:1.5rem 0;border-radius:12px;overflow:hidden}.cookie-settings-embed .cookie-settings-panel{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px}.cookie-settings-embed .cookie-consent-header{background:#0003}.legal-page li strong{color:#d0d0d0}@media (max-width: 640px){.legal-container{padding:1.5rem 1rem;border-radius:0;border-left:none;border-right:none}.legal-page h1{font-size:1.75rem}.legal-page h2{font-size:1.25rem}.cookie-table{font-size:.8rem}.cookie-table th,.cookie-table td{padding:.5rem}}