.wip-popup-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.wip-popup-modal{background:#fff;border-radius:24px;padding:40px;max-width:480px;text-align:center;box-shadow:0 10px 40px #00000026}.wip-popup-modal h2{margin:0 0 20px;font-size:32px;font-weight:700;color:#111827}.wip-popup-modal p{margin:0 0 12px;color:#666;font-size:16px;line-height:1.5}.wip-popup-modal p:last-of-type{margin-bottom:28px}.wip-popup-btn{width:100%;padding:14px 24px;border:none;border-radius:24px;font-size:16px;font-weight:600;color:#fff;background:#d72638;cursor:pointer;transition:background .3s ease}.wip-popup-btn:hover{background:#b91c2c}.wip-popup-btn.clicked{background:#111}:root{--bg:#f3f4f6;--card:#ffffff;--purple:#6c2bd9;--btn:#6b3ff0}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:32px;padding:40px;background:var(--bg);box-sizing:border-box}.signup-card{width:420px;background:var(--card);border-radius:12px;padding:32px;box-shadow:0 8px 30px #10182814}.brand-logo{font-weight:700;color:#111827;margin-bottom:8px}.signup-title{margin:10px 0 18px;font-size:20px}.signup-form .field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.signup-form input{height:44px;border-radius:22px;border:1px solid #e6e6ef;padding:0 16px;outline:none}.signup-submit{margin-top:8px;width:100%;height:48px;border-radius:28px;border:none;color:#fff;background:linear-gradient(90deg,var(--btn),#7d5cff);cursor:pointer}.signup-promo{flex:1;min-height:520px;background:var(--purple);border-radius:16px;color:#fff;display:flex;align-items:center;justify-content:center;padding:36px}.promo-inner{max-width:520px;text-align:center}.mockup-card{background:#ffffff1f;padding:36px;border-radius:18px;margin-bottom:18px}.promo-cta h3{margin:0 0 8px}.partners{display:flex;gap:12px;justify-content:center;margin-top:18px}.logo-dot{width:28px;height:28px;border-radius:50%;background:#ffffff2e;display:inline-block}@media(max-width:900px){.signup-page{flex-direction:column;padding:20px}.signup-promo{width:100%;min-height:220px}.signup-card{width:100%}}.cd-root{max-width:900px;margin:24px auto;background:#fff;border-radius:12px;padding:20px;box-shadow:0 6px 18px #1018280f;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#111827}.cd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.cd-info{display:flex;gap:12px;align-items:center}.cd-avatar{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#f0f4ff,#fdeff6);display:flex;align-items:center;justify-content:center;font-weight:700;color:#6b21a8}.cd-title{margin:0;font-size:20px}.cd-meta{font-size:13px;color:#6b7280}.cd-more{background:transparent;border:0;font-size:20px;cursor:pointer}.cd-tests-header{display:flex;justify-content:space-between;align-items:center;margin:6px 0 12px}.cd-add{background:#7c3aed;color:#fff;border:0;padding:8px 12px;border-radius:8px;cursor:pointer}.cd-add-box{border:2px dashed #e6e7eb;border-radius:10px;padding:20px;margin-bottom:14px;color:#6b7280;text-align:center}.cd-questions{list-style:none;padding:0;margin:0}.cd-question{display:flex;justify-content:space-between;align-items:center;padding:14px 12px;border-radius:10px;background:#fbfbfc;margin-bottom:10px}.cd-question-text{font-weight:600}.cd-question-actions{display:flex;gap:8px}.btn-edit{background:#111827;color:#fff;border:0;padding:8px 12px;border-radius:20px;cursor:pointer}.btn-delete{background:#fff;border:1px solid #fecaca;color:#ef4444;padding:8px 10px;border-radius:20px;cursor:pointer}@media(max-width:640px){.cd-root{padding:12px;margin:12px}.cd-avatar{width:48px;height:48px}}.co-root{max-width:1200px;margin:28px auto;padding:28px;background:#fff;border-radius:20px;box-shadow:0 14px 40px #11182714;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.co-header{margin-bottom:18px}.co-header h1{margin:0;font-size:26px;font-weight:800;color:#0f172a}.co-sub{margin:8px 0 18px;color:#6b7280;font-size:14px}.co-loading{color:#6b7280;font-size:14px;padding:20px}.co-table{display:block}.co-cards{display:grid;gap:18px}.co-row{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:14px;background:#fff;min-height:84px;transition:transform .26s ease,opacity .26s ease,box-shadow .26s ease,background-color .16s ease;box-shadow:0 10px 24px #1118270a}.co-row[role=button]{cursor:pointer}.co-row:hover{transform:translateY(-6px);box-shadow:0 20px 50px #1118271a}.co-row--opening{opacity:0;transform:translate(12px) scale(.995);box-shadow:0 6px 18px #1118270a;pointer-events:none}.co-row[role=button]:focus-visible{outline:3px solid rgba(91,53,240,.12);outline-offset:6px}.co-head{font-weight:700;color:#374151;padding:8px 16px}.co-course{display:flex;align-items:center;gap:14px;flex:1}.co-avatar{width:56px;height:56px;border-radius:9999px;background:radial-gradient(circle at 30% 30%,#ffd6e0,#f3e8ff);display:flex;align-items:center;justify-content:center;font-weight:800;color:#7c3aed;font-size:16px;box-shadow:0 6px 18px #7c3aed14}.co-avatar-img{width:100%;height:100%;border-radius:9999px;object-fit:cover;display:block}.co-course-title{font-weight:800;font-size:15px;color:#111827}.co-course-sub{font-size:13px;color:#9ca3af}.co-date{color:#374151;flex:0 0 170px}.badge{display:inline-block;background:#6366f11f;color:#4f46e5;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700}.co-category{flex:0 0 150px}.co-action{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 180px}.co-btn{background:linear-gradient(90deg,#7c3aed,#5b21b6);color:#fff;border:0;padding:8px 14px;border-radius:999px;cursor:pointer;box-shadow:0 8px 20px #5c21bd29;font-weight:700}.co-title-link{display:inline-block;background:transparent;border:0;padding:0;margin:0;text-align:left;font-size:15px;font-weight:800;color:#0f172a;cursor:pointer}.co-title-link:hover{color:#5b35f0;text-decoration:underline}.co-chevron{font-size:22px;color:#9ca3af;opacity:.9}@media(max-width:980px){.co-row{flex-direction:column;align-items:flex-start;gap:12px}.co-cards{gap:12px}}@media(max-width:760px){.co-row{flex-direction:column;align-items:flex-start;gap:12px}.co-cards{gap:12px}.co-action{width:100%;display:flex;justify-content:flex-end}}.tq-root{background:linear-gradient(180deg,#f3ecff,#f7f4ff);padding:28px;border-radius:18px;min-height:520px}.tq-shell{max-width:1100px;margin:0 auto;background:#fff;border-radius:12px;padding:28px 36px;box-shadow:0 6px 18px #1018280f}.tq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.tq-course{display:flex;align-items:center;gap:12px}.tq-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#eef2ff,#fff0f6);display:flex;align-items:center;justify-content:center;font-weight:700}.tq-course-title{font-weight:700}.tq-course-sub{font-size:13px;color:#6b7280}.tq-user{text-align:right;color:#374151}.tq-user-name{font-weight:700}.tq-main{padding:24px 0;text-align:center}.tq-question{font-size:34px;line-height:1.12;font-weight:800;margin:0 0 28px;color:#0f172a}.tq-options{list-style:none;padding:0;max-width:820px;margin:0 auto 28px}.tq-option{display:flex;align-items:center;gap:18px;padding:16px 20px;border-radius:40px;border:2px solid rgba(15,23,42,.06);background:#fff;margin-bottom:14px;cursor:pointer;transition:all .18s}.tq-option:hover{transform:translateY(-2px)}.tq-option.selected{border-color:#111827;box-shadow:0 6px 18px #1018280f}.tq-option-left{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.tq-radio{width:28px;height:28px;border-radius:999px;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:13px;color:#6b7280}.tq-option.selected .tq-radio{background:#111827;color:#fff;border-color:#111827}.tq-option-text{flex:1;text-align:left;font-weight:600}.tq-option-right{width:28px;text-align:center;color:#111827}.tq-actions{display:flex;justify-content:center;margin-top:12px}.tq-next{background:linear-gradient(90deg,#7c3aed,#5b21b6);color:#fff;border:0;padding:12px 28px;border-radius:999px;font-weight:700;cursor:pointer}@media(max-width:720px){.tq-question{font-size:22px}.tq-shell{padding:20px}}.cs-root{background:linear-gradient(180deg,#f3ecff,#f7f4ff);padding:28px;border-radius:18px;min-height:520px}.cs-shell{max-width:1100px;margin:0 auto;background:#fff;border-radius:12px;padding:48px 36px;box-shadow:0 6px 18px #1018280f;text-align:center}.cs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cs-course{display:flex;align-items:center;gap:12px}.cs-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#eef2ff,#fff0f6);display:flex;align-items:center;justify-content:center;font-weight:700}.cs-course-title{font-weight:700}.cs-course-sub{font-size:13px;color:#6b7280}.cs-user{text-align:right;color:#374151}.cs-user-name{font-weight:700}.cs-main{padding:48px 24px}.cs-illustration{width:120px;height:120px;border-radius:999px;background:linear-gradient(135deg,#eef2ff,#fff0f6);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:44px}.cs-title{font-size:22px;margin:6px 0 8px;font-weight:800}.cs-desc{color:#9ca3af;margin:0 0 20px}.cs-btn{background:linear-gradient(90deg,#7c3aed,#5b21b6);color:#fff;border:0;padding:12px 22px;border-radius:999px;font-weight:700;cursor:pointer}@media(max-width:720px){.cs-shell{padding:20px}.cs-title{font-size:18px}}.eg-root{max-width:1100px;margin:24px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 6px 18px #1018280f;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}.eg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.eg-header h2{margin:0;font-size:20px}.eg-sub{margin:6px 0 0;color:#6b7280}.eg-add{background:linear-gradient(90deg,#7c3aed,#5b21b6);color:#fff;border:0;padding:8px 16px;border-radius:999px;cursor:pointer}.eg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.eg-card{background:#fbfbfc;border-radius:12px;padding:18px;text-align:center;box-shadow:0 1px #0f172a05}.eg-avatar{width:48px;height:48px;border-radius:10px;background:#ff8a00;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 10px}.eg-name{font-weight:700}.eg-date{font-size:12px;color:#9ca3af}.eg-pager{display:flex;gap:10px;align-items:center;margin-top:18px}.eg-page{width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:#374151;box-shadow:0 1px #0f172a08;cursor:pointer}.eg-page.active{background:#ff8a00;color:#fff;box-shadow:none}@media(max-width:1100px){.eg-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.eg-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.eg-grid{grid-template-columns:repeat(2,1fr);gap:12px}.eg-header{align-items:start}}.cp-root{background:linear-gradient(180deg,#f3ecff,#f7f4ff);padding:36px;border-radius:18px;min-height:420px}.cp-shell{max-width:720px;margin:0 auto;background:#fff;border-radius:12px;padding:48px 36px;box-shadow:0 6px 18px #1018280f;text-align:center}.cp-illustration{width:120px;height:120px;border-radius:999px;background:linear-gradient(135deg,#eef2ff,#fff0f6);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:44px}.cp-title{font-size:20px;margin:6px 0 8px;font-weight:800;color:#111827}.cp-sub{color:#9ca3af;margin:0 0 22px}.cp-actions{display:flex;gap:12px;justify-content:center}.cp-btn-primary{background:linear-gradient(90deg,#7c3aed,#5b21b6);color:#fff;border:0;padding:10px 20px;border-radius:999px;font-weight:700;cursor:pointer}.cp-btn-secondary{background:#fff;border:1px solid #e6e7eb;color:#111827;padding:10px 20px;border-radius:999px;cursor:pointer}@media(max-width:640px){.cp-shell{padding:28px}.cp-title{font-size:18px}.cp-illustration{width:100px;height:100px}.cp-actions{flex-direction:column}.cp-btn-primary,.cp-btn-secondary{width:100%}}.cf-root{max-width:1200px;margin:32px auto;padding:24px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}.cf-shell{background:transparent}.cf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cf-card{background:#fff;border-radius:16px;padding:24px;border:1px solid rgba(15,23,42,.08);box-shadow:0 4px 16px #1414280f;transition:all .28s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.cf-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#60a5fa,#7c3aed,#a855f7);background-size:200% 100%;animation:gradient-shift 3s ease infinite}.cf-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #1414281f;border-color:#60a5fa33}@keyframes gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}.cf-head{background:linear-gradient(135deg,#60a5fa,#7c3aed);color:#fff;padding:8px 16px;border-radius:10px;display:inline-block;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;box-shadow:0 4px 12px #60a5fa4d;transition:all .2s ease}.cf-card:hover .cf-head{box-shadow:0 6px 16px #60a5fa66;transform:scale(1.05)}.cf-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.cf-item{color:#1f2937;font-weight:600;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#f3f4f6,#fbfcfd);transition:all .2s ease;border-left:3px solid #60a5fa;cursor:pointer;position:relative;display:flex;align-items:center;gap:8px}.cf-item:before{content:"›";font-size:20px;font-weight:300;color:#60a5fa;margin-right:4px;transition:all .2s ease}.cf-item:hover{background:linear-gradient(135deg,#e0e7ff,#f0f4ff);border-left-color:#7c3aed;padding-left:18px;box-shadow:0 4px 12px #60a5fa26;transform:translate(4px)}.cf-item:hover:before{color:#7c3aed;transform:translate(4px)}.cf-item a{color:inherit;text-decoration:none;width:100%;display:flex;align-items:center;gap:8px;transition:all .2s ease}.cf-item a:hover{color:#0b66ff}@media(max-width:900px){.cf-grid{grid-template-columns:1fr}.cf-card{padding:20px}.cf-head{padding:6px 12px;font-size:11px}}.docs-root{max-width:1100px;margin:24px auto;padding:28px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#0f172a;background:#fff}.docs-header{margin-bottom:18px}.docs-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.docs-title{margin:0;font-size:28px;font-weight:800;color:#0f172a}.docs-meta{display:flex;gap:8px;align-items:center}.docs-readtime{color:#6b7280;font-weight:600;background:#f3f4f6;padding:6px 10px;border-radius:999px;font-size:13px}.docs-lead{margin:10px 0 18px;color:#374151;font-size:15px}.docs-body{display:block;gap:20px}.docs-content{font-size:15px;line-height:1.7;color:#374151;margin-bottom:20px;padding:0}.docs-paragraph{margin:0 0 12px;color:#374151;line-height:1.75}.docs-figure{margin:10px 0 14px}.docs-image{display:block;width:100%;max-width:760px;border-radius:10px;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 24px #0f172a14}.docs-callout{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:12px;margin-bottom:18px;border-left:4px solid var(--accent,#60a5fa);background:#6366f10a}.docs-callout--info{--accent: #60a5fa;background:linear-gradient(180deg,#60a5fa0a,#6366f105)}.docs-callout--success{--accent: #10b981;background:linear-gradient(180deg,#10b9810a,#10b98105)}.docs-callout-icon{width:40px;height:40px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #1414280f;font-size:18px}.docs-callout-body{flex:1}.docs-callout-body>*:last-child{margin-bottom:0}.docs-callout-body ul{margin:0;padding-left:18px}.docs-callout-body li{margin:8px 0;position:relative;padding-left:10px}.docs-callout-body li::marker{color:var(--accent)}.docs-microlessons{display:flex;flex-direction:column;gap:16px;margin-top:12px}.docs-microlesson{border:1px solid rgba(15,23,42,.04);padding:12px;border-radius:12px;box-shadow:0 6px 18px #1414280a;display:block}.microlesson-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.microlesson-badge{background:#eef2ff;color:#3730a3;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px}.microlesson-badge{padding:6px 12px;font-size:13px;max-width:64%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.microlesson-title{font-weight:700;font-size:15px}.docs-microlesson-image img{border-radius:8px;max-width:260px;display:block;margin-top:8px}.docs-code{background:#0f172a;color:#e6e6e6;padding:18px;border-radius:12px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-size:13px;border:1px solid rgba(255,255,255,.04)}.docs-empty{color:#6b7280;padding:18px;background:#fafafa;border-radius:12px;text-align:center}@media(max-width:900px){.docs-root{padding:18px}.docs-title{font-size:22px}.docs-readtime{font-size:12px}.docs-microlesson-image img{max-width:100%}}@media(max-width:480px){.docs-title-row{flex-direction:column;align-items:flex-start}.docs-title{font-size:20px}}.codeblock{margin:12px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace}.code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.code-language{background:#ffffff08;color:#ffffffd9;padding:6px 10px;border-radius:10px;font-weight:700;font-size:12px;letter-spacing:.02em}.code-copy{background:linear-gradient(90deg,#7c3aed,#60a5fa);color:#fff;border:none;padding:6px 10px;border-radius:10px;font-weight:700;font-size:12px;cursor:pointer;box-shadow:0 8px 18px #7c3aed1f}.docs-code-wrapper{position:relative}.code-gutter{position:absolute;left:14px;top:14px;bottom:14px;width:40px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-right:8px;color:#ffffff57;font-size:12px;line-height:1.6;user-select:none;pointer-events:none}.codeblock .docs-code{margin:0;padding:18px 18px 18px 68px;border-radius:12px;overflow:auto;background:linear-gradient(180deg,#071025,#0f172a);color:#e6eef8;border:1px solid rgba(255,255,255,.04);box-shadow:0 8px 30px #02061773 inset;font-size:13px;line-height:1.6}.codeblock .docs-code code{white-space:pre;display:block}@media(max-width:900px){.code-toolbar{flex-direction:row-reverse;gap:10px}.code-gutter{display:none}.codeblock .docs-code{padding-left:18px}}:root{--bg: #f3f1ff;--panel: #ffffff;--muted: #7b7f8a;--text: #12131a;--purple: #5b35f0;--purple2: #6a4cff;--blue: #2f7bff;--line: rgba(20,20,30,.08);--card: #f3f2ff;--shadow: 0 10px 30px rgba(20, 20, 40, .1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}#root{min-height:100vh;padding:18px}.appShell{background:#eef0ff;border-radius:22px;padding:14px}.appShell{display:grid;grid-template-columns:280px 1fr;gap:14px;box-shadow:var(--shadow)}.sidebar{background:var(--panel);border-radius:18px;padding:18px 12px 20px;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 20px #1414280d}.brandCard{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#d72638,#ff4d5f);color:#fff;box-shadow:0 18px 50px #d726382e;margin-bottom:12px}.brandLink{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brandInfo{display:flex;flex-direction:column}.brandIcon{width:48px;height:48px;border-radius:50%;background:#fff;color:#d72638;display:grid;place-items:center;font-weight:900;font-size:20px;letter-spacing:.2px;flex-shrink:0;box-shadow:0 8px 20px #0000001f}.brandText{font-weight:900;font-size:20px;letter-spacing:-.2px;color:#fff;line-height:1.05}.brandSub{font-size:12px;font-weight:600;color:#ffffffeb;margin-top:2px}.brandActions{margin-left:auto;display:flex;align-items:center;gap:8px}.brandStatus{display:flex;align-items:center;gap:6px}.brandStatusDot{width:10px;height:10px;background:#10b981;border-radius:50%;box-shadow:0 6px 16px #10b9812e;flex-shrink:0}.brandActionBtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ffffff1f;color:#fff;text-decoration:none;font-size:16px;border:0}.brandActionBtn:hover{background:#ffffff2e;transform:translateY(-1px)}.navGroup{display:flex;flex-direction:column;gap:2px}.navSectionTitle{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#b0b4c2;padding:10px 12px 4px}.nav,.navExpandable{display:flex;flex-direction:column;gap:2px}.navExpandBtn{justify-content:flex-start;background:none}.navChevron{margin-left:auto;font-size:18px;line-height:1;color:#b0b4c2;transition:transform .18s ease,color .18s ease}.navChevron.open{transform:rotate(90deg);color:#111}.navSubList{margin:2px 0 4px 18px;padding-left:10px;border-left:2px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:1px}.navSubItem{text-decoration:none;color:#64748b;font-size:13px;font-weight:600;padding:7px 10px;border-radius:10px;transition:background .14s ease,color .14s ease,transform .14s ease;display:block}.navSubItem:hover{background:#0000000a;color:#111;transform:translate(2px)}.navSubItem.active{color:#111;background:#0000000f;font-weight:700}.accountGroup{margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.accountGroup .nav{background:linear-gradient(135deg,#5b35f00d,#5b35f005);border-radius:14px;padding:4px;border:1px solid rgba(91,53,240,.09);gap:1px}.accountGroup .navItem{padding:8px 11px;font-size:13.5px;color:#4b5563;border-radius:10px}.accountGroup .navItem .navIcon{font-size:14px;background:#5b35f012}.accountGroup .navItem:hover{background:#5b35f012;color:var(--purple)}.accountGroup .navItem:hover .navIcon{background:#5b35f01f}.accountGroup .navItem.active{background:linear-gradient(135deg,var(--purple) 0%,var(--purple2) 100%);color:#fff;box-shadow:0 4px 14px #5b35f04d}.accountGroup .navItem.active .navIcon{background:#ffffff2e}.navItem{width:100%;border:0;background:transparent;cursor:pointer;text-align:left;padding:9px 12px;border-radius:12px;display:flex;align-items:center;gap:10px;color:#374151;text-decoration:none;transition:background .14s ease,color .14s ease,transform .14s ease;position:relative}.navItem:hover{background:#0000000a;transform:translate(2px)}.navItem.active{background:linear-gradient(135deg,#111,#000);color:#fff;box-shadow:0 6px 18px #00000059}.navItem.active:hover{transform:none}.navIcon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:#0f172a0a;transition:background .14s ease}.navItem.active .navIcon{background:#ffffff26}.navDot{width:8px;height:8px;border-radius:3px;background:#14141e1f;flex-shrink:0}.navItem.active .navDot{background:#ffffffb3}.navLabel{font-weight:650;font-size:14px;flex:1}.navBadge{margin-left:auto;background:#ff8b2b;color:#fff;font-size:11px;padding:2px 7px;border-radius:999px;font-weight:700}.proCard{margin-top:auto;background:#0f0f13;color:#fff;border-radius:16px;padding:14px;display:flex;align-items:center;gap:12px}.proIcon{width:40px;height:40px;border-radius:12px;background:#fff;color:#0f0f13;display:grid;place-items:center;font-weight:900}.proTitle{font-weight:800}.proSub{font-size:12px;color:#ffffffb8}.content{background:var(--panel);border-radius:18px;border:1px solid var(--line);padding:16px}.topbar{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:4px 4px 14px;border-bottom:1px solid var(--line)}.searchWrap{display:flex;align-items:center;gap:10px;background:#fbfbff;border:1px solid var(--line);border-radius:999px;padding:10px 12px;min-width:420px;max-width:none;flex:1}.search{border:0;outline:0;background:transparent;width:100%;font-size:14px}.searchBtn{border:0;background:#5b35f0;color:#fff;width:34px;height:34px;border-radius:999px;cursor:pointer;box-shadow:none;font-size:18px;line-height:1}.topbarRight{display:flex;align-items:center;gap:10px}.iconBtn{width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer}.user{display:flex;align-items:center;gap:10px;padding-left:10px;border-left:1px solid var(--line)}.userHowdy{font-size:12px;color:var(--muted);text-align:right}.userName{font-size:14px;font-weight:800;text-align:right}.avatar{width:38px;height:38px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#8c7bff,#4b2be8)}.banner{margin-top:14px;background:linear-gradient(135deg,#d72638,#ff4d5f);border-radius:18px;padding:18px;color:#fff;display:grid;grid-template-columns:1fr;gap:14px;overflow:hidden;position:relative}.banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.1),transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.08),transparent 45%);pointer-events:none}.bannerLeft{position:relative;z-index:1}.bannerLeft h2{margin:0 0 6px;font-size:22px;font-weight:900}.bannerLeft p{margin:0 0 14px;color:#ffffffd1;font-size:13px}.bannerTicker{margin-top:14px;width:100%;max-width:100%;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.28);background:#fff;padding:7px 0}.bannerTickerTrack{display:flex;width:max-content;gap:28px;padding-left:18px;animation:bannerTickerMove 24s linear infinite}.bannerTickerTrack span{white-space:nowrap;text-transform:none;font-size:12px;font-weight:800;letter-spacing:.08em;color:#dc2626}@keyframes bannerTickerMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.bannerRight{position:relative;z-index:1;display:grid;place-items:center}.phoneMock{width:190px;height:160px;border-radius:26px;background:#ffffffeb;position:relative;box-shadow:0 18px 40px #00000040}.phoneNotch{width:72px;height:14px;border-radius:0 0 12px 12px;background:#232433;position:absolute;top:0;left:50%;transform:translate(-50%)}.phoneScreen{position:absolute;inset:18px 14px 14px;border-radius:18px;background:#f2f1ff;padding:10px;display:grid;gap:8px}.miniTile{height:26px;border-radius:12px;background:#5b35f02e}.miniTile.wide{height:40px}.codeBubble{position:absolute;right:12px;top:8px;width:56px;height:56px;border-radius:999px;background:#ff8b2b;display:grid;place-items:center;font-weight:900}.btn{border:0;cursor:pointer;border-radius:999px;padding:10px 14px;font-weight:800}.btnOrange{background:#5b35f0;color:#fff}.btnPurple{background:var(--purple);color:#fff;box-shadow:0 12px 26px #5b35f040}.overviewHeader{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.overviewHeader h1{margin:0;font-size:30px;font-weight:900;letter-spacing:-.5px}.overviewSubtitle{margin:4px 0 0;font-size:13px;color:var(--muted)}.muted{margin:6px 0 0;color:var(--muted)}.section{margin-top:20px}.sectionHeading{margin:0 0 16px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px}.sectionHeading:after{content:"";flex:1;height:1px;background:var(--line)}.statsRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.statCard{--stat-accent: #7c3aed;background:linear-gradient(145deg,#fff,#fafafe);border-radius:18px;padding:22px 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(15,23,42,.07);box-shadow:0 4px 16px #1414280d;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.statCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:18px 0 0 18px;background:linear-gradient(180deg,var(--stat-accent) 0%,color-mix(in srgb,var(--stat-accent) 60%,transparent) 100%)}.statCard:hover{transform:translateY(-5px);box-shadow:0 16px 32px #14142817,0 0 0 1px color-mix(in srgb,var(--stat-accent) 15%,transparent)}.statValue{font-size:32px;font-weight:900;letter-spacing:-1px;color:#0f172a;line-height:1}.statLabel{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-top:7px}.statIcon{width:54px;height:54px;border-radius:14px;background:color-mix(in srgb,var(--stat-accent) 10%,#ffffff);border:1.5px solid color-mix(in srgb,var(--stat-accent) 18%,transparent);display:grid;place-items:center;font-size:24px;flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--stat-accent) 14%,transparent)}.twoCol{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:#fff;border:1px solid rgba(15,23,42,.07);border-radius:18px;padding:20px;box-shadow:0 4px 20px #1414280f;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#0ea5e9,#10b981);border-radius:18px 18px 0 0}.cardTitle{display:flex;align-items:center;justify-content:space-between;font-weight:800;margin-bottom:16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#1e293b;padding-bottom:12px;border-bottom:1px solid var(--line)}.cardTitle .cardActions{font-size:13px;color:var(--muted)}.whatsNewCard .muted{margin:0}.whatsNewLink{font-size:12px;text-decoration:none;color:var(--purple);font-weight:700}.whatsNewLink:hover{text-decoration:underline}.changelogCard{border-radius:16px;padding:18px;border:1px solid rgba(15,23,42,.06);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 8px 24px #1118270a;position:relative;overflow:visible}.changelogCard:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;border-top-left-radius:16px;border-top-right-radius:16px;background:linear-gradient(90deg,#60a5fa,#7c3aed,#a855f7)}.changelogManage{font-size:12px;text-decoration:none;color:var(--muted);font-weight:700;padding:6px 8px}.changelogManage:hover{color:var(--purple)}.changelogList{display:grid;grid-auto-rows:min-content;gap:12px;margin-top:6px}.changelogItem{border-radius:12px;overflow:hidden;background:#fff;border:1px solid rgba(15,23,42,.04);box-shadow:0 6px 18px #11182708;transition:transform .18s ease,box-shadow .22s ease}.changelogItem.open{transform:translateY(-4px);box-shadow:0 16px 40px #11182714}.changelogHeader{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;padding:14px 16px;font-size:15px;font-weight:800;color:#0f172a;cursor:pointer}.changelogHeaderLeft{display:flex;align-items:center;gap:12px;min-width:0}.changelogTitle{font-size:15px;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sectionCount{background:#7c3aed14;color:#5b21b6;font-weight:800;padding:6px 10px;border-radius:999px;font-size:13px;flex-shrink:0}.changelogChevron{transition:transform .2s cubic-bezier(.2,.9,.2,1),color .16s ease;font-size:18px;color:#9aa4b2;line-height:1}.changelogChevron.open{transform:rotate(90deg);color:#7c3aed}.changelogEntries{margin:0;padding:14px 20px 18px;display:block;gap:10px;color:#334155;border-top:1px solid rgba(15,23,42,.04);background:linear-gradient(180deg,#f8f9fb66,#fff0)}.list{display:flex;flex-direction:column;gap:2px}.rowItem{display:flex;align-items:center;gap:13px;padding:10px;border-radius:12px;transition:background .15s ease,transform .15s ease}.rowItem--clickable{cursor:pointer}.rowItem--clickable:hover,.rowItem--upcoming:hover{background:#5b35f00d;transform:translate(3px)}.rowAvatar{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;flex:0 0 42px;box-shadow:0 4px 12px #1414281f}.rowText{display:flex;flex-direction:column;flex:1;min-width:0}.rowTitle{font-weight:700;font-size:14px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowSub{font-size:12px;color:var(--muted);margin-top:3px;font-weight:500}.rowChevron{font-size:20px;color:#cbd5e1;line-height:1;flex-shrink:0;transition:color .15s ease,transform .15s ease}.rowItem--clickable:hover .rowChevron{color:#7c3aed;transform:translate(2px)}.upcomingBadge{font-size:11px;font-weight:800;letter-spacing:.06em;padding:4px 10px;border-radius:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 6px #b453091f;border:1px solid rgba(180,83,9,.1)}@media(max-width:980px){.appShell{grid-template-columns:1fr}.searchWrap{min-width:0}.statsRow,.twoCol{grid-template-columns:1fr}.statCard:before{display:none}}.coursesHeader{margin:18px 0 10px}.wip{margin:24px 0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.wip h1{margin:0 0 8px;font-size:28px}.wip p{margin:0;color:var(--muted)}.wip p+p{margin-top:6px}.about-root{margin:24px 0}.about-card{display:grid;grid-template-columns:220px 1fr;gap:24px;background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:16px;padding:28px;box-shadow:0 8px 24px #1414280a}.about-left{display:flex;gap:12px;align-items:flex-start;flex-direction:column}.avatar{width:96px;height:96px;border-radius:16px;background:linear-gradient(135deg,#fef3f8,#eef2ff);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:28px;color:#111827;box-shadow:0 6px 18px #1414280f}.about-name{font-size:16px;font-weight:800;margin-top:6px}.about-role{color:#6b7280;font-weight:600;font-size:13px;margin-top:6px}.about-tags{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.tag{background:#f3f4f6;color:#374151;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}.about-stats{display:flex;gap:12px;margin-top:14px}.stat{background:linear-gradient(90deg,#fff,#f8fafc);padding:10px 12px;border-radius:10px;border:1px solid rgba(15,23,42,.04);text-align:center;min-width:86px}.stat-num{font-weight:800;font-size:16px;color:#111827}.stat-label{color:#6b7280;font-size:12px}.about-right{padding:2px 0}.about-title{margin:0;font-size:28px;font-weight:900}.about-lead{color:#374151;font-size:16px;margin-top:8px;margin-bottom:12px}.about-cta{margin-top:18px;display:flex;gap:12px;align-items:center}.btn{display:inline-block;text-decoration:none}.btn-primary{background:linear-gradient(90deg,#7c3aed,#5b21b6);color:#fff;padding:10px 14px;border-radius:999px;font-weight:700}.link{color:#7c3aed;text-decoration:none;font-weight:700}@media(max-width:980px){.about-card{grid-template-columns:1fr}.avatar{width:80px;height:80px;font-size:22px}.about-title{font-size:22px}}.joinTeam{margin:24px 0}.joinTeam h1{margin:0 0 8px;font-size:30px}.joinTeam>p{margin:0;color:var(--muted)}.joinTeamCard{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.joinTeamCard h2{margin:0 0 10px;font-size:20px}.joinTeamCard ul{margin:0 0 16px;padding-left:18px;color:#30344a}.joinTeamCard li+li{margin-top:8px}.settingsPage{margin:24px 0}.settingsHeader h1{margin:0;font-size:30px}.settingsHeader p{margin:8px 0 0;color:var(--muted)}.settingsLayout{margin-top:16px;display:grid;grid-template-columns:220px 1fr;gap:16px}.settingsTabs{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:8px;height:fit-content}.settingsTabBtn{border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:10px;font-weight:700;color:#40465d;cursor:pointer}.settingsTabBtn:hover{background:#5b35f00f}.settingsTabBtn.active{background:#111;color:#fff}.settingsPanel{display:flex;flex-direction:column;gap:14px}.settingsCard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.settingsCard h2{margin:0;font-size:20px}.settingsField{display:flex;flex-direction:column;gap:6px}.settingsField span{font-size:13px;font-weight:700;color:#5f6678}.settingsField input,.settingsField textarea,.settingsField select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;color:#12131a;background:#fff}.settingsField textarea{resize:vertical}.settingsSwitch{display:flex;align-items:center;gap:8px;font-weight:650;color:#30344a}.settingsActions{display:flex;justify-content:flex-end}.aiLab{margin:24px 0}.aiLabIntro{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.aiLabIntro h1{margin:0 0 8px;font-size:28px}.aiLabIntro p{margin:0;color:var(--muted);max-width:720px}.aiGrid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.aiCard{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;text-decoration:none;color:inherit;box-shadow:0 10px 24px #1414280d;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.aiCardMedia{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.aiCardIcon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-weight:900;font-size:13px;color:#fff}.aiCardMock{flex:1;min-height:76px;border-radius:16px;padding:12px;display:grid;gap:8px;background:#ffffffe0}.aiCardMock span{display:block;height:10px;border-radius:999px;background:#5b35f01f}.aiCardMock span:last-child{width:70%}.aiCard:hover{transform:translateY(-2px);box-shadow:0 14px 28px #14142814;border-color:#5b35f02e}.aiCardTitle{font-size:18px;font-weight:900;margin-bottom:8px;color:#fff}.aiCardText{color:#ffffffe6;line-height:1.5}.aiTopicPage{margin:24px 0}.aiTopicHero{border-radius:20px;padding:24px;display:grid;grid-template-columns:1.3fr .7fr;gap:20px;color:#fff}.aiTopicHeroText h1{margin:0 0 10px;font-size:34px}.aiTopicHeroText p{margin:0;max-width:640px;color:#ffffffd6}.aiTopicBadge{display:inline-block;margin-bottom:10px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.3px;background:#ffffff29}.aiTopicActions{display:flex;gap:12px;margin-top:18px}.aiTopicLink,.aiTopicGhost{height:40px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;text-decoration:none}.aiTopicLink{background:#fff;color:#12131a}.aiTopicGhost{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;cursor:pointer}.aiTopicVisual{display:grid;place-items:center;gap:14px}.aiTopicVisualBadge{min-width:88px;height:88px;border-radius:24px;display:grid;place-items:center;background:#ffffff2e;color:#fff;font-size:22px;font-weight:900}.aiTopicVisualCard{width:100%;max-width:220px;border-radius:22px;background:#ffffffeb;padding:18px;display:grid;gap:12px}.aiTopicVisualCard span{display:block;height:14px;border-radius:999px;background:#5b35f02e}.aiTopicVisualCard span:last-child{height:52px;border-radius:18px}.aiTopicPanels{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.aiTopicPanel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.aiTopicPanel h2{margin:0 0 10px;font-size:18px}.aiTopicPanel p{margin:0;color:var(--muted);line-height:1.6}.aiTopicList{margin:0;padding-left:18px;color:var(--muted)}.aiTopicList li+li{margin-top:8px}.aiAccent-nlp{background:linear-gradient(135deg,#2563eb,#06b6d4)}.aiAccent-deep{background:linear-gradient(135deg,#7c3aed,#ec4899)}.aiAccent-ml{background:linear-gradient(135deg,#059669,#22c55e)}.aiAccent-llm{background:linear-gradient(135deg,#7c3aed,#3b82f6)}.aiAccent-agentic{background:linear-gradient(135deg,#f97316,#ef4444)}.aiAccent-mcp{background:linear-gradient(135deg,#111827,#4b5563)}.aiAccent-spec{background:linear-gradient(135deg,#0f766e,#14b8a6)}.aiAccent-nlp .aiCardIcon,.aiAccent-deep .aiCardIcon,.aiAccent-ml .aiCardIcon,.aiAccent-llm .aiCardIcon,.aiAccent-agentic .aiCardIcon,.aiAccent-mcp .aiCardIcon,.aiAccent-spec .aiCardIcon{background:#ffffff2e}.coursesGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.courseCard{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #1414280d,0 8px 24px #1414280d}.courseCard:hover{transform:translateY(-6px) scale(1.01);border-color:color-mix(in srgb,var(--difficulty-color, #7c3aed) 30%,transparent);box-shadow:0 8px 24px #14142814,0 20px 48px color-mix(in srgb,var(--difficulty-color, #7c3aed) 14%,transparent)}.courseCard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--difficulty-color, #7c3aed) 60%,#60a5fa) 0%,var(--difficulty-color, #7c3aed) 50%,color-mix(in srgb,var(--difficulty-color, #7c3aed) 60%,#a855f7) 100%);border-radius:20px 20px 0 0}.courseCard:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 110% -10%,color-mix(in srgb,var(--difficulty-color, #7c3aed) 6%,transparent) 0%,transparent 65%);pointer-events:none}.courseCardHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.courseCardIcon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--difficulty-color, #7c3aed) 10%,#f8f9ff),color-mix(in srgb,var(--difficulty-color, #7c3aed) 5%,#fdf4ff));border:1px solid color-mix(in srgb,var(--difficulty-color, #7c3aed) 18%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--difficulty-color, #7c3aed) 16%,transparent);flex-shrink:0}.courseCardDifficulty{display:flex;align-items:center;gap:6px;padding:5px 12px 5px 8px;border-radius:999px;font-size:11.5px;font-weight:700;color:#fff;white-space:nowrap;letter-spacing:.4px;box-shadow:0 2px 8px color-mix(in srgb,var(--difficulty-color, #7c3aed) 40%,transparent)}.difficultyDot{width:7px;height:7px;border-radius:50%;background:#ffffffbf;flex-shrink:0;animation:pulseDot 2.4s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.courseCardMeta{display:flex;gap:10px}.courseCardHeaderRight{display:flex;align-items:center;gap:8px}.courseCardStatus{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap;box-shadow:0 2px 10px color-mix(in srgb,var(--status-color, #10b981) 36%,transparent)}.statusDot{width:7px;height:7px;border-radius:50%;background:#ffffffe6;flex-shrink:0}.courseMetaStat{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:#f8f9fb;border:1px solid rgba(15,23,42,.06);border-radius:12px;padding:9px 10px;overflow:hidden}.statIcon{font-size:17px;flex-shrink:0;line-height:1}.statContent{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.statValue{font-size:15px;font-weight:800;color:#0f172a;line-height:1}.statLabel{font-size:9px;font-weight:700;color:#9ca3af;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courseCardFooter{display:flex;align-items:center;gap:10px;margin-top:2px}.courseCardProgressTrack{flex:1;height:6px;border-radius:999px;background:#0f172a12;overflow:hidden}.courseProgressBar{height:100%;border-radius:999px;transition:width .7s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px color-mix(in srgb,var(--difficulty-color, #7c3aed) 50%,transparent)}.courseProgressLabel{font-size:11px;font-weight:700;min-width:32px;text-align:right;flex-shrink:0}.courseThumb{width:120px;height:80px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#f6f4ff,#fff);display:grid;place-items:center}.thumbMock{width:90%;height:64px;border-radius:8px;background:linear-gradient(90deg,#fff,#f0e9ff);box-shadow:0 6px 18px #1414280f}.courseInfo{flex:1;display:flex;flex-direction:column;gap:4px}.courseTitle{font-weight:800;margin:0;font-size:16px;color:#0f172a;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.courseCard .courseTitle a{color:#0f172a;text-decoration:none;transition:color .2s ease}.courseCard:hover .courseTitle a{color:#7c3aed}.courseSubtitle{color:#6b7280;font-size:13px;margin:0;font-weight:500}.courseMeta{font-size:13px;color:#666}.courseLanding{padding:20px}.courseHero{margin-bottom:32px}.courseHeroCard{background:#fff;border-radius:20px;border:1px solid rgba(15,23,42,.08);overflow:hidden;box-shadow:0 8px 24px #14142814;position:relative}.courseHeroGradient{position:absolute;inset:0;pointer-events:none;z-index:0}.courseHeroContent{position:relative;z-index:1;padding:40px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.courseHeroLeft{display:flex;align-items:center;gap:20px}.courseIconBadge{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid rgba(15,23,42,.1);flex-shrink:0;box-shadow:0 4px 12px #1414281a}.courseTitle{font-size:32px;font-weight:900;color:#0f172a;margin:0 0 6px;line-height:1.2}.courseSubtitle{color:#6b7280;font-size:15px;margin:0;font-weight:500}.courseDifficultyBadge{color:#fff;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.courseHeroStats{display:flex;gap:24px}.courseStat{text-align:center;padding:16px 20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:1px solid rgba(15,23,42,.06);min-width:100px}.courseStatNumber{font-size:24px;font-weight:900;color:#0f172a;margin-bottom:4px;display:block}.courseStatLabel{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.courseHeroObjectives{position:relative;z-index:1;padding:0 40px 40px;border-top:1px solid rgba(15,23,42,.08);margin-top:24px}@media(max-width:980px){.settingsLayout,.aiGrid,.aiTopicHero,.aiTopicPanels,.coursesGrid{grid-template-columns:1fr}.courseHeroContent{grid-template-columns:1fr;gap:24px;padding:32px 24px}.courseHeroStats{width:100%}.courseTitle{font-size:24px}.courseHeroObjectives{padding:0 24px 32px}}@media(max-width:640px){.courseLanding{padding:12px}.courseHeroCard{border-radius:16px}.courseHeroContent{grid-template-columns:1fr;padding:24px 16px;gap:16px}.courseHeroLeft{gap:12px}.courseIconBadge{width:64px;height:64px;font-size:36px}.courseTitle{font-size:20px}.courseHeroStats{flex-wrap:wrap;gap:12px}.courseStat{flex:1;min-width:calc(50% - 6px)}.courseHeroObjectives{padding:0 16px 24px}}.pagination{margin-top:18px;display:flex;gap:8px}.page{width:36px;height:36px;border-radius:999px;border:0;background:#fff;box-shadow:0 6px 16px #1414280f;cursor:pointer}.page.active{background:var(--orange);color:#fff}@media(max-width:980px){.settingsLayout,.aiGrid,.aiTopicHero,.aiTopicPanels,.coursesGrid{grid-template-columns:1fr}}