:root{--bg:#f0f4fa;--card:#fff;--sidebar:#0f172a;--sidebar-active:#1e3a8a;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#2563eb;--accent2:#7c3aed;--accent-grad:linear-gradient(135deg, #2563eb, #7c3aed);--green:#10b981;--amber:#510bf5;--red:#ef4444;--radius:20px;--shadow:0 1px 3px #0000000f, 0 4px 16px #0000000a;--shadow-md:0 4px 24px #0000001a}html,body{height:100%}body{background:var(--bg);justify-content:flex-start;align-items:stretch;width:100%;min-height:100vh;font-family:Manrope,sans-serif;display:flex;overflow-x:hidden}.shell{background:var(--card);width:100vw;max-width:none;height:100vh;max-height:none;box-shadow:none;border-radius:0;grid-template-columns:72px 1fr;display:grid;overflow:hidden}.sidebar{background:var(--sidebar);flex-direction:column;align-items:center;gap:0;padding:24px 0;display:flex}.logo-mark{background:var(--accent-grad);color:#fff;letter-spacing:-1px;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:32px;font-size:18px;font-weight:900;display:flex}.nav-list{flex-direction:column;flex:1;gap:4px;width:100%;padding:0 10px;list-style:none;display:flex}.nav-item{position:relative}.nav-item a{color:#475569;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:100%;height:46px;font-size:19px;text-decoration:none;transition:all .2s;display:flex}.nav-item.active a,.nav-item a:hover{color:#fff;background:#ffffff1a}.nav-item.active a{background:var(--accent);color:#fff}.nav-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:999;background:#1e293b;border-radius:8px;padding:5px 11px;font-size:11px;font-weight:700;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)}.nav-item:hover .nav-tooltip{opacity:1}.sidebar-bottom{width:100%;padding:0 10px 8px}.sidebar-bottom a{color:#475569;border-radius:12px;justify-content:center;align-items:center;width:100%;height:46px;font-size:18px;text-decoration:none;transition:all .2s;display:flex}.sidebar-bottom a:hover{color:#ef4444;background:#ef44441a}.main-wrap{background:var(--bg);border-radius:0 28px 28px 0;grid-template-columns:1fr minmax(280px,320px);gap:0;display:grid;overflow:hidden}.content-area{flex-direction:column;gap:0;height:100%;min-height:0;display:flex;overflow-y:auto}.content-area::-webkit-scrollbar{width:0}.right-panel{background:var(--card);border-left:1px solid var(--border);flex-direction:column;gap:0;padding:24px;display:flex;overflow-y:auto}.right-panel::-webkit-scrollbar{width:0}.topbar{background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;padding:14px 28px;display:flex}.page-title{color:var(--text);flex:1;min-width:max-content;font-size:17px;font-weight:800}.search-wrap{flex:1;min-width:150px;max-width:300px;position:relative}.search-wrap input{background:var(--bg);border:1.5px solid var(--border);color:var(--text);border-radius:12px;outline:none;width:100%;padding:9px 14px 9px 38px;font-family:inherit;font-size:13px;transition:border-color .2s}.search-wrap input:focus{border-color:var(--accent)}.search-wrap i{color:var(--muted);font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topbar-actions{align-items:center;gap:10px;display:flex}.icon-btn{background:var(--bg);border:1.5px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.icon-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.profile-chip{background:var(--bg);border:1.5px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.profile-chip img{object-fit:cover;border-radius:50%;width:30px;height:30px}.profile-chip span{font-size:12px;font-weight:700}.panel{flex-direction:column;gap:0;height:100%;display:none;overflow:hidden}.panel.active{display:flex}.panel-body{flex:1;padding:24px 28px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.video-modal-overlay{z-index:9999;background:#0f172ab8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.video-modal-card{background:#fff;border-radius:28px;width:min(1080px,100%);overflow:hidden;box-shadow:0 24px 80px #0f172a3d}.video-modal-header{background:#f8fbff;justify-content:space-between;align-items:center;gap:12px;padding:24px 28px;display:flex}.video-modal-header h3{margin:0 0 4px;font-size:20px}.video-modal-header p{color:var(--muted);margin:0;font-size:13px}.video-modal-close{width:42px;height:42px;color:var(--text);cursor:pointer;background:#fff;border:1px solid #2563eb29;border-radius:14px;font-size:18px}.video-progress-line{background:#eef2ff;border-radius:999px;height:14px;margin:0 28px 20px;position:relative;overflow:hidden}.video-progress-line-fill{background:linear-gradient(90deg,#2563eb,#7c3aed);height:100%;transition:width .3s}.video-progress-text{color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.video-player-wrap-modal{padding:0 28px 24px}.video-player-wrap-modal video{background:#000;border-radius:20px;width:100%;height:auto}.video-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 28px 28px;display:grid}.video-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px}.video-stat-value{color:var(--text);font-size:16px;font-weight:700}.welcome-banner{border-radius:var(--radius);background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 50%,#7c3aed 100%);margin-bottom:24px;padding:28px 32px;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:#ffffff0f;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.welcome-banner:after{content:"";background:#ffffff0a;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-60px;right:60px}.welcome-banner h1{color:#fff;font-size:24px;font-weight:800}.welcome-banner p{color:#ffffffa6;margin-top:5px;font-size:13px}.banner-chips{gap:10px;margin-top:18px;display:flex}.banner-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff1f;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;display:flex}.section-label{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:15px;font-weight:800;display:flex}.section-label a{color:var(--accent);font-size:12px;font-weight:600;text-decoration:none}.section-slider{flex-wrap:nowrap;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex;overflow:hidden}.section-slide{min-width:170px;color:var(--text);cursor:pointer;text-align:left;z-index:0;background:#fff;border:1px solid #2563eb1f;border-radius:20px;flex-direction:column;flex:none;gap:4px;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden}.section-slide:hover{z-index:1;background:#f8fbff;border-color:#2563eb52;box-shadow:0 10px 18px #0f172a14}.section-slide:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb2e}.section-slide.active{border-color:var(--accent);z-index:1;background:linear-gradient(#eff6ff 0%,#f8fbff 100%)}.section-slide-label{font-size:14px;font-weight:800}.section-slide-count{color:var(--muted);font-size:11px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-bottom:28px;display:grid}.course-card{background:var(--card);border:1.5px solid var(--border);cursor:pointer;box-shadow:var(--shadow);will-change:transform;border-radius:18px;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-md);border-color:#c7d2fe;transform:translateY(-4px)}.card-thumb{height:140px;position:relative;overflow:hidden}.card-thumb img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .4s}.course-card:hover .card-thumb img{transform:scale(1.05)}.card-thumb-fallback{justify-content:center;align-items:center;width:100%;height:100%;font-size:42px;display:flex}.card-badge{color:#fff;background:#10b981f2;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:10px;left:10px}.card-badge.intermediate{background:#f59e0be6}.card-badge.advanced{background:#ef4444e6}.card-duration{color:#fff;background:#000000b8;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:10px;right:10px}.card-body{padding:14px}.card-cat-icon{border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;font-size:15px;display:flex;box-shadow:0 2px 8px #0000001a}.card-title{color:var(--text);margin-bottom:5px;font-size:13px;font-weight:800;line-height:1.35}.card-desc{color:var(--muted);margin-bottom:12px;font-size:11px;line-height:1.5}.card-footer{justify-content:space-between;align-items:center;display:flex}.card-avatars{display:flex}.card-avatar{background:var(--accent-grad);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-6px;font-size:8px;font-weight:800;display:flex;overflow:hidden}.card-avatars .card-avatar:first-child{margin-left:0}.card-avatars img{object-fit:cover;width:100%;height:100%}.card-rating{color:var(--amber);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.card-rating span{color:var(--muted);font-size:10px}.continue-row{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px;display:grid}.continue-row .cl-card{width:100%;max-width:100%}.panel#panel-home .cards-row,.course-section .cards-row{grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:8px;display:grid}.cards-row .course-card{flex:unset;flex-direction:column;justify-content:flex-start;width:100%;min-width:0;height:100%;min-height:420px;display:flex}#popularGrid{grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:8px;display:grid}#popularGrid .course-card{width:100%}@media (width<=1023.98px){.panel#panel-home .cards-row,#popularGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=767.98px){.panel#panel-home .cards-row,#popularGrid{grid-template-columns:1fr}.cards-row .course-card{min-height:420px}}@media (width<=1100px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;overflow-x:auto}.nav-list{flex-direction:row;gap:8px;width:auto;padding:0}.nav-item a{width:46px;min-width:46px}.nav-tooltip{display:none}.sidebar-bottom{padding:0}.main-wrap{border-radius:0;grid-template-columns:1fr}.right-panel{border-left:none;border-top:1px solid var(--border);min-height:auto}}@media (width<=768px){.topbar{padding:14px 18px}.search-wrap{min-width:0;max-width:none}.topbar-actions{justify-content:flex-start;width:100%}.panel-body,.right-panel{padding:20px}.open-quiz-btn{width:100%}}.cl-card{background:var(--card);border:1.5px solid var(--border);cursor:pointer;min-height:110px;max-height:120px;box-shadow:var(--shadow);border-radius:14px;flex-wrap:nowrap;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex;overflow:hidden}.cl-card:hover{background:#f8faff;border-color:#c7d2fe}.cl-card.active{background:#eff6ff}.cl-thumb{border-radius:12px;flex:0 0 64px;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;display:flex}.cl-info{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.cl-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.cl-sub{color:var(--muted);font-size:12px}.cl-meta{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.cl-bar-wrap{background:var(--border);border-radius:4px;width:100%;height:6px;margin-top:6px;overflow:hidden}.cl-bar{background:var(--accent-grad);border-radius:4px;height:100%}.cl-pct{color:var(--accent);text-align:center;flex:0 0 64px;font-size:15px;font-weight:900}.cl-btn{color:var(--accent);cursor:pointer;white-space:nowrap;background:#eff6ff;border:none;border-radius:10px;flex-shrink:0;min-width:110px;padding:10px 16px;font-size:13px;font-weight:800;transition:all .2s}.cl-btn:hover{background:var(--accent);color:#fff}@media (width<=1023.98px){.continue-row{grid-template-columns:1fr}}@media (width<=767.98px){.cl-card{flex-wrap:wrap;align-items:flex-start;min-height:100px;padding:12px}.cl-thumb{flex:0 0 56px;width:56px;height:56px}.cl-info{order:1;width:100%}.cl-pct{text-align:left;order:2;width:auto;margin-top:8px}.cl-btn{order:3;width:100%;margin-top:8px}}.tab-bar{background:var(--bg);border-radius:12px;flex-wrap:wrap;flex-shrink:0;gap:4px;margin-bottom:18px;padding:4px;display:flex}.tab-pill{color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:9px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .2s}.tab-pill.active{background:var(--card);color:var(--text);box-shadow:0 1px 4px #00000014}.rp-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.stat-box{background:var(--bg);border:1.5px solid var(--border);border-radius:14px;padding:14px}.stat-box .num{color:var(--text);font-size:28px;font-weight:900;line-height:1}.stat-box .lbl{color:var(--muted);margin-top:4px;font-size:11px;font-weight:600;line-height:1.3}.stat-box .icon{margin-bottom:8px;font-size:18px}.rp-section{margin-bottom:20px}.rp-title{color:var(--text);margin-bottom:12px;font-size:13px;font-weight:800}.completed-page{flex-direction:column;gap:24px;min-height:100%;padding:24px 28px 48px;display:flex}.completed-hero{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;box-shadow:var(--shadow-md);border-radius:24px;padding:28px 32px}.completed-tag{background:#ffffff26;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.completed-hero h1{margin:0 0 8px;font-size:28px}.completed-hero p{color:#ffffffe6;max-width:640px;font-size:14px;line-height:1.6}.completed-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.completed-stat-card{box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;border-radius:18px;padding:20px}.completed-stat-value{color:var(--accent);margin-bottom:6px;font-size:26px;font-weight:800}.completed-stat-label{color:var(--muted);font-size:12px}.completed-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:40px;display:grid}.completed-course-card{border:1px solid var(--border);box-shadow:var(--shadow);will-change:transform;background:#fff;border-radius:20px;padding:22px;transition:transform .2s,box-shadow .2s}.completed-course-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.completed-course-meta{grid-template-columns:1fr auto;align-items:start;gap:20px;margin-bottom:18px;display:grid}.completed-course-meta.no-thumb{grid-template-columns:1fr auto}.completed-course-thumb{background:#fff;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;display:flex;overflow:hidden;box-shadow:0 16px 36px #2563eb14}.completed-course-thumb img{object-fit:cover;width:100%;height:100%}.completed-course-title{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:800}.completed-course-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.completed-course-badge{color:var(--accent2);white-space:nowrap;background:#7c3aed1a;border-radius:999px;align-self:start;height:fit-content;padding:8px 12px;font-size:11px;font-weight:800}.completed-course-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.completed-course-detail{flex-direction:column;gap:6px;display:flex}.completed-course-detail span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.completed-course-detail strong{color:var(--text);font-size:14px}.completed-course-actions{flex-wrap:wrap;gap:12px;display:flex}.completed-action-btn,.completed-download-btn{cursor:pointer;border-radius:12px;padding:11px 16px;font-size:13px;font-weight:700;transition:all .2s}.completed-action-btn{background:var(--accent);color:#fff;border:none}.completed-action-btn:hover{opacity:.94}.completed-download-btn{color:var(--accent);background:#eff6ff;border:1px solid #2563eb29}.completed-download-btn:hover{background:#e0efff}@media (width<=1024px){.completed-stats-grid,.completed-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.completed-page{padding:18px 18px 24px}.completed-stats-grid,.completed-cards-grid{grid-template-columns:1fr}}.completed-modal-overlay{z-index:1000;background:#0f172ab8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.completed-modal{background:#fff;border-radius:24px;flex-direction:column;width:min(920px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 32px 70px #0f172a33}.completed-modal-close{color:var(--text);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:18px;font-size:28px;line-height:1}.completed-modal-header{flex-direction:column;gap:6px;padding:0 28px 12px;display:flex}.completed-modal-header .completed-course-title{margin-bottom:0}.completed-modal-image-wrap{background:#f8fafc;justify-content:center;align-items:center;width:100%;padding:22px;display:flex}.completed-modal-image-wrap img{object-fit:contain;border-radius:18px;width:100%;max-height:62vh}.completed-modal-actions{border-top:1px solid var(--border);justify-content:flex-end;padding:18px 28px 24px;display:flex}.completed-modal-actions .completed-action-btn{margin:0}@media (width<=640px){.completed-modal{border-radius:18px;max-height:100vh}.completed-modal-image-wrap,.completed-modal-actions{padding:16px}}.graph-area{height:110px;position:relative}.graph-svg{width:100%;height:100%}.graph-days{justify-content:space-between;margin-top:6px;display:flex}.graph-days span{color:var(--muted);font-size:10px;font-weight:600}.streak-bar{gap:4px;display:flex}.streak-dot{background:var(--border);height:28px;color:var(--muted);border-radius:6px;flex:1;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.streak-dot.done{background:var(--accent);color:#fff}.streak-dot.today{background:var(--accent-grad);color:#fff;box-shadow:0 2px 8px #2563eb4d}.premium-card{text-align:center;background:linear-gradient(135deg,#1e3a8a,#7c3aed);border-radius:16px;margin-top:auto;padding:18px}.premium-card h4{color:#fff;font-size:14px;font-weight:800}.premium-card p{color:#ffffffa6;margin:6px 0 14px;font-size:11px;line-height:1.5}.btn-premium{width:100%;color:var(--accent);cursor:pointer;background:#fff;border:none;border-radius:10px;padding:10px;font-size:13px;font-weight:800;transition:all .2s}.btn-premium:hover{background:#ffffffe6}.gb-wrap{border:1.5px solid var(--border);border-radius:14px;overflow:auto}.gb-wrap::-webkit-scrollbar{width:4px;height:4px}.gb-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.gb-table{border-collapse:collapse;width:100%;font-size:12px}.gb-table thead th{text-align:left;color:var(--muted);border-bottom:1.5px solid var(--border);white-space:nowrap;background:#f8fafc;padding:11px 14px;font-size:11px;font-weight:700;position:sticky;top:0}.gb-table tbody tr:hover{background:#f8faff}.gb-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 14px}.gb-table td:first-child{font-weight:700}.grade-badge{border-radius:7px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-block}.grade-a{color:#16a34a;background:#dcfce7}.grade-b{color:#1d4ed8;background:#dbeafe}.grade-c{color:#ca8a04;background:#fef9c3}.grade-d{color:#dc2626;background:#fee2e2}.gb-bar-wrap{background:var(--border);vertical-align:middle;border-radius:3px;width:64px;height:5px;display:inline-block}.gb-bar-fill{background:var(--accent);border-radius:3px;height:100%}.milestone-tag{color:#7c3aed;background:#ede9fe;border-radius:20px;align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.quiz-steps{flex-shrink:0;align-items:center;margin-bottom:4px;display:flex}.qs{flex-direction:column;flex:1;align-items:center;display:flex}.qs-dot{background:var(--bg);border:2px solid var(--border);width:28px;height:28px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.qs.done .qs-dot{color:#16a34a;background:#dcfce7;border-color:#16a34a}.qs.active .qs-dot{background:var(--accent);border-color:var(--accent);color:#fff}.qs-label{color:var(--muted);margin-top:4px;font-size:10px;font-weight:600}.qs.active .qs-label{color:var(--text)}.qs-line{background:var(--border);flex:1;height:2px;margin-top:-14px}.qs-line.done{background:#16a34a}.quiz-form-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;margin-bottom:12px;padding:16px}.quiz-form-card label{color:var(--muted);margin-bottom:5px;font-size:11px;font-weight:700;display:block}.quiz-form-card input,.quiz-form-card textarea,.quiz-form-card select{border:1.5px solid var(--border);background:var(--bg);border-radius:9px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.quiz-form-card input:focus,.quiz-form-card textarea:focus,.quiz-form-card select:focus{border-color:var(--accent)}.quiz-form-card textarea{resize:none;height:65px}.option-row{align-items:center;gap:8px;margin-top:7px;display:flex}.option-row input[type=radio]{accent-color:var(--accent);width:15px;height:15px}.option-row input[type=text]{border:1.5px solid var(--border);border-radius:8px;outline:none;flex:1;padding:8px 11px;font-family:inherit}.quiz-nav{flex-shrink:0;gap:10px;padding:0 28px 24px;display:flex}.q-nav-btn{border:1.5px solid var(--border);background:var(--card);cursor:pointer;border-radius:12px;flex:1;padding:11px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.q-nav-btn.primary{background:var(--accent-grad);color:#fff;border:none}.quiz-summary{background:var(--bg);border:1.5px solid var(--border);border-radius:14px;padding:16px}.quiz-summary h4{margin-bottom:10px;font-size:14px;font-weight:800}.sum-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:12px;display:flex}.sum-row:last-child{border:none}.sum-row span:first-child{color:var(--muted);font-weight:600}.sum-row span:last-child{font-weight:700}.student-grid{flex-direction:column;gap:10px;display:flex}.student-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:14px 16px}.student-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.student-avatar{background:var(--accent-grad);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:flex}.student-name{font-size:13px;font-weight:700}.student-email{color:var(--muted);font-size:11px}.access-tags{flex-wrap:wrap;gap:5px;display:flex}.access-tag{border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:10px;font-weight:700;display:flex}.access-tag.allowed{color:#16a34a;background:#dcfce7}.access-tag.locked{color:#dc2626;background:#fee2e2}.access-tag i{font-size:9px}.sub-preview{background:#111;border-radius:14px;margin-bottom:14px;position:relative;overflow:hidden}.sub-video-bg{background:linear-gradient(135deg,#1a1a2e,#16213e);justify-content:center;align-items:center;height:160px;display:flex}.sub-display{text-align:center;padding:10px;position:absolute;bottom:0;left:0;right:0}.sub-text{border-radius:7px;max-width:90%;padding:5px 14px;transition:all .3s;display:inline-block}.sub-controls{background:var(--card);border:1.5px solid var(--border);border-radius:14px;margin-bottom:12px;padding:16px}.sub-controls h4{margin-bottom:12px;font-size:13px;font-weight:800}.ctrl-group{margin-bottom:12px}.ctrl-group label{color:var(--muted);margin-bottom:5px;font-size:11px;font-weight:700;display:block}.ctrl-group input[type=range]{width:100%;accent-color:var(--accent)}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1.5px solid var(--border);cursor:pointer;background:var(--card);border-radius:8px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s}.chip.active,.chip:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:border-color .2s}.color-dot.active{border-color:var(--accent);outline-offset:-3px;outline:2px solid #fff}.sorter-row{background:var(--card);border:1.5px solid var(--border);border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:11px 14px;display:flex}.sorter-rank{background:var(--accent-grad);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:flex}.sorter-info{flex:1}.sorter-name{font-size:13px;font-weight:700}.sorter-course{color:var(--muted);font-size:11px}.sorter-score{color:var(--accent);font-size:18px;font-weight:900}.cat-tag{color:#7c3aed;background:#ede9fe;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}.video-slot{border:1.5px solid var(--border);border-radius:14px;margin-bottom:12px;overflow:hidden}.video-slot-head{background:var(--bg);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.video-slot-head h4{font-size:13px;font-weight:700}.err-toggle{color:var(--accent);cursor:pointer;border:1.5px solid var(--border);background:#fff;border-radius:9px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s}.err-toggle:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.video-vp{background:#111;justify-content:center;align-items:center;height:140px;display:flex;position:relative}.video-ok-msg{color:#fff;opacity:.5;flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.video-ok-msg i{font-size:26px}.err-fallback{background:#fff;width:100%;height:100%;padding:14px;display:none;overflow-y:auto}.err-fallback.show{display:block}.err-fallback h3{margin-bottom:5px;font-size:13px;font-weight:800}.err-fallback p{color:var(--muted);margin-bottom:8px;font-size:11px}.kp-item{align-items:flex-start;gap:7px;margin-bottom:5px;font-size:11px;display:flex}.kp-item i{color:var(--accent);margin-top:2px}.err-status{color:var(--muted);background:var(--bg);border-top:1px solid var(--border);padding:6px 16px;font-size:10px;font-weight:600}.err-status .ok{color:var(--green)}.err-status .err{color:var(--red)}.video-player-wrap{background:#111;border-radius:18px;flex-shrink:0;position:relative;overflow:hidden}.vp-overlay{flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:14px;display:flex;position:absolute;top:0;left:0}.vp-title-bar{color:#fff;justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.vp-title-bar span{font-size:12px;font-weight:700}.vp-controls{align-items:center;gap:7px;margin-bottom:6px;display:flex}.vc-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:background .2s;display:flex}.vc-btn:hover{background:#ffffff4d}.vc-play{color:#111;background:#fff;width:40px;height:40px;font-size:14px}.vp-time{color:#fffc;margin-left:auto;font-size:11px;font-weight:600}.progress-track{cursor:pointer;background:#fff3;border-radius:3px;width:100%;height:5px;margin-bottom:8px;position:relative}.progress-fill{background:#fff;border-radius:3px;height:100%;transition:width .15s}.progress-thumb{cursor:grab;background:#fff;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;transform:translate(-50%,-50%)}.sub-bar{color:#fff;text-align:center;background:#000000a6;border-radius:7px;margin-top:4px;padding:5px 12px;font-size:12px;display:none}.checkpoint-section{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:14px 16px}.checkpoint-section h4{margin-bottom:10px;font-size:13px;font-weight:700}.cp-list{flex-direction:column;gap:6px;max-height:120px;display:flex;overflow-y:auto}.cp-list::-webkit-scrollbar{width:0}.cp-item{background:var(--bg);cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:8px 12px;transition:background .2s;display:flex}.cp-item:hover{background:#eff6ff}.cp-time{color:var(--accent);min-width:44px;font-size:11px;font-weight:800}.cp-label{color:var(--muted);flex:1;font-size:11px}.cp-jump{color:var(--accent);font-size:11px;font-weight:700}.cp-actions{gap:8px;margin-top:10px;display:flex}.cp-btn{border:1.5px solid var(--border);background:var(--card);cursor:pointer;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s;display:flex}.cp-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.open-quiz-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4f46e5,#a855f7) 0 0/200% 100%;border:0;border-radius:10px;width:100%;max-width:320px;padding:12px 16px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 6px 18px #4f46e52e}.open-quiz-btn:hover{filter:brightness(1.03);background-position:100% 0;transform:translateY(-5px)scale(1.01);box-shadow:0 20px 48px #4f46e538}.open-quiz-btn:active{transform:translateY(-1px)scale(.995)}.search-bar-field{gap:10px;margin-bottom:16px;display:flex}.search-bar-field input{border:1.5px solid var(--border);background:var(--bg);border-radius:11px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px}.search-bar-field input:focus{border-color:var(--accent)}.search-bar-field button{background:var(--accent-grad);color:#fff;cursor:pointer;border:none;border-radius:11px;padding:0 16px;font-weight:700}.heading-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.heading-row h2{font-size:18px;font-weight:800}.heading-row select{border:1.5px solid var(--border);background:var(--card);border-radius:10px;outline:none;padding:7px 12px;font-family:inherit;font-size:11px;font-weight:700}.toast{color:#fff;z-index:9999;opacity:0;pointer-events:none;background:#0f172a;border-radius:12px;padding:12px 20px;font-size:12px;font-weight:700;transition:all .3s;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}.toast.show{opacity:1;transform:translateY(0)}.scroll-y{overflow-y:auto}.scroll-y::-webkit-scrollbar{width:4px}.scroll-y::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}select{font-family:inherit}:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--primary-mid:#c7d2fe;--accent:#f59e0b;--accent2:#10b981;--text-dark:#0f0e17;--text-mid:#374151;--text-gray:#6b7280;--text-light:#9ca3af;--bg:#f8fafc;--white:#fff;--border:#e5e7eb;--card-shadow:0 4px 24px -4px #4f46e51a, 0 1.5px 6px -1px #0000000a;--card-shadow-hover:0 20px 48px -8px #4f46e52e, 0 6px 16px -4px #00000014}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-dark);font-family:DM Sans,sans-serif;overflow-x:hidden}section,footer{box-sizing:border-box;padding-inline:clamp(1rem,2.5vw,2.5rem)}body:before{content:"";pointer-events:none;z-index:9999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.container{width:100%;margin:0 auto;padding-inline:clamp(1rem,2.5vw,2.5rem)}header{z-index:100;-webkit-backdrop-filter:blur(16px);background:#f8fafcd9;border-bottom:1px solid #e5e7eb99;padding:1.5rem 0;transition:box-shadow .3s;position:sticky;top:0}header.scrolled{box-shadow:0 4px 24px -4px #4f46e51a}nav{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.logo{color:var(--text-dark);align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.4rem;display:flex;box-shadow:0 4px 14px #4f46e559}.logo-title{font-family:Syne,sans-serif;font-size:1.2rem;font-weight:800;line-height:1.1}.logo-title span{color:var(--primary)}.logo-subtitle{color:var(--text-gray);letter-spacing:.04em;font-size:.7rem;font-weight:500}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-mid);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--primary);border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;bottom:-2px;left:0}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.nav-actions{align-items:center;gap:.75rem;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1.4rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost{color:var(--text-mid);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary-mid)}.btn-outline-primary{color:var(--primary);border:1px solid var(--primary-mid);background:0 0}.btn-outline-primary:hover{background:var(--primary-light);color:var(--primary-hover)}.btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 14px #4f46e559}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px #4f46e566}.btn-lg{border-radius:12px;padding:.9rem 2rem;font-size:1.05rem}.btn-outline-dark{color:var(--text-dark);border:1px solid var(--border);background:#fff}.btn-outline-dark:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.hero{padding:5rem clamp(1rem,2.5vw,2.5rem) 4rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2rem,4vw,5rem);min-height:calc(100vh - 120px);padding-left:40px;padding-right:40px;display:grid}.hero-content{flex-direction:column;justify-content:center;max-width:520px;display:flex}.pill{color:var(--primary);background:linear-gradient(90deg,#ede9fe,#e0e7ff);border:1px solid #c7d2fe;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.45rem 1.1rem;font-size:.82rem;font-weight:600;display:inline-flex}.hero-title{margin-bottom:1.5rem;font-family:Syne,sans-serif;font-size:3.8rem;font-weight:800;line-height:1.1}.hero-title .hl{background:linear-gradient(135deg,#4f46e5,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--text-gray);max-width:540px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.7}.hero-ctas{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.hero-stats{border-top:1px solid var(--border);gap:2.5rem;padding-top:2rem;display:flex}.hs-item .hs-num{color:var(--text-dark);font-family:Syne,sans-serif;font-size:2rem;font-weight:800}.hs-item .hs-label{color:var(--text-gray);margin-top:.25rem;font-size:.85rem}.hero-visual{z-index:1;box-sizing:border-box;width:100%;max-width:100%;min-height:auto;margin:0 auto;padding:0 10px;position:relative}.hero-img-wrap{z-index:20;border-radius:2rem;position:relative;overflow:hidden}.hero-img-wrap img{object-fit:cover;opacity:1;width:100%;height:auto;display:block}.hero-img-overlay{display:none}.fc{z-index:10;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:1px solid #fffc;border-radius:1.25rem;position:absolute}.fc-video{z-index:5;width:290px;padding:1.25rem;top:35px;left:10px}.vc-header{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.vc-title{color:var(--text-dark);font-size:.78rem;font-weight:700}.vc-dots{gap:3px;display:flex}.vc-dots span{background:#e5e7eb;border-radius:50%;width:7px;height:7px}.vc-dots span:first-child{background:#f87171}.vc-dots span:nth-child(2){background:#fbbf24}.vc-dots span:last-child{background:#34d399}.vplayer{background:linear-gradient(135deg,#1e1b4b,#4338ca);border-radius:.9rem;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.vplayer-waves{background:repeating-linear-gradient(0deg,#0000,#0000 8px,#ffffff08 8px 9px);position:absolute;inset:0}.play-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:2;cursor:pointer;background:#fff3;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:all .2s;display:flex}.play-btn:hover{background:var(--primary);border-color:var(--primary)}.vplayer-bar{color:#ffffffb3;align-items:center;gap:6px;font-size:.6rem;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.vbar-track{background:#fff3;border-radius:3px;flex:1;height:3px}.vbar-fill{background:#fff;border-radius:3px;width:32%;height:100%;position:relative}.vbar-fill:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2.5px;right:-4px}.fc-progress{text-align:center;width:170px;padding:1.25rem 1rem;top:30px;right:10px}.prog-ring-wrap{width:76px;height:76px;margin:0 auto .9rem;position:relative}.prog-ring-wrap svg{transform:rotate(-90deg)}.pr-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pr-pct{color:var(--primary);font-family:Syne,sans-serif;font-size:1.15rem;font-weight:800}.pr-label{color:var(--text-gray);font-size:.55rem;font-weight:500}.fc-progress h5{margin-bottom:.2rem;font-size:.78rem;font-weight:700}.fc-progress p{color:var(--text-gray);font-size:.68rem}.fc-courses{z-index:30;width:280px;padding:1.25rem;bottom:90px;left:-55px}.fcc-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.fcc-title{font-size:.78rem;font-weight:700}.cl-item{border-bottom:1px solid #f3f4f6;align-items:center;gap:.75rem;padding:.55rem 0;display:flex}.cl-item:last-child{border-bottom:none}.cl-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex}.cli-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.cli-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.cli-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.cl-info{flex:1}.cl-name{margin-bottom:.1rem;font-size:.78rem;font-weight:600}.cl-pct{color:var(--text-gray);margin-bottom:.25rem;font-size:.65rem}.cl-bar{background:#f1f5f9;border-radius:3px;height:3px;overflow:hidden}.cl-bar-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:3px;height:100%}.cl-viewall{text-align:center;color:var(--primary);margin-top:.6rem;font-size:.75rem;font-weight:600;text-decoration:none;display:block}.fc-quiz{text-align:center;z-index:30;width:160px;padding:1.25rem 1rem;bottom:135px;right:-25px}.quiz-trophy{width:52px;height:52px;color:var(--primary);background:linear-gradient(135deg,#ede9fe,#c7d2fe);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .75rem;font-size:1.4rem;display:flex}.quiz-score{color:var(--text-dark);margin-bottom:.15rem;font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800}.quiz-label{color:var(--text-gray);margin-bottom:.75rem;font-size:.65rem}.quiz-badge{color:#15803d;background:#dcfce7;border-radius:9999px;padding:.2rem .5rem;font-size:.6rem;font-weight:700;display:inline-block}.blob{filter:blur(60px);pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.blob-1{background:#4f46e51f;width:350px;height:350px;top:-80px;right:0}.blob-2{background:#a855f71a;width:250px;height:250px;bottom:40px;right:100px}.dots-grid{background-image:radial-gradient(#cbd5e1 1.5px,#0000 1.5px);background-size:18px 18px;position:absolute}.dg-tr{width:90px;height:90px;top:-15px;right:-15px}.dg-bl{width:90px;height:90px;bottom:-15px;left:-15px}.section-eyebrow{background:var(--primary-light);color:var(--primary);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--primary-mid);border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.35rem .9rem;font-size:.7rem;font-weight:700;display:inline-flex}.section-title{margin-bottom:.9rem;font-family:Syne,sans-serif;font-size:2.6rem;font-weight:800;line-height:1.2}.section-title .hl{background:linear-gradient(135deg,#4f46e5,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-sub{color:var(--text-gray);max-width:560px;font-size:1.05rem;line-height:1.65}.section-sub.center{margin:0 auto 3.5rem}section[id],footer[id]{scroll-margin-top:110px}.trusted{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:5rem;padding:3rem 40px}.trusted-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding-left:40px;padding-right:40px;display:flex}.trusted-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;padding-left:40px;padding-right:40px;font-size:.78rem;font-weight:600}.trusted-logos{flex-wrap:wrap;flex:1;align-items:center;gap:1.5rem;display:flex}.t-logo{color:#cbd5e1;letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:1.05rem;font-weight:800;transition:color .2s}.t-logo:hover{color:var(--primary)}.features-section{text-align:center;padding:5rem 40px}.features-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:3.5rem;display:grid}.feat-card{text-align:left;border:1px solid var(--border);cursor:default;background:#fff;border-radius:1.5rem;padding:2rem 1.75rem;transition:all .3s;position:relative;overflow:hidden}.feat-card:before{content:"";opacity:0;background:linear-gradient(135deg,#4f46e50a,#a855f70a);transition:opacity .3s;position:absolute;inset:0}.feat-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--primary-mid);transform:translateY(-6px)}.feat-card:hover:before{opacity:1}.feat-num{color:#f1f5f9;font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800;position:absolute;top:1.5rem;right:1.5rem}.feat-ico{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;font-size:1.6rem;display:flex}.fi-1{color:#7c3aed;background:#ede9fe}.fi-2{color:#059669;background:#d1fae5}.fi-3{color:#b45309;background:#fef3c7}.fi-4{color:#4338ca;background:#e0e7ff}.fi-5{color:#be185d;background:#fce7f3}.fi-6{color:#0d9488;background:#ccfbf1}.fi-7{color:#dc2626;background:#fee2e2}.fi-8{color:#15803d;background:#f0fdf4}.feat-card h4{margin-bottom:.6rem;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.feat-card p{color:var(--text-gray);margin-bottom:1.1rem;font-size:.84rem;line-height:1.6}.feat-link{color:var(--primary);align-items:center;gap:.25rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.feat-link:hover{gap:.5rem}.cta-strip{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:1.75rem;justify-content:space-between;align-items:center;gap:2rem;margin-top:3rem;padding:2.5rem 3rem;display:flex;position:relative;overflow:hidden}.cta-strip:before{content:"";background:#ffffff0f;border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-10%}.cta-strip:after{content:"";background:#ffffff0a;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-60%;left:-5%}.cta-strip-left{z-index:1;align-items:center;gap:1.5rem;display:flex}.cta-ico{color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;display:flex}.cta-strip-left h3{color:#fff;margin-bottom:.25rem;font-family:Syne,sans-serif;font-size:1.4rem;font-weight:800}.cta-strip-left p{color:#ffffffbf;font-size:.9rem}.cta-strip-right{z-index:1;flex-shrink:0;gap:.75rem;display:flex}.btn-white{color:var(--primary);background:#fff;font-weight:700;box-shadow:0 4px 14px #00000026}.btn-white:hover{background:#ede9fe}.btn-white-ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:1px solid #ffffff4d}.btn-white-ghost:hover{background:#ffffff40}.courses-section{text-align:center;padding:5rem 40px}.courses-header-row{text-align:left;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;display:flex}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.course-card{border:1px solid var(--border);background:#fff;border-radius:1.5rem;transition:all .3s;overflow:hidden}.course-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-6px)}.cc-thumb{justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:visible}.cc-thumb img{object-fit:cover;width:100%;height:100%}.cc-level{color:#fff;border-radius:9999px;padding:.2rem .65rem;font-size:.62rem;font-weight:700;position:absolute;top:.6rem;left:.6rem}.lv-beg{background:#10b98140;border:1px solid #10b98180}.lv-int{background:#3b82f640;border:1px solid #3b82f680}.lv-adv{background:#a855f740;border:1px solid #a855f780}.cc-dur{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:.4rem;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.6rem;display:flex;position:absolute;bottom:.6rem;right:.6rem}.cc-icon-pill{z-index:2;background:#fff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:800;display:flex;position:absolute;bottom:-1rem;left:.9rem;box-shadow:0 4px 10px #0000001f}.cc-body{padding:1.25rem 1rem .9rem}.cc-name{margin-bottom:.3rem;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;line-height:1.3}.cc-desc{color:var(--text-gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.9rem;font-size:.72rem;line-height:1.4;display:-webkit-box;overflow:hidden}.cc-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.cc-avatars{display:flex}.cc-avatars img{background:#e2e8f0;border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin-left:-6px}.cc-avatars img:first-child{margin-left:0}.cc-rating{color:var(--text-gray);align-items:center;gap:.2rem;font-size:.7rem;font-weight:600;display:flex}.cc-rating i{color:#f59e0b}.view-all-btn{color:var(--primary);align-items:center;gap:.5rem;margin-top:2.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:gap .2s;display:inline-flex}.view-all-btn:hover{gap:.75rem}.impact-section{border:1px solid var(--border);border-radius:2rem;grid-template-columns:1fr 1.4fr;align-items:center;gap:5rem;margin-bottom:5rem;padding:4rem;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 32px -8px #4f46e51a}.impact-map{opacity:.18;pointer-events:none;-webkit-user-select:none;user-select:none;width:520px;max-width:55%;position:absolute;bottom:0;right:0}.impact-blob{pointer-events:none;background:radial-gradient(circle,#4f46e50f,#0000 70%);width:500px;height:500px;position:absolute;bottom:-100px;right:-100px}.impact-badge{background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--primary-mid);border-radius:9999px;margin-bottom:1rem;padding:.25rem .8rem;font-size:.7rem;font-weight:700;display:inline-flex}.impact-title{margin-bottom:1rem;font-family:Syne,sans-serif;font-size:2.4rem;font-weight:800;line-height:1.2}.impact-desc{color:var(--text-gray);margin-bottom:2rem;font-size:.95rem;line-height:1.65}.impact-feats{flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;display:flex}.if-item{align-items:flex-start;gap:.75rem;display:flex}.if-ico{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.ifc-1{color:#4f46e5;background:#e0e7ff}.ifc-2{color:#059669;background:#d1fae5}.ifc-3{color:#b45309;background:#fef3c7}.if-t h5{margin-bottom:.15rem;font-size:.82rem;font-weight:700}.if-t p{color:var(--text-gray);font-size:.7rem;line-height:1.4}.impact-actions{gap:.9rem;display:flex}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.stat-card{text-align:center;border:1px solid var(--border);background:#fff;border-radius:1.5rem;padding:2rem 1.5rem;transition:all .3s;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.stat-card:before{content:"";background:radial-gradient(circle,var(--sc-color) 0%,transparent 60%);opacity:.04;pointer-events:none;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.sc-1{--sc-color:#4f46e5}.sc-2{--sc-color:#10b981}.sc-3{--sc-color:#f59e0b}.sc-4{--sc-color:#3b82f6}.stat-ico{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 1.25rem;font-size:1.5rem;display:flex}.si-1{color:#4f46e5;background:#e0e7ff}.si-2{color:#059669;background:#d1fae5}.si-3{color:#b45309;background:#fef3c7}.si-4{color:#2563eb;background:#dbeafe}.stat-num{margin-bottom:.35rem;font-family:Syne,sans-serif;font-size:2rem;font-weight:800}.sc-1 .stat-num{color:#4f46e5}.sc-2 .stat-num{color:#059669}.sc-3 .stat-num{color:#b45309}.sc-4 .stat-num{color:#2563eb}.stat-title{color:var(--text-dark);margin-bottom:.3rem;font-size:.95rem;font-weight:700}.stat-desc{color:var(--text-gray);font-size:.72rem;line-height:1.4}.testimonials{text-align:center;padding:5rem 40px}.testimonials .section-title{margin-bottom:.75rem}.testi-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:3.5rem;display:grid}.testi-card{text-align:left;border:1px solid var(--border);background:#fff;border-radius:1.5rem;padding:2rem;transition:all .3s;position:relative}.testi-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--primary-mid);transform:translateY(-5px)}.testi-stars{gap:.2rem;margin-bottom:1.1rem;display:flex}.testi-stars i{color:#f59e0b;font-size:1rem}.testi-quote{color:var(--text-mid);margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.testi-user{align-items:center;gap:.75rem;display:flex}.testi-avatar{object-fit:cover;border:2px solid var(--primary-mid);border-radius:50%;width:42px;height:42px}.testi-name{font-size:.88rem;font-weight:700}.testi-role{color:var(--text-gray);font-size:.72rem}.testi-tag{background:var(--primary-light);color:var(--primary);border-radius:9999px;padding:.2rem .6rem;font-size:.65rem;font-weight:700;position:absolute;top:1.5rem;right:1.5rem}.achievements{text-align:center;background:linear-gradient(#fbfdff,#fff);padding:4.5rem 40px}.achievements .section-eyebrow{margin-bottom:1rem}.achv-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2.5rem;display:grid}.achv-card{border:1px solid var(--border);box-shadow:var(--card-shadow);background:#fff;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.5rem;display:flex}.achv-num{color:var(--primary);font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800}.achv-title{color:var(--text-dark);font-size:.95rem;font-weight:700}.achv-desc{color:var(--text-gray);font-size:.78rem;line-height:1.4}.achv-ico{width:46px;height:46px;color:var(--primary);background:linear-gradient(135deg,#eef2ff,#e9d5ff);border-radius:10px;justify-content:center;align-items:center;margin-left:auto;font-size:1.25rem;display:flex}.pricing-section{text-align:center;padding:4.5rem 40px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:2rem;display:grid}.price-card{border:1px solid var(--border);box-shadow:var(--card-shadow);background:#fff;border-radius:1rem;flex-direction:column;gap:.9rem;padding:1.5rem;transition:transform .22s,box-shadow .22s,border-color .18s;display:flex}.price-card.popular{color:#fff;box-shadow:var(--card-shadow-hover);background:linear-gradient(135deg,#5b21b6,#7c3aed);border:none;transform:scale(1.02)}.price-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--primary-mid);transform:translateY(-8px)}.price-card.popular:hover{transform:translateY(-10px)scale(1.035);box-shadow:0 30px 60px -12px #7c3aed47}.price-card .price-price{transition:transform .22s,color .18s}.price-card:hover .price-price{transform:translateY(-2px)}.price-cta a{align-items:center;gap:.5rem;transition:transform .18s,box-shadow .18s;display:inline-flex}.price-cta a:hover{transform:translateY(-4px);box-shadow:0 14px 30px #4f46e51f}.price-card.popular .price-cta a:hover{box-shadow:0 18px 44px #7c3aed2e}.price-head{justify-content:space-between;align-items:center;display:flex}.price-name{font-size:1.02rem;font-weight:800}.price-price{margin-top:.45rem;font-family:Syne,sans-serif;font-size:1.8rem;font-weight:800}.price-feats{text-align:left;flex-direction:column;flex:1;gap:.5rem;margin-top:.5rem;display:flex}.price-feats .feat-item{color:var(--text-gray);align-items:center;gap:.6rem;display:flex}.price-feats .feat-item i{color:var(--accent2)}.price-card.popular .price-feats .feat-item{color:#ffffffd9}.price-card.popular .price-feats .feat-item i{color:#34d399}.p-stats{border:1px solid var(--border);background:#fff;border-radius:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:4rem;padding:2rem;display:grid}.p-stat .num{color:var(--primary);margin-bottom:.2rem;font-family:Syne,sans-serif;font-size:1.75rem;font-weight:800}footer{color:#94a3b8;background:#0f172a;border-top:1px solid #1e293b;margin-top:5rem;padding:5rem 0 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4rem;margin-bottom:4rem;display:grid}.footer-logo{color:#fff}.footer-logo .logo-icon{box-shadow:none}.footer-desc{max-width:320px;margin:1.25rem 0 1.5rem;font-size:.9rem;line-height:1.6}.footer-socials{gap:.75rem;display:flex}.social-ico{color:#fff;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;text-decoration:none;transition:all .2s;display:flex}.social-ico:hover{background:var(--primary);transform:translateY(-2px)}.footer-heading{color:#fff;letter-spacing:.02em;margin-bottom:1.5rem;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700}.footer-links{flex-direction:column;gap:.85rem;list-style:none;display:flex}.footer-links a{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.newsletter-form{gap:.5rem;margin-top:1rem;display:flex;position:relative}.newsletter-form input{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:8px;outline:none;flex:1;padding:.75rem 1rem;font-family:DM Sans,sans-serif;font-size:.9rem}.newsletter-form input:focus{border-color:var(--primary)}.newsletter-form button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:0 1.25rem;font-weight:600;transition:background .2s}.newsletter-form button:hover{background:var(--primary-hover)}footer .container>div:last-child{color:#64748b;border-top:1px solid #1e293b;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;width:calc(100% + 80px);margin-left:-40px;padding-top:2rem;padding-left:40px;padding-right:40px;font-size:.85rem;display:flex}@media (width<=576px){footer .container>div:last-child{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;margin-left:0;padding-left:0;padding-right:0}footer .container>div:last-child>div:first-child{order:1}footer .container>div:last-child>div:last-child{order:2}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.215,.61,.355,1),transform .7s cubic-bezier(.215,.61,.355,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.nav-links.mobile-open{border-bottom:1px solid var(--border);box-shadow:var(--card-shadow-hover);background:#fff;flex-direction:column;gap:1.5rem;padding:2rem;position:absolute;top:100%;left:0;right:0;display:flex!important}@media (width<=1200px){.hero{gap:3rem}.hero-title{font-size:2.8rem}.hero-visual{min-height:520px}.features-grid,.courses-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.hero{grid-template-columns:55% 45%}}@media (width<=900px){.hero{text-align:center;grid-template-columns:1fr;padding:3rem 0}.hero-desc{margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center}.hero-stats{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem}.hero-visual{max-width:100%;min-height:auto;margin:0 auto}.fc-video,.fc-progress,.fc-courses,.fc-quiz{width:100%;max-width:100%;margin:1rem auto 0;position:static;inset:auto;transform:none}.impact-section{grid-template-columns:1fr;padding:2.5rem}.impact-map{display:none}.testi-grid,.achv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}}@media (width<=768px){.container{padding:0 1.25rem}.nav-links,.nav-actions{display:none}.menu-toggle{display:block!important}.features-grid{grid-template-columns:1fr}.courses-grid{grid-template-columns:repeat(2,1fr)}.testi-grid{grid-template-columns:1fr}.p-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem}.impact-map{display:none}}@media (width<=576px){.hero-title{font-size:2.3rem}.hero-ctas{flex-direction:column;gap:.75rem}.hero-stats{flex-direction:column;align-items:center;gap:1.25rem}.courses-grid,.pricing-grid,.achv-grid,.p-stats,.footer-grid{grid-template-columns:1fr}.cta-strip{text-align:center;flex-direction:column;padding:2rem 1.5rem}.cta-strip-left{flex-direction:column}}.newsletter{text-align:center;color:#fff;background:linear-gradient(135deg,#0f0e17,#1e1b4b);border-radius:2rem;margin-bottom:5rem;padding:4rem;position:relative;overflow:hidden}.newsletter:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e54d,#0000 60%);width:600px;height:600px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.nl-eyebrow{color:#ffffffd9;letter-spacing:.06em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.35rem .9rem;font-size:.7rem;font-weight:700;display:inline-flex}.newsletter h2{color:#fff;margin-bottom:.75rem;font-family:Syne,sans-serif;font-size:2.4rem;font-weight:800}.newsletter p{color:#fff9;margin-bottom:2.5rem;font-size:1rem}.nl-form{gap:.75rem;max-width:480px;margin:0 auto 1.25rem;display:flex}.nl-input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;outline:none;flex:1;padding:.85rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.95rem;transition:border .2s}.nl-input::placeholder{color:#ffffff59}.nl-input:focus{background:#ffffff1f;border-color:#fff6}.nl-note{color:#fff6;font-size:.75rem}.nl-status{color:#ffffffd9;margin-top:.5rem;font-size:.9rem}@media (width<=900px){.nl-form{flex-direction:column;gap:.6rem}.nl-form .btn{width:100%}}