*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#05060b;--bg-2:#0a0c16;--bg-card:#121524b8;--bg-card-solid:#121524;--bg-card-alt:#1c2034d9;--bg-card-hover:#161a2ce6;--bg-input:#1a1e31;--bg-elevated:#141726cc;--border:#94a3b829;--border-strong:#94a3b847;--border-focus:#0ea5e980;--text:#eef0ff;--text-secondary:#c8cde0;--text-dim:#a6adc9;--text-muted:#5d637e;--accent:#0ea5e9;--accent-rgb:14, 165, 233;--accent-2:#22d3ee;--accent-glow:#0ea5e959;--accent-soft:#0ea5e924;--accent-hover:#38bdf8;--grad:linear-gradient(135deg, #0ea5e9 0%, #0284c7 45%, #22d3ee 100%);--grad-soft:linear-gradient(135deg, #0ea5e929, #22d3ee1a);--success:#34d399;--green:#34d399;--success-bg:#34d3991f;--error:#f87171;--error-bg:#f871711f;--warning:#fbbf24;--warning-bg:#fbbf241f;--pink:#f472b6;--teal:#2dd4bf;--card:#121524b8;--glow-accent:0 0 32px #0ea5e959;--radius:16px;--radius-sm:10px;--radius-lg:22px;--container:1200px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Orbitron", "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--font-cyber:"Orbitron", "Space Grotesk", sans-serif;--transition:.25s cubic-bezier(.22, 1, .36, 1);--shadow-sm:0 2px 8px #00000059;--shadow-md:0 10px 34px #00000073;--shadow-lg:0 24px 70px #0000008c;--cyber-blue:#0d47a1;--cyber-cyan:#0ff;--cyber-pink:#f0f;--cyber-bg:#05060b;--cyber-red:#ff003c;--neon-glow-blue:0 0 10px #00d4ff, 0 0 40px #00d4ff4d;--neon-glow-cyan:0 0 10px #0ff, 0 0 40px #00ffff4d;--neon-glow-pink:0 0 10px #f0f, 0 0 40px #ff00ff4d}[data-theme=light]{--bg:#f8fafc;--bg-2:#f1f5f9;--bg-card:#ffffffdb;--bg-card-solid:#fff;--bg-card-alt:#f1f5f9e6;--bg-card-hover:#fffffffa;--bg-input:#fff;--bg-elevated:#fffffff5;--border:#94a3b852;--border-strong:#64748b73;--border-focus:#0ea5e9a6;--text:#0f172a;--text-secondary:#334155;--text-dim:#475569;--text-muted:#64748b;--accent:#0ea5e9;--accent-rgb:14, 165, 233;--accent-2:#0284c7;--accent-glow:#0ea5e92e;--accent-soft:#0ea5e917;--accent-hover:#0284c7;--grad:linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);--grad-soft:linear-gradient(135deg, #0ea5e91a, #0284c70d);--success:#059669;--green:#059669;--success-bg:#0596691a;--error:#dc2626;--error-bg:#dc262614;--warning:#d97706;--warning-bg:#d977061a;--pink:#db2777;--teal:#0d9488;--card:#ffffffdb;--glow-accent:0 4px 20px #0ea5e929;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 8px 24px -4px #0f172a14, 0 2px 6px -1px #0f172a0a;--shadow-lg:0 20px 40px -10px #0f172a1f, 0 8px 16px -4px #0f172a0f;--cyber-blue:#0284c7;--cyber-cyan:#0891b2;--cyber-pink:#d946ef;--cyber-bg:#f8fafc;--cyber-red:#dc2626;--neon-glow-blue:0 2px 10px #0284c738;--neon-glow-cyan:0 2px 10px #0891b238;--neon-glow-pink:0 2px 10px #d946ef38}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;transition:background .4s,color .4s;overflow-x:hidden}html{overflow-x:hidden}@media (width>=1024px){html{zoom:.9}}button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0}::selection{background:var(--accent);color:#fff}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent), var(--accent-2));border:2px solid var(--bg-2);border-radius:20px}::-webkit-scrollbar-thumb:hover{filter:brightness(1.15)}.app{flex-direction:column;min-height:100vh;display:flex;position:relative}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bg-layer{z-index:0;background:radial-gradient(1100px 700px at 80% -10%, var(--accent-soft), transparent 60%), radial-gradient(900px 600px at -10% 30%, #22d3ee1a, transparent 55%), radial-gradient(800px 800px at 50% 120%, #f472b612, transparent 60%), var(--bg);pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-orb{opacity:.35;border-radius:50%;position:absolute}.bg-orb-1{background:radial-gradient(circle, rgba(var(--accent-rgb), .25), transparent 70%);width:420px;height:420px;top:-140px;right:-100px}.bg-orb-2{background:radial-gradient(circle,#22d3ee33,#0000 70%);width:380px;height:380px;top:40%;left:-150px}.bg-orb-3{background:radial-gradient(circle,#f472b62e,#0000 70%);width:340px;height:340px;bottom:-100px;right:12%}.bg-grid{background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 0,#000 20%,#0000 75%)}.app-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);width:44px;height:44px;box-shadow:0 0 24px var(--accent-glow);border-radius:50%;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.68rem 1.35rem;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--grad);color:#fff}.btn-primary:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:hover:not(:disabled):after{transform:translate(120%)}.btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.btn-success{color:#04211a;background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 6px 18px #10b9814d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 10px 28px #10b98166}.btn-ghost{color:var(--text-dim);background:0 0;padding:.4rem .6rem}.btn-ghost:hover{color:var(--text)}.btn-back{border:1px solid var(--border);border-radius:999px;margin-bottom:1rem;padding:.5rem .9rem;font-size:.8rem}.btn-back:hover{border-color:var(--accent);transform:translate(-3px)}.back-link{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:.45rem;padding:.35rem .65rem;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.back-link:hover{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-glow);transform:translate(-2px)}.back-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cv-back-row{margin-bottom:1rem;display:flex}.btn-danger{color:#fff;background:#dc2626}.btn-danger:hover:not(:disabled){background:#ef4444}.btn-danger:active:not(:disabled){transform:scale(.98)}.btn-sm{border-radius:8px;padding:.35rem .75rem;font-size:.78rem}.container{max-width:var(--container);z-index:1;flex:1;width:100%;margin:0 auto;padding:1.5rem 1rem;position:relative}.container-narrow{max-width:900px}.container-wide{max-width:1200px}[data-reveal]{opacity:0;transition:opacity .75s,transform .75s cubic-bezier(.22,1,.36,1);transform:translateY(30px)}[data-reveal].in{opacity:1;transform:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .3s, transform .3s var(--transition);padding:1.5rem;position:relative}.card:hover{border-color:var(--border-strong)}.navbar{z-index:100;-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);border-bottom:1px solid var(--border);background:#0709128c;transition:border-color .3s;position:sticky;top:0}@keyframes navAurora{0%{background-position:0%}to{background-position:200%}}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:62px;margin:0 auto;padding:0 1rem;display:flex}.navbar-left{align-items:center;gap:1.5rem;display:flex}.navbar-logo{color:var(--text);letter-spacing:.04em;cursor:pointer;transition:opacity var(--transition);background:0 0;border:none;align-items:center;gap:.6rem;padding:0;font-size:1.15rem;font-weight:700;display:inline-flex;font-family:var(--font-cyber)!important}.brand-name{letter-spacing:.02em;font-family:Geist,sans-serif;font-weight:700}.navbar-logo-mark{color:#fff;width:30px;height:30px;font-size:.82rem;font-weight:800;font-family:var(--font-mono);box-shadow:0 0 14px rgba(var(--accent-rgb), .45), 0 0 30px #00d4ff2e, inset 0 1px 0 #ffffff59;transition:transform var(--transition), box-shadow var(--transition);border-radius:9px;justify-content:center;align-items:center;display:inline-flex;background:var(--grad)!important}.navbar-links{align-items:center;gap:.2rem;display:flex}.navbar-link{color:var(--text-dim);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-radius:999px;padding:.45rem .9rem;font-family:inherit;font-size:.86rem;font-weight:500;transition:color .2s,background .2s;position:relative}.navbar-right{align-items:center;gap:.7rem;display:flex}.navbar-signout{padding:.3rem .7rem;font-size:.78rem}.navbar-signin{box-shadow:0 0 10px rgba(var(--accent-rgb), .45), 0 0 22px rgba(var(--accent-rgb), .2);align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.82rem;display:inline-flex}.navbar-signin:hover{box-shadow:0 0 14px rgba(var(--accent-rgb), .7), 0 0 32px var(--accent-glow)}.navbar-signin-icon{opacity:.9;flex-shrink:0}.navbar-signin-mobile-icon{background:rgba(var(--accent-rgb), .15);border:1px solid var(--accent-glow);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:none}.navbar-signin-mobile-icon:hover{background:rgba(var(--accent-rgb), .25);border-color:var(--accent)}.navbar-cta{letter-spacing:.04em;box-shadow:0 2px 14px var(--accent-glow);transition:transform var(--transition), box-shadow var(--transition), filter var(--transition);padding:.45rem 1.1rem;font-size:.82rem;font-weight:600;background:linear-gradient(90deg, var(--accent), #06b6d4)!important;color:#fff!important;border:none!important}.navbar-user{position:relative}.navbar-avatar{background:var(--grad);color:#fff;width:34px;height:34px;font-size:.82rem;font-weight:700;font-family:var(--font-display);text-transform:uppercase;cursor:pointer;box-shadow:0 0 10px var(--accent-glow), inset 0 1px 0 #ffffff40;transition:transform var(--transition), box-shadow var(--transition);border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.navbar-avatar:hover{box-shadow:0 0 16px rgba(var(--accent-rgb), .55), 0 0 30px #00d4ff38;transform:translateY(-1px)scale(1.05)}.navbar-avatar.active{box-shadow:0 0 0 2px var(--cyber-blue), 0 0 18px #00d4ff8c!important}.navbar-avatar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.navbar-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.navbar-avatar-fallback{justify-content:center;align-items:center;display:flex}.navbar-user-menu{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--border-strong);opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;min-width:236px;max-width:calc(100vw - 2rem);box-shadow:0 24px 60px #00000080, 0 0 30px rgba(var(--accent-rgb), .06);z-index:200;will-change:transform, opacity;background:#0c0e1ceb;border-radius:14px;padding:.5rem;transition:opacity .22s,visibility .22s,transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:calc(100% + 10px);right:0;transform:translateY(10px)scale(.96)}.navbar-user-menu:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .8), transparent);opacity:.55;pointer-events:none;height:1px;position:absolute;top:0;left:14px;right:14px}.navbar-user-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.navbar-user-menu.open>*,.navbar-dropdown-menu.open .navbar-dropdown-panel>*{animation:.34s cubic-bezier(.22,1,.36,1) backwards navItemIn}.navbar-dropdown-menu.open .navbar-dropdown-panel>:first-child{animation-delay:20ms}.navbar-dropdown-menu.open .navbar-dropdown-panel>:nth-child(2){animation-delay:70ms}.navbar-dropdown-menu.open .navbar-dropdown-panel>:nth-child(3){animation-delay:.12s}.navbar-dropdown-menu.open .navbar-dropdown-panel>:nth-child(4){animation-delay:.16s}.navbar-user-menu.open>:first-child{animation-delay:20ms}.navbar-user-menu.open>:nth-child(2){animation-delay:60ms}.navbar-user-menu.open>:nth-child(3){animation-delay:.1s}.navbar-user-menu.open>:nth-child(4){animation-delay:.14s}.navbar-user-menu.open>:nth-child(5){animation-delay:.18s}.navbar-user-menu.open>:nth-child(6){animation-delay:.22s}.navbar-user-menu.open>:nth-child(7){animation-delay:.25s}@keyframes navItemIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.navbar-user-head{border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;border-top:none;border-left:none;border-right:none;border-radius:8px;align-items:center;gap:.6rem;width:100%;margin-bottom:.3rem;padding:.5rem .6rem .6rem;transition:background .18s;display:flex}.navbar-user-head:hover{background:rgba(var(--accent-rgb), .1)}.navbar-user-avatar{background:var(--grad);color:#fff;width:34px;height:34px;font-size:.82rem;font-weight:700;font-family:var(--font-display);text-transform:uppercase;box-shadow:0 0 12px var(--accent-glow), inset 0 1px 0 #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.navbar-user-id{flex-direction:column;min-width:0;display:flex}.navbar-user-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:600;overflow:hidden}.navbar-user-status{color:var(--text-muted);font-size:.68rem}.navbar-user-item{text-align:left;width:100%;color:var(--text-dim);transition:background .18s, color .18s, transform .2s var(--transition);border-radius:9px;align-items:center;gap:.6rem;padding:.5rem .65rem;font-size:.82rem;display:flex}.navbar-user-item:hover,.navbar-user-item:focus-visible{background:rgba(var(--accent-rgb), .1);color:var(--text);outline:none;transform:translate(2px)}.navbar-user-item-text{flex:1;min-width:0}.navbar-user-item-icon{text-align:center;flex-shrink:0;width:1.1rem;font-size:.9rem}.navbar-user-item-arrow{color:var(--text-muted);opacity:0;transition:opacity .2s ease, transform .2s var(--transition), color .2s;flex-shrink:0;transform:translate(-4px)}.navbar-user-item:hover .navbar-user-item-arrow,.navbar-user-item:focus-visible .navbar-user-item-arrow{opacity:1;color:var(--accent);transform:translate(0)}.navbar-user-divider{background:var(--border);height:1px;margin:.3rem 0}.navbar-user-signout{color:var(--text-muted)}.navbar-user-signout:hover,.navbar-user-signout:focus-visible{color:var(--error);background:var(--error-bg);transform:none}.navbar-user-signout:hover .navbar-user-item-arrow,.navbar-user-signout:focus-visible .navbar-user-item-arrow{color:var(--error)}.navbar-cta-mobile{justify-content:center;width:100%}.navbar-link-mobile{display:flex}.navbar-dropdown{position:relative}.navbar-dropdown-trigger{align-items:center;gap:.25rem;display:inline-flex}.navbar-chevron{opacity:.6;width:12px;height:12px;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s}.navbar-dropdown.active-parent .navbar-chevron,.navbar-dropdown:hover .navbar-chevron{opacity:1}.navbar-dropdown-trigger[aria-expanded=true] .navbar-chevron{transform:rotate(180deg)}.navbar-dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;z-index:200;will-change:transform, opacity;min-width:300px;padding-top:10px;transition:opacity .22s,visibility .22s,transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px)scale(.96)}.navbar-dropdown-panel{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--border-strong);box-shadow:0 24px 60px #00000080, 0 0 30px rgba(var(--accent-rgb), .06);background:#0c0e1ceb;border-radius:14px;padding:.5rem}.navbar-dropdown-panel:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .8), transparent);opacity:.55;pointer-events:none;height:1px;position:absolute;top:0;left:14px;right:14px}.navbar-dropdown-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.navbar-dropdown-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:.4rem .65rem;font-size:.66rem;font-weight:600}.navbar-dropdown-item{text-align:left;width:100%;transition:background .18s ease, transform .2s var(--transition);border-radius:10px;align-items:center;gap:.7rem;margin:2px 0;padding:.55rem .65rem;display:flex}.navbar-dropdown-item:hover,.navbar-dropdown-item:focus-visible{background:rgba(var(--accent-rgb), .1);outline:none;transform:translate(3px)}.navbar-dropdown-icon{background:var(--grad-soft);border:1px solid var(--border);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.navbar-dropdown-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.navbar-dropdown-label{color:var(--text);font-size:.84rem;font-weight:600;line-height:1.3}.navbar-dropdown-sub{color:var(--text-muted);font-size:.72rem;line-height:1.3}.navbar-dropdown-arrow{color:var(--text-muted);opacity:0;transition:opacity .2s ease, transform .2s var(--transition), color .2s;flex-shrink:0;transform:translate(-4px)}.navbar-dropdown-item:hover .navbar-dropdown-arrow,.navbar-dropdown-item:focus-visible .navbar-dropdown-arrow,.navbar-dropdown-footer-btn:hover .navbar-dropdown-arrow,.navbar-dropdown-footer-btn:focus-visible .navbar-dropdown-arrow{opacity:1;color:var(--accent);transform:translate(0)}.navbar-dropdown-footer{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.4rem}.navbar-dropdown-footer-btn{text-align:left;width:100%;color:var(--text);transition:background .18s ease, transform .2s var(--transition);border-radius:10px;align-items:center;gap:.7rem;padding:.5rem .65rem;font-family:inherit;display:flex}.navbar-dropdown-footer-btn:hover,.navbar-dropdown-footer-btn:focus-visible{background:var(--grad-soft);outline:none;transform:translate(2px)}.navbar-dropdown-footer-icon{background:rgba(var(--accent-rgb), .12);width:30px;height:30px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.navbar-mobile-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.4rem;line-height:1;display:none}.desktop-only{display:inherit}.mobile-only{display:none!important}.navbar-mobile-actions{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:.4rem;padding-top:.6rem;display:flex}.navbar-signin-mobile{justify-content:center;width:100%}.navbar-signout-mobile{color:var(--error);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.82rem;display:flex}.navbar-signout-mobile:hover{background:var(--error-bg)}.auth-bar{background:var(--bg-card-solid);border-bottom:1px solid var(--border);z-index:50;padding:1rem 0;position:relative}.auth-bar .auth-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;margin-bottom:0;padding:0}.auth-close{color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:.25rem .8rem;font-size:.78rem;position:absolute;top:.5rem;right:1rem}.auth-page{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.auth-bg{z-index:0;pointer-events:none;background:radial-gradient(ellipse 50% 40% at 18% 18%, rgba(var(--accent-rgb), .16) 0%, transparent 60%), radial-gradient(ellipse 45% 45% at 82% 65%, #22d3ee1a 0%, transparent 55%), radial-gradient(ellipse 60% 50% at 50% 105%, #0ea5e91f 0%, transparent 60%);position:fixed;inset:0}.auth-bg:after{content:"";background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(75% 70% at 50% 40%,#000 30%,#0000 100%)}.auth-page-top{z-index:2;max-width:var(--container);justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:1.4rem 1rem;display:flex;position:relative}.auth-page-back{color:var(--text-dim);border:1px solid var(--border);transition:color var(--transition), border-color var(--transition), transform var(--transition);border-radius:999px;padding:.5rem 1.05rem;font-size:.85rem;font-weight:500}.auth-page-back:hover{color:var(--accent);border-color:var(--accent);transform:translate(-3px)}.auth-split{z-index:1;max-width:calc(var(--container) - 80px);flex:1;grid-template-columns:minmax(0,1fr) minmax(380px,460px);align-items:start;gap:clamp(2.5rem,6vw,5.5rem);width:100%;margin:0 auto;padding:2rem 1rem 3.5rem;display:grid;position:relative}.auth-side{flex-direction:column;gap:1.25rem;animation:.65s cubic-bezier(.22,1,.36,1) 50ms both authEnter;display:flex}.auth-side-badge{letter-spacing:.04em;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:999px;align-self:flex-start;align-items:center;gap:.5rem;padding:.38rem .95rem;font-size:.74rem;font-weight:600;display:inline-flex}.auth-badge-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.auth-side-badge.is-online{border-color:#34d39959}.auth-side-badge.is-online .auth-badge-dot{background:var(--success);color:var(--success);box-shadow:0 0 6px var(--success), 0 0 14px #34d399a6;animation:2s ease-in-out infinite auth-neon-pulse}.auth-side-badge.is-offline{border-color:#f871714d}.auth-side-badge.is-offline .auth-badge-dot{background:var(--error);color:var(--error);box-shadow:0 0 6px var(--error), 0 0 14px #f8717199;animation:2s ease-in-out infinite auth-neon-pulse}@keyframes auth-neon-pulse{0%,to{box-shadow:0 0 3px,0 0 7px}50%{box-shadow:0 0 7px,0 0 18px}}.auth-side-title{letter-spacing:-.03em;font-size:clamp(2.3rem,4.2vw,3.5rem);font-weight:800;line-height:1.08}.auth-side-grad{background:var(--grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.auth-side-text{color:var(--text-dim);max-width:46ch;font-size:1.02rem;line-height:1.65}.auth-side-list{gap:.95rem;margin-top:.5rem;list-style:none;display:grid}.auth-side-list li{gap:.15rem;padding-left:2rem;display:grid;position:relative}.auth-side-list li:before{content:"";background:var(--accent-soft);width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--accent-glow);border-radius:50%;position:absolute;top:.28rem;left:0}.auth-side-list li:after{content:"";border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);width:7px;height:4px;position:absolute;top:9px;left:5px;transform:rotate(-45deg)}.auth-side-list strong{color:var(--text);font-size:.94rem;font-weight:600}.auth-side-list span{color:var(--text-dim);font-size:.84rem}.auth-main{flex-direction:column;gap:1rem;width:100%;animation:.65s cubic-bezier(.22,1,.36,1) .15s both authEnter;display:flex}.auth-page-foot{text-align:center;color:var(--text-muted);font-size:.78rem}@keyframes authEnter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.auth-card{background:linear-gradient(180deg, var(--bg-card-alt), var(--bg-card));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:0;padding:2.25rem 2.25rem 2rem;position:relative;overflow:hidden}.auth-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffff1a,#0000 38%);position:absolute;inset:0}.auth-card:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--accent-glow), transparent);height:1px;position:absolute;top:0;left:10%;right:10%}.auth-card>*{position:relative}.auth-card h2{letter-spacing:-.02em;margin-bottom:.2rem;font-size:1.5rem}.auth-help{color:var(--text-dim);margin:.3rem 0 1.25rem;font-size:.87rem;line-height:1.55}.auth-form{gap:.75rem;margin-bottom:.9rem;display:grid}.auth-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-top:.15rem;font-size:.72rem;font-weight:700}.auth-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:.78rem .95rem;font-size:.92rem;transition:border-color .2s,box-shadow .2s,background .2s}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{border-color:var(--accent);background:var(--bg-card-solid);box-shadow:0 0 0 3px var(--accent-glow)}.auth-input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset;caret-color:var(--text);transition:background-color 99999s ease-in-out}.auth-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset;caret-color:var(--text);transition:background-color 99999s ease-in-out}.auth-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset;caret-color:var(--text);transition:background-color 99999s ease-in-out}.auth-form .btn-primary{width:100%;margin-top:.35rem;padding:.8rem 1.35rem;font-size:.92rem}.auth-password-wrap{position:relative}.auth-password-wrap .auth-input{padding-right:4rem}.auth-peek{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-radius:7px;padding:.35rem .5rem;font-size:.68rem;font-weight:700;transition:color .2s;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.auth-peek:hover{color:var(--accent)}.btn-google{background:var(--bg-card-solid);width:100%;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);justify-content:center;align-items:center;gap:.6rem;margin-bottom:.25rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-google:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 22px #00000040}.auth-tabs{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;gap:4px;margin-bottom:1.1rem;padding:4px;display:flex}.auth-tab{text-align:center;color:var(--text-dim);transition:color var(--transition), background var(--transition);border-radius:9px;flex:1;padding:.58rem .75rem;font-size:.86rem;font-weight:600}.auth-tab:hover{color:var(--text)}.auth-tab.active{color:#fff;background:var(--grad);box-shadow:0 4px 14px var(--accent-glow)}.auth-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.75rem;margin:.85rem 0;font-size:.76rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-link-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-top:.15rem;display:flex}.auth-link{color:var(--accent);font-size:.83rem;font-weight:500;transition:color .2s}.auth-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-actions{flex-wrap:wrap;gap:.75rem;display:flex}.auth-status{color:var(--text-dim);margin-top:.8rem;font-size:.85rem}.auth-status.error{color:var(--error)}.auth-status.success{color:var(--success)}.auth-status:empty{display:none}.auth-card .auth-status{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);margin-top:1.1rem;padding:.65rem .95rem;line-height:1.5}.auth-card .auth-status.info{color:var(--text-dim)}.auth-card .auth-status.error{color:var(--error);background:var(--error-bg);border-color:#f871714d}.auth-card .auth-status.success{color:var(--success);background:var(--success-bg);border-color:#34d3994d}.auth-verify-note{color:var(--text-dim);background:var(--accent-soft);border:1px solid var(--accent-glow);border-radius:12px;padding:.85rem 1rem;font-size:.86rem;line-height:1.55}.auth-code-input{font-family:var(--font-mono);letter-spacing:.5em;text-indent:.5em;text-align:center;font-size:1.3rem}.auth-resend-timer{color:var(--text-muted);font-size:.82rem;font-style:italic}.auth-error-help{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.6rem;margin-top:.85rem;padding:.85rem 1rem;display:flex}.auth-error-help-text{color:var(--text-dim);margin:0;font-size:.82rem;line-height:1.4}.auth-error-help-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.auth-error-help-actions .btn-sm{border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.8rem}@media (width<=960px){.auth-split{grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;padding-top:.5rem}.auth-side{display:none}.auth-main{max-width:480px}}@media (width<=520px){.auth-card{padding:1.6rem 1.25rem 1.4rem}.auth-page-top{padding:1.1rem 1rem}}.landing{z-index:1;position:relative}.landing-hero{align-items:center;min-height:85vh;padding:3rem 1rem;display:flex;position:relative;overflow:hidden}.landing-hero .hero-bg{background:radial-gradient(ellipse 55% 45% at 25% 25%, #0d47a12e 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 75% 55%, #00d4ff14 0%, transparent 50%), radial-gradient(ellipse 50% 50% at 50% 85%, rgba(var(--accent-rgb), .1) 0%, transparent 60%);pointer-events:none;animation:30s ease-in-out infinite alternate heroBgDrift;position:absolute;inset:0}@keyframes heroBgDrift{0%{background-position:0 0,100%,50% 100%}to{background-position:10% 10%,90% 40%,40% 90%}}.hero-enter{opacity:0;animation:heroEnter .65s cubic-bezier(.22, 1, .36, 1) var(--d,0s) forwards;transform:translateY(16px)}@keyframes heroEnter{to{opacity:1;transform:translateY(0)}}@keyframes heroEnterRight{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-grid{max-width:var(--container);z-index:2;align-items:center;gap:3.5rem;width:100%;margin:0 auto;display:flex;position:relative}.hero-left{text-align:left;flex:1;min-width:0}.hero-right{min-width:0;animation:heroEnterRight .7s cubic-bezier(.22, 1, .36, 1) var(--d,.35s) both;flex:1;position:relative}.hero-badge{background:linear-gradient(135deg, var(--accent-soft), #22d3ee17);border:1px solid var(--accent-glow);font-family:var(--font-mono);letter-spacing:.1em;box-shadow:0 0 12px rgba(var(--accent-rgb), .15), 0 0 24px #00d4ff14;background-clip:padding-box;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.7rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.hero-badge-text{background:linear-gradient(135deg, var(--accent-hover) 0%, #22d3ee 50%, var(--accent-hover) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(var(--accent-rgb), .4)) drop-shadow(0 0 12px #00d4ff33);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite badgeTextShift}@keyframes badgeTextShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes badgeShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-badge-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.8s ease-in-out infinite dotNeonPulse;box-shadow:0 0 4px #34d399,0 0 10px #34d399,0 0 20px #34d39980,0 0 32px #34d39940}@keyframes dotNeonPulse{0%,to{transform:scale(1);box-shadow:0 0 4px #34d399,0 0 10px #34d399,0 0 20px #34d39980,0 0 32px #34d39940}50%{transform:scale(1.5);box-shadow:0 0 6px #34d399,0 0 14px #34d399,0 0 28px #34d39999,0 0 44px #34d3994d}}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin-bottom:1.6rem;font-size:clamp(2.3rem,5.4vw,4.3rem);font-weight:700;line-height:1.05}.hero-title-accent{background:linear-gradient(135deg, #60a5fa 0%, #00d4ff 40%, var(--accent-hover) 80%, #60a5fa 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite gradientText}.hero-title-negative{color:var(--text-dim);white-space:nowrap;display:block}.hero-title-block{display:block}@keyframes gradientText{0%,to{background-position:0%}50%{background-position:100%}}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:.85rem;margin-bottom:2rem;display:flex}.hero-cta-primary{transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;border-color:#00d4ff4d!important}.hero-cta-primary:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.hero-cta-primary:hover:after{transform:translate(120%)}.hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #00d4ff33,0 4px 20px #0000004d;border-color:#00d4ff80!important}.hero-cta-secondary{transition:transform .25s,border-color .25s,box-shadow .25s;border-color:var(--border-strong)!important}.hero-cta-secondary:hover{transform:translateY(-1px);box-shadow:0 0 12px #00d4ff14;border-color:#00d4ff4d!important}.cta-prefix{opacity:.6;margin-right:.15rem}.landing-hero .btn{border-radius:12px;padding:.75rem 1.8rem;font-size:.9rem}.hero-status-row{flex-wrap:wrap;gap:1.5rem;display:flex}.hero-status-item{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.68rem;display:inline-flex}.hero-status-dot{background:var(--cyber-blue);width:5px;height:5px;box-shadow:0 0 5px var(--cyber-blue);border-radius:50%;animation:2.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.hero-terminal-wrap{position:relative}.hero-terminal{text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#0c0f1cf7,#080a14f7);border:1px solid #00d4ff1f;border-radius:12px;width:88%;margin-left:auto;transition:border-color .3s,box-shadow .3s;position:relative;overflow:visible}.hero-terminal:hover{border-color:#00d4ff38;box-shadow:0 0 25px #00d4ff0f,0 8px 32px #0006}.hero-terminal:before{content:"";pointer-events:none;background:radial-gradient(500px 180px at 50% 0,#00d4ff0d,#0000 60%);position:absolute;inset:0}.hero-terminal:after{content:"";background:var(--cyber-blue);width:4px;height:4px;box-shadow:0 0 6px var(--cyber-blue);opacity:.3;offset-path:rect(0 100% 100% 0 round 12px);border-radius:50%;animation:8s linear infinite terminalOrbit;position:absolute}@keyframes terminalOrbit{0%{offset-distance:0%}to{offset-distance:100%}}.hero-terminal-glow{z-index:-1;background:linear-gradient(135deg, #00d4ff26, rgba(var(--accent-rgb), .1));opacity:0;filter:blur(8px);border-radius:13px;transition:opacity .3s;position:absolute;inset:-1px}.hero-terminal:hover .hero-terminal-glow{opacity:0}.terminal-bar{background:#00d4ff05;border-bottom:1px solid #00d4ff0f;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot.r{background:#f87171}.terminal-dot.y{background:#fbbf24}.terminal-dot.g{background:var(--cyber-blue);box-shadow:0 0 4px var(--cyber-blue)}.terminal-title{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-left:.5rem;font-size:.6rem}.terminal-body{font-family:var(--font-mono);white-space:pre;min-height:200px;padding:.75rem .85rem .9rem;font-size:.7rem;line-height:1.55;overflow-x:auto}.ts-line{opacity:0;transition:opacity .3s,transform .3s;display:block;transform:translateY(3px)}.ts-show{opacity:1;transform:translateY(0)}.ts-header{color:var(--cyber-blue);letter-spacing:.1em;font-size:.72rem;font-weight:600}.ts-bar-spacer{width:1.5rem;display:inline-block}.ts-bar{vertical-align:middle;background:#00d4ff14;border-radius:3px;width:100px;height:6px;margin-right:.5rem;display:inline-block;overflow:hidden}.ts-bar-fill{background:linear-gradient(90deg, var(--cyber-blue), #00d4ff99);border-radius:3px;width:0;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1) .3s;display:block}.ts-show .ts-bar-fill{width:var(--bar-w,0%)}.ts-mastery-bar{vertical-align:middle;background:#00d4ff14;border-radius:4px;width:120px;height:8px;margin-right:.5rem;display:inline-block;overflow:hidden}.ts-mastery-fill{background:linear-gradient(90deg, var(--cyber-blue), var(--accent-hover));border-radius:4px;width:0;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1) .2s;display:block}.ts-show .ts-mastery-fill{width:91.3%}.t-line{display:block}.t-prompt{color:var(--cyber-blue)}.t-kw{color:#c084fc}.t-fn{color:#60a5fa}.t-str{color:#6ee7b7}.t-cm{color:var(--text-muted);font-style:italic}.t-out{color:var(--text-dim)}.t-ok{color:var(--success)}.ts-cursor{background:var(--cyber-blue);vertical-align:text-bottom;width:9px;height:1.15em;box-shadow:0 0 6px var(--cyber-blue), 0 0 14px #00d4ff59;border-radius:1px;margin-left:4px;animation:.55s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,54%{opacity:1}55%,to{opacity:0}}.ts-final .t-ok{animation:2s ease-in-out infinite successGlow}@keyframes successGlow{0%,to{text-shadow:0 0 #0000}50%{text-shadow:0 0 8px #4ade8099}}.terminal-dot.g{animation:1.6s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{box-shadow:0 0 4px var(--cyber-blue);opacity:1}50%{box-shadow:0 0 10px var(--cyber-blue), 0 0 16px var(--cyber-blue);opacity:.8}}.terminal-scan{pointer-events:none;mix-blend-mode:screen;z-index:5;background:linear-gradient(#0000 0%,#00d4ff09 40%,#00d4ff0d 50%,#00d4ff09 60%,#0000 100%);height:70px;animation:7.2s linear infinite terminalScan;position:absolute;top:0;left:0;right:0}@keyframes terminalScan{0%{opacity:0;top:-70px}10%{opacity:1}88%{opacity:1}to{opacity:0;top:calc(100% - 35px)}}.term-badges{pointer-events:none;z-index:3;position:absolute;inset:0}.tb{border:.5px solid var(--border);pointer-events:auto;opacity:0;min-width:104px;animation:tbIn .5s ease var(--tb-delay,0s) forwards, tbFloat var(--float-dur,3.4s) ease-in-out calc(var(--tb-delay,0s) + .5s + var(--float-phase,0s)) infinite;will-change:opacity, transform;background:#0a0c16eb;border-radius:8px;flex-direction:column;gap:3px;padding:8px 12px;display:flex;position:absolute}@keyframes tbIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tbFloat{0%,to{border-color:var(--border);transform:translateY(0);box-shadow:0 0 6px #22d3ee0d,0 0 12px #22d3ee05}50%{box-shadow:0 0 10px #22d3ee24, 0 0 22px rgba(var(--accent-rgb), .08), 0 8px 20px #00000059;border-color:#22d3ee4d;transform:translateY(-6px)}}.tb-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:5px;font-size:9.5px;line-height:1.2;display:inline-flex}.tb-value{color:var(--text);white-space:nowrap;font-size:13.5px;font-weight:500;line-height:1.25}.tb-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 5px #34d399b3}.tb-engine{--float-dur:3.2s;top:-25px;right:-16px}.tb-difficulty{--float-dur:3.8s;--float-phase:-1.2s;top:42%;left:-45px}.tb-feedback{--float-dur:3.5s;--float-phase:-2s;bottom:-25px;right:-14px}.tb-feedback .tb-value{padding-left:6px}.neural-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-syntax-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.syntax-word{font-family:var(--font-mono);color:#00d4ff0a;-webkit-user-select:none;user-select:none;font-size:.7rem;animation:10s ease-in-out infinite alternate syntaxFloat;position:absolute}@keyframes syntaxFloat{0%{opacity:.02;transform:translateY(0)}50%{opacity:.06}to{opacity:.02;transform:translateY(-15px)}}@keyframes particleTwinkle{0%,to{opacity:var(--max-opacity,.2)}50%{opacity:calc(var(--max-opacity,.2) * .4)}}.hero-title-glitch{font:inherit;color:inherit;letter-spacing:inherit}.landing-section{max-width:var(--container);margin:0 auto;padding:3.5rem 1rem;position:relative}.landing-section-header{text-align:center;margin-bottom:2.75rem}.landing-section-header h2{letter-spacing:-.02em;margin-bottom:.4rem;font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:700}.landing-section-header .section-kicker{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;font-size:.72rem;font-weight:700;display:inline-block}.landing-section-header p{color:var(--text-dim);max-width:500px;margin:.3rem auto 0;font-size:.95rem}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;max-width:1240px;margin:0 auto;display:grid}@media (width<=1040px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}}@media (width<=680px){.features-grid{grid-template-columns:1fr;gap:1rem}}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--transition), border-color var(--transition);padding:1.9rem 1.6rem;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--grad);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--accent-glow);transform:translateY(-6px)}.feature-card:hover:before{opacity:1}.feature-icon{border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1.1rem;font-size:1.4rem;display:flex;position:relative}.feature-icon:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.feature-card h3{margin-bottom:.45rem;font-size:1.05rem;font-weight:600}.feature-card p{color:var(--text-dim);font-size:.86rem;line-height:1.65}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid;position:relative}@media (width<=768px){.steps-grid{grid-template-columns:1fr}}.step-card{text-align:center;border-radius:var(--radius-lg);transition:background var(--transition);padding:2rem 1.2rem;position:relative}.step-card:hover{background:var(--accent-soft)}.step-number{background:var(--grad);color:#fff;width:52px;height:52px;font-size:1.2rem;font-weight:700;font-family:var(--font-display);transition:transform var(--transition);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1.1rem;display:flex}.step-card:hover .step-number{transform:translateY(-4px)rotate(-4deg)scale(1.05)}.step-card h3{margin-bottom:.45rem;font-size:1.05rem;font-weight:600}.step-card p{color:var(--text-dim);font-size:.86rem;line-height:1.65}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--transition), border-color var(--transition);align-items:center;gap:1rem;padding:1.4rem 1.5rem;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:radial-gradient(300px 120px at 0% 0%, var(--accent-soft), transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-card-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.25rem;display:flex}.stat-card-body{flex:1;min-width:0;position:relative}.stat-card-value{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.55rem;font-weight:700;line-height:1.15}.stat-card-label{color:var(--text-dim);margin-top:.15rem;font-size:.78rem}.stat-card-sub{color:var(--text-muted);margin-top:.2rem;font-size:.7rem}.cta-panel{border-radius:var(--radius-lg);text-align:center;background:linear-gradient(140deg, rgba(var(--accent-rgb), .22), #22d3ee1f, rgba(var(--accent-rgb), .22));border:1px solid var(--accent-glow);padding:3.2rem 2rem;position:relative;overflow:hidden}.cta-panel:before{content:"";pointer-events:none;background:radial-gradient(400px 200px at 50% 0,#ffffff14,#0000 60%);position:absolute;inset:0}.cta-panel h2{margin-bottom:.6rem;font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:700;position:relative}.cta-panel p{color:var(--text-dim);max-width:460px;margin:0 auto 1.6rem;font-size:.95rem;position:relative}.cta-actions{justify-content:center;gap:.85rem;margin-top:1.5rem;display:flex;position:relative}.cta-note{text-align:center;color:var(--text-muted);margin-top:.9rem;font-size:.78rem;position:relative}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero{text-align:center;padding:4.5rem 1rem 0;animation:.5s fadeIn;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(ellipse 55% 60% at 50% 0%, var(--accent-soft) 0%, transparent 65%);pointer-events:none;position:absolute;inset:0}.hero-content{max-width:700px;margin:0 auto;position:relative}.hero-title{letter-spacing:-.03em;margin-bottom:1.4rem;font-size:clamp(2.3rem,5.4vw,4.3rem);font-weight:700;line-height:1.08}.hero-title span{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-dim);max-width:560px;margin:0 auto 1.8rem;font-size:1.05rem;line-height:1.7}.hero-stats{flex-wrap:wrap;justify-content:center;gap:2.2rem;display:flex}.hero-stats span{color:var(--text-dim);font-size:.85rem}.hero-stats strong{color:var(--text);font-weight:700;font-family:var(--font-display);background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem}.courses-section{max-width:1100px;margin:0 auto;padding:15px 1rem 3rem}.courses-header{text-align:center;margin-bottom:2.2rem}.courses-header h2{letter-spacing:-.02em;font-size:1.7rem;font-weight:700}.courses-subtitle{color:var(--text-dim);margin-top:.4rem;font-size:.92rem}.courses-grid{perspective:1000px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;opacity:0;flex-direction:column;transition:opacity .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;transform:translateY(60px)scale(.94)}.course-card.revealed{opacity:1;transform:translateY(0)scale(1)}.course-card.revealed.tilting{transform:translateY(0) scale(1) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .15s ease-out,border-color .3s,box-shadow .3s}.course-card.revealed.course-card-enter{animation:.55s cubic-bezier(.22,1,.36,1) forwards card-in;animation-delay:calc(var(--i,0) * 90ms)}.course-card:hover{border-color:var(--accent-glow);box-shadow:0 16px 40px rgba(var(--accent-rgb), .2), 0 0 40px rgba(var(--accent-rgb), .1)}.course-card:hover .course-card-cover{transform:scale(1.05)}.course-card:hover .course-card-body{transform:translateY(-2px)}.course-card .course-card-cover,.course-card .course-card-body{transition:transform .4s cubic-bezier(.22,1,.36,1)}.course-card-glare{z-index:3;pointer-events:none;background:radial-gradient(420px 260px at var(--gx,50%) var(--gy,0%), #ffffff24, transparent 55%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.course-card:hover .course-card-glare{opacity:1}.course-card-cover{justify-content:center;align-items:center;height:116px;display:flex;position:relative;overflow:hidden}.course-card-cover:after{content:"";background:linear-gradient(#0000 55%,#060810a6);position:absolute;inset:0}.course-card-emoji{filter:drop-shadow(0 6px 14px #00000059);font-size:3.6rem;animation:5s ease-in-out infinite float}.lang-icon-logo{object-fit:contain;background:0 0;border-radius:15.6%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.course-card-thumb{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.course-card-body{flex-direction:column;flex:1;padding:.9rem 1.05rem .95rem;display:flex}.course-card-title{margin-bottom:.15rem;font-size:1.05rem;font-weight:700}.course-card-subtitle{color:var(--accent);margin-bottom:.4rem;font-size:.78rem;font-weight:600}.course-card-desc{color:var(--text-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.6rem;font-size:.8rem;line-height:1.55;display:-webkit-box;overflow:hidden}.course-card-tags{flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem;display:flex}.course-tag{background:var(--accent-soft);border:1px solid var(--accent-glow);color:var(--accent);border-radius:999px;padding:.14rem .55rem;font-size:.66rem;font-weight:500}.course-card-meta{flex-wrap:nowrap;gap:.65rem;margin-bottom:.45rem;display:flex}.course-meta-item{color:var(--text-muted);white-space:nowrap;font-size:.7rem}.course-card-instructor{color:var(--text-dim);margin-bottom:.65rem;font-size:.72rem}.course-card-btn{width:100%;margin-top:auto;padding:.6rem}.course-card-playlist{flex-direction:column;gap:.25rem;max-height:160px;margin-bottom:.5rem;display:flex;overflow-y:auto}.course-card-playlist-item{text-align:left;border:1px solid #0000;border-radius:10px;width:100%;padding:0;transition:background .18s,border-color .18s,transform .18s;display:block}.course-card-playlist-item:hover{background:#94a3b80f}.course-card-playlist-item.is-active{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, transparent);box-shadow:inset 3px 0 0 var(--accent)}.playlist-item-main{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem;display:flex}.course-card-playlist-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:84px;height:50px;box-shadow:0 2px 6px #0000004d}.course-card-playlist-meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.course-card-playlist-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.course-card-playlist-duration{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.66rem}.course-card-playlist-count{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#000000a6;border-radius:100px;padding:.2rem .55rem;font-size:.66rem;font-weight:500;position:absolute;bottom:.6rem;left:.6rem}.home-footer{text-align:center;color:var(--text-muted);padding:2rem;font-size:.85rem}.dashboard{animation:.35s fadeIn;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;display:flex}.dash-title{letter-spacing:-.03em;font-size:1.7rem;font-weight:700}.dash-subtitle{color:var(--text-dim);margin-top:.25rem;font-size:.87rem}.dash-header-chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.chip{border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.78rem;font-weight:600;display:inline-flex}.chip-streak{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-glow)}.chip-accuracy{background:var(--success-bg);color:var(--success);border:1px solid #34d39959}.chip-points{color:var(--warning);background:#fbbf241a;border:1px solid #fbbf244d}.dash-empty,.empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:3.5rem 2rem}.dash-empty-icon{margin-bottom:1rem;font-size:3rem;animation:4s ease-in-out infinite float;display:inline-block}.dash-empty h3{margin-bottom:.5rem}.dash-empty p{color:var(--text-dim);max-width:400px;margin:0 auto}.dash-loading{text-align:center;color:var(--text-dim);padding:4rem 2rem}.dash-loading .spinner{margin:0 auto 1rem}.dc-skeleton-card{flex-direction:column;gap:.7rem;padding:1.25rem 1.5rem;display:flex}.dc-skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, #8080802e 50%, var(--bg-elevated) 75%);background-size:400% 100%;border-radius:6px;height:12px;animation:1.3s ease-in-out infinite dcSkeletonShimmer}.dc-skeleton-tag{width:38%;height:14px;margin-bottom:.25rem}.dc-skeleton-card .dc-skeleton:last-child{width:55%!important}@keyframes dcSkeletonShimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.dc-skeleton,.dc-skeleton-tag{animation:none}}.dash-row{flex-wrap:wrap;gap:.9rem;margin-bottom:1rem;display:flex}.dash-row>.dash-card{flex:1;min-width:250px}.dash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .3s, transform .3s var(--transition);padding:1.4rem}.dash-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.dash-card-highlight{background:linear-gradient(150deg, rgba(var(--accent-rgb), .18), #22d3ee14), var(--bg-card);border-color:var(--accent-glow)}.dash-card-warning{background:linear-gradient(150deg, var(--bg-card), #fbbf241a);border-color:#fbbf2459;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1.4rem;display:flex}.dash-card-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:.82rem;font-weight:600}.dash-card-warning .dash-card-title{margin-bottom:.25rem}.warning-icon{flex-shrink:0;margin-top:.2rem;font-size:1.6rem;animation:2s infinite pulse}.warning-body{flex:1}.warning-desc{color:var(--text-dim);margin-bottom:.75rem;font-size:.83rem;line-height:1.6}.progress-ring-wrap{justify-content:center;margin:.5rem 0;display:flex}.donut-svg{filter:drop-shadow(0 0 14px var(--accent-glow));display:block}.progress-breakdown{justify-content:center;gap:1.4rem;margin-top:.75rem;display:flex}.breakdown-item{color:var(--text-dim);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.breakdown-item strong{color:var(--text)}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.dot-done{background:var(--success);box-shadow:0 0 8px var(--success)}.dot-revisit{background:var(--warning);box-shadow:0 0 8px var(--warning)}.dot-pending{background:var(--text-muted)}.group-bars{flex-direction:column;gap:.7rem;display:flex}.mini-bar-label{justify-content:space-between;margin-bottom:.3rem;font-size:.78rem;display:flex}.mini-bar-label span:first-child{color:var(--text-dim)}.mini-bar-label span:last-child{color:var(--text);font-weight:600}.mini-bar-track{background:var(--bg-input);border-radius:4px;height:8px;overflow:hidden}.mini-bar-fill{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);position:relative}.mini-bar-fill:after{content:"";background:linear-gradient(90deg,#ffffff38,#0000 60%);position:absolute;inset:0}.concept-list{flex-direction:column;gap:.5rem;display:flex}.concept-list-item{align-items:center;gap:.65rem;padding:.4rem 0;display:flex}.concept-list-badge{border-radius:50%;flex-shrink:0;width:7px;height:7px}.concept-list-badge.weak{background:var(--error);box-shadow:0 0 8px var(--error)}.concept-list-badge.strong{background:var(--success);box-shadow:0 0 8px var(--success)}.concept-list-name{flex:1;font-size:.85rem}.concept-list-count{color:var(--text-muted);font-size:.73rem}.overconfident-grid{flex-wrap:wrap;gap:.5rem;display:flex}.overconfident-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.2rem;padding:.55rem .8rem;display:flex}.oc-concept{color:var(--warning);font-size:.82rem;font-weight:600}.oc-detail{color:var(--text-muted);font-size:.7rem}.dash-section-title{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.dash-section-title h3{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:.85rem}.dash-section-count{color:var(--text-muted);font-size:.78rem}.course-header-bar{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:0;padding:1.5rem;position:relative;overflow:hidden}.course-header-content{align-items:center;gap:1rem;display:flex}.course-header-emoji{filter:drop-shadow(0 4px 8px #00000040);flex-shrink:0;font-size:2.5rem}.course-header-title{color:#fff;text-shadow:0 2px 8px #00000040;font-size:1.3rem;font-weight:700}.course-header-subtitle{color:#fffc;margin-top:.1rem;font-size:.85rem}.course-header-instructor{color:#fff9;margin-top:.1rem;font-size:.78rem}.dash-auth-prompt{margin-bottom:1.5rem}.dash-auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:500px;margin:0 auto;padding:1.5rem}.dash-auth-card .auth-card{box-shadow:none;background:0 0;border:none;margin-bottom:0;padding:0}.dash-signin-card{text-align:center;padding:2rem 2.25rem}.dash-signin-icon{background:var(--grad-soft);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;font-size:1.5rem;display:flex}.dash-signin-card .dash-card-title{color:var(--text);text-transform:none;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.05rem}.dash-signin-desc{color:var(--text-dim);max-width:340px;margin:0 auto 1.25rem;font-size:.88rem;line-height:1.55}.dash-signin-btn{width:100%}.dash-signin-meta{color:var(--text-muted);margin-top:.9rem;font-size:.75rem}.dash-welcome{text-align:center;padding:2rem 1rem 1rem}.dash-welcome h2{margin:0 0 .5rem;font-size:1.5rem}.dash-welcome p{color:var(--text-muted);max-width:400px;margin:0 auto}.dash-empty-courses{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.dash-empty-course-card{color:#fff;text-align:center;border-radius:14px;padding:1.5rem}.dash-empty-emoji{margin-bottom:.5rem;font-size:2rem;display:block}.dash-empty-course-card h4{margin:0 0 .4rem;font-size:1.1rem}.dash-empty-course-card p{opacity:.85;margin:0 0 1rem;font-size:.8rem;line-height:1.4}.dash-hero{margin-bottom:1.5rem}.dash-hero-text h2{margin:0 0 .75rem;font-size:1.4rem}.dash-top-rec{cursor:pointer;background:linear-gradient(135deg,#0ea5e914,#00b8940f);border:1px solid #0ea5e933;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .2s,transform .2s;display:flex}.dash-top-rec:hover{border-color:var(--accent);transform:translateY(-2px)}.dash-top-rec-icon{flex-shrink:0;font-size:2rem}.dash-top-rec-info{flex-direction:column;gap:.15rem;display:flex}.dash-top-rec-label{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-size:.7rem;font-weight:600}.dash-top-rec-detail{color:var(--text);font-size:.95rem;font-weight:600}.dash-top-rec-action{color:var(--accent);font-size:.8rem;font-weight:500}.dash-progress-strip{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.dash-progress-item{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:.2rem;min-width:100px;padding:.75rem;display:flex}.dash-progress-icon{font-size:1.2rem}.dash-progress-val{color:var(--text);font-size:1.3rem;font-weight:700}.dash-progress-lbl{color:var(--text-muted);font-size:.7rem}.dash-section{margin-bottom:1.5rem}.dash-section-title{color:var(--text);margin:0 0 .75rem;font-size:1rem;font-weight:600}.dash-section-desc{color:var(--text-muted);margin:-.5rem 0 .75rem;font-size:.8rem}.dash-course-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.dash-course-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:1rem;transition:border-color .2s,transform .2s}.dash-course-card:hover{border-color:var(--accent);transform:translateY(-2px)}.dash-course-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dash-course-emoji{font-size:1.5rem}.dash-course-name{color:var(--text);margin:0 0 .4rem;font-size:.9rem;font-weight:600}.dash-course-bar{background:var(--bg-elevated);border-radius:2px;height:4px;margin-bottom:.4rem;overflow:hidden}.dash-course-bar-fill{background:linear-gradient(90deg, var(--accent), var(--green));border-radius:2px;height:100%;transition:width .4s}.dash-course-meta{color:var(--text-muted);font-size:.7rem;display:block}.dash-course-next{color:var(--accent);margin-top:.3rem;font-size:.75rem;font-weight:500;display:block}.dash-review-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.dash-review-chip{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.6rem .75rem;transition:border-color .2s}.dash-review-chip:hover{border-color:var(--accent)}.dash-review-chip-top{justify-content:space-between;align-items:center;display:flex}.dash-review-concept{color:var(--text);font-size:.8rem;font-weight:500}.dash-review-mastery{color:var(--accent);font-size:.7rem;font-weight:600}.dash-review-chip-bottom{justify-content:space-between;margin-top:.2rem;display:flex}.dash-review-course{color:var(--text-muted);font-size:.7rem}.dash-review-time{color:var(--text-muted);font-size:.65rem}.dash-review-more{color:var(--text-muted);text-align:center;margin-top:.5rem;font-size:.75rem}.dash-rec-list{flex-direction:column;gap:.5rem;display:flex}.dash-rec-row{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:border-color .2s;display:flex}.dash-rec-row:hover{border-color:var(--accent)}.dash-rec-emoji{flex-shrink:0;font-size:1.3rem}.dash-rec-info{flex-direction:column;flex:1;display:flex}.dash-rec-course{color:var(--text);font-size:.85rem;font-weight:600}.dash-rec-chapter{color:var(--text-muted);font-size:.75rem}.dash-rec-action{color:var(--accent);font-size:.7rem;font-weight:500}.dash-rec-pct{color:var(--text-muted);font-size:.75rem;font-weight:600}.dash-my-courses{flex-direction:column;gap:.5rem;display:flex}.dash-my-course-row{background:var(--card);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.dash-my-course-left{cursor:pointer;flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.dash-my-course-emoji{flex-shrink:0;font-size:1.3rem}.dash-my-course-info{flex-direction:column;min-width:0;display:flex}.dash-my-course-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.dash-my-course-meta{color:var(--text-muted);font-size:.7rem}.dash-my-course-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.dash-my-course-bar{background:var(--bg-elevated);border-radius:2px;width:80px;height:4px;overflow:hidden}.dash-my-course-bar-fill{background:var(--accent);border-radius:2px;height:100%}.dash-my-course-pct{color:var(--text-muted);text-align:right;min-width:2.5rem;font-size:.75rem;font-weight:600}.dash-analytics{opacity:.85}.dash-analytics-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.dash-analytics-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem}.dash-analytics-card-title{margin:0 0 .75rem;font-size:.85rem;font-weight:600}.dash-concept-list{flex-direction:column;gap:.4rem;display:flex}.dash-concept-item{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.dash-concept-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dash-concept-dot.weak{background:#e74c3c}.dash-concept-dot.strong{background:#00b894}.dash-concept-name{color:var(--text);flex:1}.dash-concept-stat{color:var(--text-muted);font-size:.7rem}.dash-mastery-grid{background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:1.5rem;padding:1rem;display:flex}.dash-mastery-stat{flex-direction:column;align-items:center;gap:.3rem;display:flex}.dash-mastery-stat-label{color:var(--text-muted);font-size:.7rem}.dash-mastery-ranking{flex-direction:column;flex:1;gap:.4rem;display:flex}.dash-mastery-item{align-items:center;gap:.5rem;display:flex}.dash-mastery-name{color:var(--text);min-width:100px;font-size:.78rem}.dash-mastery-bar{background:var(--bg-elevated);border-radius:2px;flex:1;height:4px;overflow:hidden}.dash-mastery-bar-fill{background:var(--accent);border-radius:2px;height:100%}.dash-mastery-pct{color:var(--text-muted);text-align:right;min-width:2.5rem;font-size:.7rem;font-weight:600}@media (width<=700px){.dash-progress-strip{gap:.35rem}.dash-progress-item{min-width:70px;padding:.5rem}.dash-progress-val{font-size:1.1rem}.dash-course-grid,.dash-review-grid{grid-template-columns:1fr}.dash-my-course-row{flex-direction:column;align-items:stretch;gap:.5rem}.dash-my-course-right{justify-content:space-between}.dash-my-course-bar{flex:1}.dash-mastery-grid{flex-direction:column;align-items:center}.dash-analytics-grid{grid-template-columns:1fr}}.course-dash-section{margin-bottom:1.5rem}.course-dash-header{border-radius:var(--radius) var(--radius) 0 0;align-items:center;gap:.85rem;padding:.95rem 1.1rem;display:flex}.course-dash-emoji{filter:drop-shadow(0 3px 6px #0000004d);flex-shrink:0;font-size:1.6rem}.course-dash-info h3{color:#fff;text-shadow:0 2px 6px #00000040;font-size:.98rem;font-weight:700}.course-dash-meta{color:#ffffffb3;font-size:.75rem}.course-dash-section .chapter-grid{border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);background:var(--bg-card);border-top:none;padding:.7rem}.mini-bar-clickable{cursor:pointer;border-radius:10px;margin:0 -.5rem;padding:.35rem .5rem;transition:background .2s}.mini-bar-clickable:hover,.mini-bar-active{background:var(--accent-soft)}.dash-expanded-course{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);margin-top:1rem;animation:.3s fadeIn;overflow:hidden}.dash-expanded-header{background:var(--bg-card-alt);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.dash-expanded-header h3{font-size:.95rem;font-weight:700}.dash-expanded-course .course-chapters{padding:.8rem}.dash-expanded-course .chapter-grid{background:0 0;border:none;padding:0}.chapter-grid{perspective:1400px;gap:.6rem;display:grid}.ch-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transform-style:preserve-3d;will-change:transform;border-radius:12px;align-items:center;gap:.9rem;padding:.9rem 1rem;transition:transform .12s ease-out,border-color .25s,background .25s;display:flex;position:relative;overflow:hidden}.ch-card:hover{border-color:var(--accent);background:var(--bg-card-alt);box-shadow:0 8px 30px rgba(var(--accent-rgb), .15), 0 0 44px var(--accent-soft);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-8px) scale(1.02)}.ch-card-num{width:34px;height:34px;font-size:.8rem;font-weight:700;font-family:var(--font-mono);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.ch-card:hover .ch-card-num{transform:scale(1.1)rotate(-4deg)}.ch-card-num.status-done{background:var(--success-bg);color:var(--success)}.ch-card-num.status-review{background:var(--warning-bg);color:var(--warning)}.ch-card-num.status-due{color:#fdcb6e;background:#fdcb6e24}.ch-card-num.status-new{background:var(--bg-input);color:var(--text-muted)}.ch-card-body{flex:1;min-width:0}.ch-card-title{font-size:.9rem;font-weight:600}.ch-card-concepts{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.concept-chip{white-space:nowrap;cursor:default;border-radius:999px;padding:.12rem .4rem;font-size:.66rem}.concept-chip.chip-mastered{background:var(--success-bg);color:var(--success)}.concept-chip.chip-learning{background:var(--warning-bg);color:var(--warning)}.concept-chip.chip-new{background:var(--bg-input);color:var(--text-muted)}.ch-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.ch-card-status{border-radius:999px;padding:.16rem .55rem;font-size:.7rem;font-weight:600}.ch-card-status.status-done{background:var(--success-bg);color:var(--success)}.ch-card-status.status-review{background:var(--warning-bg);color:var(--warning)}.ch-card-status.status-due{color:#fdcb6e;background:#fdcb6e24}.ch-card-status.status-new{background:var(--bg-input);color:var(--text-muted)}.ch-card-arrow{color:var(--text-muted);font-size:1rem;transition:transform .2s,color .2s}.ch-card:hover .ch-card-arrow{color:var(--accent);transform:translate(4px)}.ch-card-glare{z-index:3;pointer-events:none;background:radial-gradient(420px 260px at var(--gx,50%) var(--gy,0%), #ffffff24, transparent 55%);opacity:0;border-radius:12px;transition:opacity .3s;position:absolute;inset:0}.ch-card:hover .ch-card-glare{opacity:1}.cp-wrap{background:var(--bg);width:100%;min-height:100vh;padding-bottom:5rem}.cp-container{width:100%;max-width:1380px;margin:0 auto;padding:0 2rem}.cp-hero{background:linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);padding:1.6rem 0 2.2rem;position:relative;overflow:hidden}.cp-hero-bg{background:radial-gradient(ellipse 65% 70% at 15% 40%, rgba(var(--accent-rgb), .1), transparent 65%), radial-gradient(ellipse 50% 60% at 85% 50%, #06b6d412, transparent 60%);pointer-events:none;position:absolute;inset:0}.cp-breadcrumb-nav{align-items:center;gap:.5rem;margin-bottom:1.4rem;font-size:.8rem;display:flex}.cp-back{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:.45rem;padding:.35rem .65rem;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.cp-back:hover{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-glow);transform:translate(-2px)}.cp-breadcrumb-sep{color:var(--text-muted);opacity:.5}.cp-breadcrumb-curr{color:var(--text-dim);font-weight:500}.cp-hero-row{justify-content:space-between;align-items:center;gap:2.5rem;display:flex}.cp-hero-left{flex:1;min-width:0}.cp-hero-header-row{align-items:flex-start;gap:1.25rem;display:flex}.cp-hero-emoji{filter:drop-shadow(0 6px 16px #0000004d);flex-shrink:0;margin-top:.2rem}.cp-hero-titles{flex:1;min-width:0}.cp-hero-badge-row{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.6rem;display:flex}.cp-hero-badge{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;align-items:center;gap:.3rem;padding:.22rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.cp-hero-badge .inline-icon{opacity:.8}.cp-badge-accent{color:var(--accent);border-color:var(--accent-glow);background:var(--accent-soft)}.cp-hero-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:1.95rem;font-weight:800;line-height:1.2}.cp-hero-sub{color:var(--text-dim);margin-top:.35rem;margin-bottom:0;font-size:.95rem;font-weight:500;line-height:1.45}.cp-hero-desc{color:var(--text-dim);max-width:780px;margin:1rem 0 1.4rem;font-size:.9rem;line-height:1.6}.cp-hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.cp-action-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.55rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.cp-action-watch{background:var(--grad);color:#fff;box-shadow:0 4px 18px rgba(var(--accent-rgb), .25)}.cp-action-watch:hover{box-shadow:0 8px 24px rgba(var(--accent-rgb), .38);opacity:.96;transform:translateY(-2px)}.cp-action-btn-sub{opacity:.85;font-size:.78rem;font-weight:500}.cp-action-practice{background:var(--bg-card);color:var(--text);border-color:var(--border)}.cp-action-practice:hover{background:var(--bg-card-alt);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.cp-hero-right{flex-shrink:0}.cp-progress-box{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:1.25rem;min-width:290px;padding:1.2rem 1.4rem;display:flex;box-shadow:0 6px 20px #00000040}.cp-ring-wrap{flex-shrink:0;width:88px;height:88px;position:relative}.cp-ring-pct{font-family:var(--font-display);color:var(--text);justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;inset:0}.cp-ring-num{font-size:1.4rem;line-height:1}.cp-ring-sym{opacity:.55;margin-top:-6px;margin-left:2px;font-size:.72rem;font-weight:600}.cp-progress-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.cp-progress-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cp-progress-label{color:var(--text);font-size:.84rem;font-weight:700}.cp-progress-fraction{color:var(--accent);font-size:.78rem;font-weight:600;font-family:var(--font-mono)}.cp-progress-sub{color:var(--text-muted);font-size:.72rem;line-height:1.35}.cp-continue-btn{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-glow);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:.4rem;margin-top:.45rem;padding:.4rem .75rem;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.cp-continue-btn:hover{background:rgba(var(--accent-rgb), .22);transform:translate(2px)}.cp-complete-badge{color:var(--success);background:var(--success-bg);border:1px solid #34d39940;border-radius:8px;align-items:center;gap:.35rem;margin-top:.45rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.cp-stats-section{padding:1.4rem 0 0}.cp-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.cp-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.15rem 1.3rem;transition:transform .2s,border-color .2s}.cp-stat-card:hover{border-color:rgba(var(--accent-rgb), .3);transform:translateY(-2px)}.cp-stat-card-header{align-items:center;gap:.55rem;margin-bottom:.65rem;display:flex}.cp-stat-card-icon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.icon-blue{color:#3b82f6;background:#3b82f61f}.icon-green{color:#10b981;background:#10b9811f}.icon-amber{color:#f59e0b;background:#f59e0b1f}.icon-purple{background:rgba(var(--accent-rgb), .12);color:var(--accent)}.cp-stat-card-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.cp-stat-card-val{color:var(--text);font-size:1.75rem;font-weight:800;font-family:var(--font-display);line-height:1.1}.val-green{color:#10b981}.val-amber{color:#f59e0b}.cp-stat-card-desc{color:var(--text-muted);margin-top:.3rem;font-size:.72rem;display:block}.cp-overview{padding:1.6rem 0 0}.cp-overview-inner{grid-template-columns:1.1fr .9fr;gap:1.5rem;display:grid}.cp-overview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.4rem}.cp-card-title-row{align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.cp-card-accent-icon{color:var(--accent)}.cp-section-title{color:var(--text);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700}.cp-desc-text{color:var(--text-dim);margin:0;font-size:.88rem;line-height:1.65}.cp-tag-row{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.cp-topic-tag{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;padding:.2rem .55rem;font-size:.7rem;font-weight:500}.cp-skill-chips{flex-wrap:wrap;gap:.45rem;display:flex}.cp-skill-chip{background:var(--bg-input);color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:.28rem .7rem;font-size:.72rem;font-weight:500;transition:all .2s}.cp-skill-chip:hover{border-color:var(--accent-glow);color:var(--accent);background:var(--accent-soft)}.cp-curriculum-section{padding:2.2rem 0 0}.cp-curriculum-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:2.25rem;display:grid}.cp-curriculum-main{min-width:0}.cp-curriculum-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:.9rem;display:flex}.cp-curriculum-heading{color:var(--text);letter-spacing:-.015em;margin:0;font-size:1.3rem;font-weight:800}.cp-curriculum-sub{color:var(--text-muted);margin:.25rem 0 0;font-size:.82rem}.cp-curriculum-count-badge{color:#10b981;white-space:nowrap;background:#10b9811a;border:1px solid #10b98140;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.cp-curriculum-grid{flex-direction:column;gap:.75rem;display:flex}.cur-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transform-style:preserve-3d;will-change:transform;border-radius:14px;align-items:center;gap:1.15rem;padding:1rem 1.25rem;transition:transform .18s ease-out,border-color .22s,background .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.cur-card:hover{border-color:var(--accent);background:var(--bg-card-alt);box-shadow:0 8px 30px var(--accent-soft), 0 0 24px var(--accent-soft);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-2px)}.cur-card-glare{z-index:3;pointer-events:none;background:radial-gradient(400px 220px at var(--gx,50%) var(--gy,0%), #ffffff14, transparent 55%);opacity:0;border-radius:14px;transition:opacity .3s;position:absolute;inset:0}.cur-card:hover .cur-card-glare{opacity:1}.cur-card-num{width:42px;height:42px;font-size:.85rem;font-weight:800;font-family:var(--font-mono);background:var(--bg-input);color:var(--text-muted);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,background-color .2s;display:flex;position:relative}.cur-card:hover .cur-card-num{transform:scale(1.06)}.cur-check{color:#10b981;position:absolute;bottom:-3px;right:-3px}.cur-card-body{flex:1;min-width:0}.cur-card-title-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.cur-card-title{color:var(--text);font-size:.95rem;font-weight:700;line-height:1.35}.cur-challenge-badge{text-transform:uppercase;letter-spacing:.04em;color:#f59e0b;background:#f59e0b24;border:1px solid #f59e0b4d;border-radius:5px;padding:.15rem .5rem;font-size:.62rem;font-weight:700}.cur-card-concepts{flex-wrap:wrap;gap:.3rem;margin-top:.45rem;display:flex}.cur-chip{white-space:nowrap;background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.12rem .5rem;font-size:.65rem;font-weight:500}.cur-chip-done{color:#10b981;background:#10b9811f;border-color:#10b98140}.cur-chip-active{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b40}.cur-chip-more{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-glow)}.cur-card-actions{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.cur-watch-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:#ef44441a;border:1px solid #ef444440;border-radius:7px;align-items:center;gap:.35rem;padding:.32rem .65rem;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.cur-watch-btn:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px)}.cur-status{white-space:nowrap;border-radius:999px;padding:.22rem .65rem;font-size:.7rem;font-weight:600}.cur-status.cur-done{color:#10b981;background:#10b9811f}.cur-status.cur-review{color:#f59e0b;background:#f59e0b1f}.cur-status.cur-due{color:#fdcb6e;background:#fdcb6e26}.cur-status.cur-new{background:var(--bg-input);color:var(--text-muted)}.cur-practice-link{color:#38bdf8;cursor:pointer;background:#0ea5e91a;border:1px solid #0ea5e940;border-radius:6px;padding:.3rem .6rem;font-size:.72rem;font-weight:600}.cur-practice-btn{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-glow);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .8rem;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.cur-practice-btn:hover{background:var(--grad);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb), .25);border-color:#0000;transform:translate(2px)}.cur-card.cur-done{border-color:#10b98140}.cur-card.cur-done .cur-card-num{color:#10b981;background:#10b98126}.cur-card.cur-review{border-color:#f59e0b40}.cur-card.cur-review .cur-card-num{color:#f59e0b;background:#f59e0b26}.cp-sidebar{z-index:10;flex-shrink:0;width:340px;position:sticky;top:80px}.cp-sidebar-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1.15rem;padding:1.3rem;display:flex;box-shadow:0 6px 24px #0003}.cp-sidebar-course{align-items:center;gap:.85rem;display:flex}.cp-sidebar-emoji{flex-shrink:0}.cp-sidebar-meta-col{flex:1;min-width:0}.cp-sidebar-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;line-height:1.3;overflow:hidden}.cp-sidebar-sub{color:var(--text-muted);margin-top:.2rem;font-size:.72rem}.cp-sidebar-progress{flex-direction:column;gap:.35rem;display:flex}.cp-sidebar-bar-header{justify-content:space-between;align-items:center;display:flex}.cp-sidebar-bar-lbl{color:var(--text-dim);font-size:.74rem;font-weight:600}.cp-sidebar-pct{color:var(--accent);font-size:.75rem;font-weight:700;font-family:var(--font-mono)}.cp-sidebar-bar{background:var(--bg-input);border-radius:999px;height:6px;overflow:hidden}.cp-sidebar-bar-fill{background:var(--grad);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.cp-sidebar-watch-cta{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:9px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.55rem;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.cp-sidebar-watch-cta:hover{background:#ef444433;border-color:#ef444473}.cp-sidebar-chapters-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding-bottom:.2rem;font-size:.74rem;font-weight:700}.cp-sidebar-chapters{flex-direction:column;gap:.2rem;max-height:380px;padding-right:.2rem;display:flex;overflow-y:auto}.cp-sidebar-chapters::-webkit-scrollbar{width:4px}.cp-sidebar-chapters::-webkit-scrollbar-track{background:0 0}.cp-sidebar-chapters::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.cp-sidebar-ch{color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.55rem;width:100%;padding:.45rem .6rem;font-size:.78rem;transition:background .15s,color .15s;display:flex}.cp-sidebar-ch:hover{background:var(--accent-soft);color:var(--accent)}.cp-sidebar-ch-num{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;width:1.6rem;font-size:.7rem;font-weight:600}.cp-sidebar-ch-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cp-sidebar-check{color:#10b981;flex-shrink:0}.cp-sidebar-arrow{color:var(--text-muted);opacity:.4;flex-shrink:0}.cp-sidebar-ch:hover .cp-sidebar-arrow{opacity:1;color:var(--accent)}.cp-dot-new .cp-sidebar-ch-num{color:var(--text-muted)}.cp-dot-active .cp-sidebar-ch-num{color:#f59e0b}.cp-dot-active{background:#f59e0b12}.cp-dot-done .cp-sidebar-ch-num{color:#10b981}.cp-dot-done{background:#10b9810d}.cp-sidebar-cta{background:var(--grad);color:#fff;text-align:center;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;width:100%;padding:.65rem;font-size:.82rem;font-weight:700;transition:opacity .2s,transform .15s;display:flex}.cp-sidebar-cta:hover{opacity:.92;transform:translateY(-1px)}.playlist-topics-item.is-clickable{cursor:pointer;border-radius:6px;padding:.35rem .5rem;transition:background .15s,color .15s}.playlist-topics-item.is-clickable:hover{background:var(--accent-soft,rgba(var(--accent-rgb), .12))}.playlist-topics-time{color:var(--accent,#38bdf8);font-size:.72rem;font-weight:600}.practice-seek-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:#ef44441a;border:1px solid #ef444440;border-radius:5px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.68rem;font-weight:600;transition:all .15s;display:inline-flex}.practice-seek-btn:hover{background:#ef444433;border-color:#ef444466}@media (width<=1180px){.cp-curriculum-layout{grid-template-columns:minmax(0,1fr) 300px;gap:1.5rem}.cp-sidebar{width:300px}}@media (width<=992px){.cp-hero-row{flex-direction:column;align-items:flex-start;gap:1.5rem}.cp-hero-right,.cp-progress-box{width:100%}.cp-stats-grid{grid-template-columns:repeat(2,1fr)}.cp-overview-inner,.cp-curriculum-layout{grid-template-columns:1fr}.cp-sidebar{width:100%;position:static}.cp-sidebar-chapters{max-height:280px}}@media (width<=640px){.cp-container{padding:0 1rem}.cp-hero{padding:1.2rem 0 1.6rem}.cp-hero-title{font-size:1.4rem}.cp-hero-header-row{flex-direction:column;gap:.75rem}.cp-hero-actions{flex-direction:column;align-items:stretch}.cp-action-btn{justify-content:center}.cp-stats-grid{grid-template-columns:1fr;gap:.75rem}.cur-card{flex-direction:column;align-items:flex-start;gap:.85rem;padding:.85rem .95rem}.cur-card-actions{border-top:1px solid var(--border);justify-content:space-between;width:100%;margin-top:.5rem;padding-top:.5rem}}@media (prefers-reduced-motion:reduce){.cur-card,.cp-continue-btn,.cp-sidebar-cta,.cp-ring-fill{transition:none!important}.cur-card:hover,.cp-continue-btn:hover,.cp-sidebar-cta:hover{transform:none!important}}.bc-nudge-popup{background:var(--warning-bg);color:var(--warning);border:1px solid #fbbf2459;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.7rem 1.1rem;font-size:.82rem;animation:.3s bcNudgeIn;display:flex}@keyframes bcNudgeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.guest-note{background:var(--accent-soft);border:1px dashed var(--accent-glow);color:var(--text-dim);border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.guest-note p{flex:1;min-width:200px;margin:0}.dash-card-review{background:linear-gradient(150deg, var(--bg-card), #fbbf241a);border-radius:var(--radius-lg);border-color:#fdcb6e59;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1.4rem;display:flex}.review-icon{flex-shrink:0;margin-top:.2rem;font-size:1.6rem;animation:2.5s infinite pulse}.review-body{flex:1}.review-desc{color:var(--text-dim);margin-bottom:.8rem;font-size:.83rem;line-height:1.6}.review-grid{flex-wrap:wrap;gap:.55rem;display:flex}.review-chip{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:.2rem;padding:.55rem .8rem;transition:border-color .2s,transform .2s;display:flex}.review-chip:hover{border-color:var(--warning);transform:translateY(-2px)}.review-chip-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.review-concept{color:var(--warning);font-size:.82rem;font-weight:600}.review-chapter{color:var(--text-muted);font-size:.7rem}.review-time{color:var(--text-dim);white-space:nowrap;font-size:.65rem}.review-mastery{border-radius:999px;padding:.12rem .4rem;font-size:.65rem;font-weight:600}.review-mastery.mastery-low{background:var(--error-bg);color:var(--error)}.review-mastery.mastery-mid{background:var(--warning-bg);color:var(--warning)}.review-mastery.mastery-ok{background:var(--success-bg);color:var(--success)}.review-more{color:var(--text-muted);margin-top:.6rem;font-size:.75rem}.chapter-header{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.85rem;display:flex}.chapter-number{background:var(--grad);color:#fff;white-space:nowrap;font-size:.75rem;font-weight:700;font-family:var(--font-mono);border-radius:8px;padding:.3rem .75rem}.concept-badges{flex-wrap:wrap;gap:.45rem;margin-bottom:1.3rem;display:flex}.concept-badge{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:.22rem .65rem;font-size:.73rem;transition:border-color .2s,color .2s}.concept-badge:hover{border-color:var(--accent);color:var(--accent)}.concept-badge.correct{border-color:var(--success);color:var(--success);background:var(--success-bg)}.concept-badge.incorrect{border-color:var(--error);color:var(--error);background:var(--error-bg)}.mode-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.mode-tab{background:var(--bg-card);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex:1;min-width:120px;padding:.7rem .5rem;font-size:.82rem;font-weight:600;transition:border-color .25s,color .25s,transform .25s,background .25s;position:relative}.mode-tab.active{background:var(--grad);color:#fff;border-color:#0000}.mode-tab:not(.active):hover:not(:disabled){border-color:var(--accent);color:var(--text);transform:translateY(-2px)}.mode-tab:disabled{opacity:.4;cursor:not-allowed}.mode-panel{animation:.25s fadeIn}.mcq-progress{text-align:center;color:var(--text-dim);font-size:.8rem;font-family:var(--font-mono);margin-bottom:.75rem}.mcq-loading{text-align:center;color:var(--accent);padding:2rem 0;font-size:.9rem}.mcq-card{padding:1.75rem}.mcq-question{margin-bottom:1.3rem;font-size:1.08rem;font-weight:500;line-height:1.6}.mcq-options{flex-direction:column;gap:.7rem;display:flex}.mcq-option{background:var(--bg-input);border:2px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:flex-start;gap:.8rem;padding:.8rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.mcq-option:hover{border-color:var(--accent);background:rgba(var(--accent-rgb), .08);transform:translate(4px)}.mcq-option.selected{border-color:var(--accent);background:var(--accent-soft)}.mcq-option.correct{border-color:var(--success);background:var(--success-bg);animation:.45s cubic-bezier(.22,1,.36,1) correctPop}.mcq-option.incorrect{border-color:var(--error);background:var(--error-bg);animation:.4s shake}.mcq-option.disabled{pointer-events:none}.mcq-option-letter{background:var(--bg-card);border:1px solid var(--border);width:28px;height:28px;font-family:var(--font-mono);color:var(--text-dim);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:flex}.mcq-option.selected .mcq-option-letter{background:var(--accent);color:#fff;border-color:var(--accent)}.mcq-option.correct .mcq-option-letter{background:var(--success);color:#04141c;border-color:var(--success)}.mcq-option.incorrect .mcq-option-letter{background:var(--error);color:#fff;border-color:var(--error)}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.confidence-section{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:12px;margin:1rem 0;padding:1rem 1.25rem}.confidence-label{color:var(--text-dim);margin-bottom:.5rem;font-size:.85rem}.confidence-label span{color:var(--accent);font-weight:700;font-family:var(--font-mono)}.confidence-slider{width:80%;max-width:300px;accent-color:var(--accent)}.feedback-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);margin-top:1rem;animation:.35s slideUp;overflow:hidden}.feedback-banner{align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:.88rem;font-weight:700;display:flex}.feedback-banner.correct{background:var(--success-bg);color:var(--success);border-bottom:2px solid var(--success)}.feedback-banner.incorrect{background:var(--error-bg);color:var(--error);border-bottom:2px solid var(--error)}.feedback-explanation{color:var(--text);padding:1.1rem;font-size:.86rem;line-height:1.7}.feedback-fix{color:var(--text-dim);white-space:pre-line;padding:0 1.1rem 1.1rem;font-size:.8rem}.feedback-fix:empty{display:none}.execution-error{background:var(--bg-input);color:var(--error);white-space:pre-wrap;font-size:.75rem;font-family:var(--font-mono);border-radius:8px;margin:0 1.1rem .6rem;padding:.55rem;overflow-x:auto}.mcq-nav{justify-content:center;gap:.75rem;margin-top:1.1rem;display:flex}.results-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:480px;box-shadow:var(--shadow-md);margin:2rem auto;padding:2.4rem 2rem;position:relative;overflow:hidden}.results-card:before{content:"";background:var(--grad);height:3px;position:absolute;inset:0 0 auto}.results-header{margin-bottom:1.5rem}.results-header h3{margin-bottom:.9rem;font-size:1.3rem}.results-score{letter-spacing:-.03em;background:linear-gradient(120deg, var(--accent-hover), #22d3ee);-webkit-text-fill-color:transparent;font-size:3rem;font-weight:800;font-family:var(--font-display);-webkit-background-clip:text;background-clip:text}.results-pct{border-radius:999px;margin-top:.6rem;padding:.28rem 1.1rem;font-size:.85rem;font-weight:700;display:inline-block}.results-pct.pass{background:var(--success-bg);color:var(--success)}.results-pct.fail{background:var(--error-bg);color:var(--error)}.results-actions{justify-content:center;gap:.5rem;margin-top:1.4rem;display:flex}.calibration-warning{background:var(--error-bg);border:1px solid var(--error);color:var(--error);border-radius:12px;margin-bottom:1.3rem;padding:.85rem 1.1rem;font-size:.82rem;line-height:1.6}.result-concepts{margin-bottom:1rem}.result-concepts-label{color:var(--text-dim);margin-bottom:.5rem;font-size:.8rem}.mode-title{margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.mode-desc{color:var(--text-dim);margin-bottom:1.25rem;line-height:1.6}.code-task-card h3{margin-bottom:.5rem}.code-task-desc{color:var(--text-dim);white-space:pre-line;margin-bottom:.85rem;font-size:.9rem;line-height:1.65}.code-editor-wrapper{margin-bottom:1rem}.code-editor-label{color:var(--text-dim);margin-bottom:.45rem;font-size:.8rem;font-weight:500;display:block}.code-textarea{color:#a8e6a3;border:1px solid var(--border);width:100%;min-height:200px;font-family:var(--font-mono);resize:vertical;tab-size:4;background:#0a0c14;border-radius:12px;outline:none;padding:1rem;font-size:.85rem;line-height:1.65;transition:border-color .2s,box-shadow .2s}.code-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.code-editor{color:#a8e6a3;border:1px solid var(--border);width:100%;min-height:200px;font-family:var(--font-mono);resize:vertical;tab-size:4;background:#0a0c14;border-radius:12px;outline:none;padding:1rem;font-size:.85rem;line-height:1.65;transition:border-color .2s,box-shadow .2s}.code-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.challenge-task-card h3{color:var(--accent);margin-bottom:.5rem}.challenge-desc{color:var(--text-dim);white-space:pre-line;margin-bottom:.85rem;line-height:1.7}.challenge-group-info{color:var(--text-muted);margin-bottom:.85rem;font-size:.75rem;font-style:italic}.footer{z-index:10;-webkit-backdrop-filter:blur(20px);width:100%;padding:3.75rem 1.5rem max(1.75rem, env(safe-area-inset-bottom,1.75rem));margin-top:auto;position:relative;overflow:hidden;background:linear-gradient(#0a0e1af2 0%,#05070efc 100%)!important;border-top:1px solid #94a3b81f!important}.footer-top-accent{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#0ea5e98c 30%,#22d3eeb3 50%,#0ea5e98c 70%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.footer-inner{max-width:var(--container,1200px);grid-template-columns:2.2fr 1fr 1fr 1fr;align-items:start;gap:3.5rem;margin:0 auto 3rem;display:grid}.footer-brand{flex-direction:column;align-items:flex-start;gap:1.1rem;display:flex}.footer-logo-btn{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:0;transition:transform .2s,opacity .2s;display:inline-flex}.footer-logo-btn:hover{opacity:.92;transform:translateY(-1px)}.footer-logo-mark{color:#38bdf8;width:32px;height:32px;font-family:var(--font-mono,monospace);background:linear-gradient(135deg,#0ea5e938,#22d3ee24);border:1px solid #0ea5e961;border-radius:8px;flex-shrink:0;place-items:center;font-size:.78rem;font-weight:800;display:grid;box-shadow:0 0 14px #0ea5e940}.footer-brand-title{font-family:"Space Grotesk", var(--font-display,sans-serif);letter-spacing:-.025em;color:#fff;font-size:1.18rem;font-weight:800;line-height:1}.footer-tagline{color:#94a3b8;max-width:360px;margin:0;font-size:.86rem;line-height:1.68}.footer-status-badge{font-family:var(--font-mono,monospace);color:#34d399;letter-spacing:.02em;background:#10b98114;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;padding:.3rem .75rem;font-size:.72rem;font-weight:600;display:inline-flex}.footer-status-indicator{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2.2s infinite pulse-dot;box-shadow:0 0 8px #10b981}.footer-col{flex-direction:column;display:flex}.footer-col-title{align-items:center;gap:.4rem;display:flex;letter-spacing:.08em!important;text-transform:uppercase!important;color:#f1f5f9!important;margin-bottom:1.15rem!important;font-family:Space Grotesk,-apple-system,sans-serif!important;font-size:.8rem!important;font-weight:700!important}.footer-links{flex-direction:column;gap:.65rem;display:flex;margin:0!important;padding:0!important;list-style:none!important}.footer-links li{display:flex;margin:0!important}.footer-links button{cursor:pointer;text-align:left;align-items:center;line-height:1.45;display:inline-flex;position:relative;color:#94a3b8!important;font-size:.86rem!important;font-family:var(--font-sans,inherit)!important;background:0 0!important;border:none!important;padding:.15rem 0!important;transition:color .2s,transform .2s!important}.footer-links button:hover{transform:translate(3px);color:#38bdf8!important}.footer-links button:focus-visible{outline:2px solid var(--accent,#0ea5e9);outline-offset:3px;border-radius:4px}.footer-bottom{max-width:var(--container,1200px);color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin:0 auto;padding-top:2rem;font-size:.78rem;display:flex;border-top:1px solid #94a3b81a!important}.footer-legal{flex-wrap:wrap;align-items:center;gap:.85rem 1.15rem;display:flex}.footer-legal-dot{color:#94a3b859;-webkit-user-select:none;user-select:none;font-size:.65rem}.footer-legal button{cursor:pointer;font-family:inherit;color:#94a3b8!important;background:0 0!important;border:none!important;padding:.2rem 0!important;font-size:.78rem!important;transition:color .2s!important}.footer-legal button:hover{color:#38bdf8!important}.footer-copy{font-family:var(--font-mono,monospace);letter-spacing:.02em;color:#64748b;font-size:.74rem}@media (width<=960px){.footer{padding:3rem 1.5rem max(1.75rem, env(safe-area-inset-bottom,1.75rem))}.footer-inner{grid-template-columns:1fr 1fr;gap:2.75rem 2.5rem;margin-bottom:2.5rem}.footer-brand{grid-column:1/-1;max-width:520px}.footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;padding-top:1.75rem}.footer-legal{justify-content:center}}@media (width<=640px){.footer{padding:2.5rem 1.15rem max(1.5rem, env(safe-area-inset-bottom,1.5rem))}.footer-inner{grid-template-columns:1fr 1fr;gap:2rem 1.25rem;margin-bottom:2rem}.footer-brand{grid-column:1/-1;gap:.85rem}.footer-brand-title{font-size:1.1rem}.footer-tagline{max-width:100%;font-size:.82rem;line-height:1.62}.footer-col-title{letter-spacing:.07em!important;margin-bottom:.9rem!important;font-size:.76rem!important}.footer-links{gap:.5rem}.footer-links button{min-height:38px;padding:.35rem 0!important;font-size:.82rem!important}.footer-links button:hover{transform:none}.footer-bottom{gap:1rem;padding-top:1.5rem}.footer-legal{justify-content:center;gap:.5rem .85rem}.footer-legal button{padding:.35rem .2rem!important;font-size:.76rem!important}.footer-legal-dot{display:inline}.footer-copy{text-align:center;font-size:.7rem;line-height:1.55}}@media (width<=380px){.footer-inner{grid-template-columns:1fr;gap:1.75rem}}[data-theme=light] .footer{background:linear-gradient(#f8fafc 0%,#edf2f7 100%)!important;border-top:1px solid #cbd5e1d9!important}[data-theme=light] .footer-top-accent{background:linear-gradient(90deg,#0000 0%,#0ea5e966 30%,#0284c799 50%,#0ea5e966 70%,#0000 100%)}[data-theme=light] .footer-brand-title{color:#0f172a!important}[data-theme=light] .footer-logo-mark{color:#0284c7;background:#0ea5e91f;border-color:#0ea5e959;box-shadow:0 2px 8px #0ea5e926}[data-theme=light] .footer-tagline{color:#475569!important}[data-theme=light] .footer-status-badge{color:#047857;background:#10b9811a;border-color:#10b9814d}[data-theme=light] .footer-col-title{color:#0f172a!important}[data-theme=light] .footer-links button{color:#475569!important}[data-theme=light] .footer-links button:hover{color:#0284c7!important}[data-theme=light] .footer-bottom{color:#64748b;border-top-color:#e2e8f0f2!important}[data-theme=light] .footer-legal button{color:#475569!important}[data-theme=light] .footer-legal button:hover{color:#0284c7!important}[data-theme=light] .footer-copy{color:#64748b}.skeleton{background:linear-gradient(90deg, var(--bg-card-alt) 25%, var(--bg-input) 50%, var(--bg-card-alt) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;margin-bottom:.5rem}.skeleton-text-sm{width:60%;height:10px}.skeleton-title{width:70%;height:22px;margin-bottom:.75rem}.skeleton-card{height:160px}.skeleton-btn{width:120px;height:38px}.skeleton-avatar{border-radius:12px;width:44px;height:44px}.empty-state-icon{margin-bottom:.75rem;font-size:2.6rem;animation:4s ease-in-out infinite float;display:inline-block}.empty-state h3{margin-bottom:.35rem;font-size:1.05rem;font-weight:600}.empty-state p{color:var(--text-dim);max-width:360px;margin:0 auto 1.25rem;font-size:.85rem;line-height:1.6}.fade-in{animation:.3s fadeIn}.slide-up{animation:.3s slideUp}.cal-bar-row{align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.72rem;display:flex}.cal-bar-label{width:5rem;color:var(--text-dim);flex-shrink:0}.cal-bar-track{background:var(--bg-input);border-radius:4px;flex:1;height:7px;overflow:hidden}.cal-bar-fill{border-radius:4px;height:100%;transition:width .6s}.cal-bar-over{background:var(--error)}.cal-bar-under{background:var(--success)}.cal-bar-ok{background:var(--text-muted)}.cal-bar-gap{text-align:right;width:3.5rem;font-family:var(--font-mono);flex-shrink:0}.cal-bars{margin-top:.3rem}.debug-mode{margin-top:1rem}.debug-select{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.debug-select label{color:var(--text-dim);font-size:.82rem}.debug-select-input{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:8px;outline:none;min-width:160px;padding:.5rem .75rem;font-size:.85rem}.debug-select-input:focus{border-color:var(--accent)}.debug-bug-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;padding:1.1rem}.debug-bug-header{flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;display:flex}.debug-badge{background:var(--bg-input);color:var(--text-dim);text-transform:capitalize;border-radius:999px;padding:.22rem .55rem;font-size:.7rem}.debug-badge-category{color:#74b9ff;background:#1e3a5f80}.debug-badge-mastery{color:#81ecec;background:#1e2f1e80}.debug-desc{color:var(--text-dim);margin-bottom:.6rem;font-size:.82rem}.debug-code-block{border:1px solid var(--border);font-size:.8rem;line-height:1.65;font-family:var(--font-mono);background:#0a0c14;border-radius:8px;padding:.85rem;overflow-x:auto}.debug-fix-input{font-family:var(--font-mono);font-size:.85rem;line-height:1.65}.debug-result{border-radius:14px;margin-top:1rem;padding:1.1rem;animation:.3s slideUp}.debug-pass{background:var(--success-bg);border:1px solid var(--success)}.debug-fail{background:var(--error-bg);border:1px solid var(--error)}.debug-result h4{margin-bottom:.5rem}.debug-result-details p{margin-bottom:.2rem;font-size:.82rem}.debug-hint{color:var(--warning);font-size:.78rem;font-family:var(--font-mono);margin-top:.3rem}.debug-root-cause{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-top:1rem;padding:1.1rem}.debug-root-cause h4{margin-bottom:.3rem}.debug-root-cause-result{border-radius:8px;margin-top:.5rem;padding:.55rem;font-size:.85rem}.teach-back-mode{margin-top:1rem}.tb-rubric-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;padding:1.1rem}.tb-rubric-preview h4{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.82rem}.tb-rubric-list{margin:0;padding:0;list-style:none}.tb-rubric-item{border-bottom:1px solid var(--border);gap:.5rem;padding:.35rem 0;font-size:.8rem;display:flex}.tb-rubric-item:last-child{border-bottom:none}.tb-rubric-id{font-family:var(--font-mono);color:#74b9ff;text-transform:capitalize;min-width:7rem}.tb-rubric-desc{color:var(--text-dim)}.tb-result{margin-top:1rem}.tb-result h4{margin-bottom:.5rem}.tb-coverage-bars{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.85rem}.tb-coverage-row{align-items:center;gap:.5rem;padding:.35rem 0;font-size:.82rem;display:flex}.tb-coverage-label{text-transform:capitalize;min-width:8rem;color:var(--text-dim)}.tb-coverage-status{width:1.2rem;font-weight:700}.tb-covered{color:var(--success)}.tb-missing{color:var(--error)}.tb-terms{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.tb-follow-up{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-top:1rem;padding:1.1rem}.tb-follow-up h4{margin-bottom:.3rem}.tb-follow-question{color:var(--warning);margin-bottom:.6rem;font-size:.9rem;line-height:1.65}.tb-follow-result{border-radius:8px;margin-top:.5rem;padding:.55rem .85rem;font-size:.85rem}.predict-mode{margin-top:1rem}.predict-snapshot{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;padding:1.1rem}.predict-snapshot h4{margin-bottom:.3rem}.predict-prereq-list{margin:.5rem 0 0;padding:0;list-style:none}.predict-prereq-item{align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8rem;display:flex}.predict-prereq-bar{border-radius:4px;flex:1;max-width:120px;height:7px}.bar-strong{background:var(--success)}.bar-weak{background:var(--error)}.predict-prompt-card{background:linear-gradient(140deg, rgba(var(--accent-rgb), .16), #22d3ee1a);border:1px solid var(--accent-glow);border-radius:14px;margin-bottom:1rem;padding:1.3rem;position:relative;overflow:hidden}.predict-prompt-text{color:var(--text);white-space:pre-line;margin-bottom:.5rem;font-size:.92rem;line-height:1.7}.predict-result{margin-top:1rem}.predict-score{color:var(--warning);font-size:1.2rem}.predict-breakdown{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-top:.5rem;padding:.85rem}.predict-breakdown p{padding:.2rem 0;font-size:.82rem}.review-mode{margin-top:1rem}.mastery-bar-wrapper{margin:1rem 0}.mastery-bar-label{color:var(--text-dim);margin-bottom:.35rem;font-size:.8rem;display:block}.mastery-bar-fill{background:var(--grad);height:10px;box-shadow:0 0 12px var(--accent-glow);border-radius:6px;transition:width .8s cubic-bezier(.22,1,.36,1)}@media (width<=768px){.navbar-links{border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-md);background:#070912fa;flex-direction:column;align-items:stretch;gap:.35rem;padding:.75rem;display:none;position:absolute;top:100%;left:0;right:0}.navbar-links.open{display:flex}.navbar-inner{position:relative}.navbar-mobile-toggle{display:flex}.desktop-only{display:none!important}.mobile-only{display:flex!important}.navbar-link{text-align:left}.navbar-dropdown{width:100%}.navbar-dropdown-trigger{justify-content:space-between;width:100%}.navbar-dropdown-section-label{padding:.3rem .6rem}.navbar-dropdown-menu{width:100%;min-width:0;box-shadow:none;opacity:0;pointer-events:none;background:0 0;border:none;max-height:0;padding:0 0 0 .5rem;transition:max-height .3s,opacity .2s,padding .3s;position:static;overflow:hidden;transform:none}.navbar-dropdown-menu.open{opacity:1;pointer-events:auto;max-height:340px;padding:.2rem 0 .2rem .5rem;transform:none}.navbar-dropdown-item{padding:.5rem .6rem}.navbar-dropdown-item:hover{transform:none}.navbar-dropdown-footer{margin-top:.15rem;padding-top:.3rem}.navbar-dropdown-panel{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.navbar-dropdown-panel:before{display:none}.navbar-chevron{transition:transform .3s}.navbar-dropdown-trigger[aria-expanded=true] .navbar-chevron{transform:rotate(180deg)}.navbar-dropdown-arrow{display:none}.landing-hero .hero-title{font-size:2.6rem}.landing-hero{padding:3.2rem 1rem 2.5rem}.hero-grid{text-align:center;flex-direction:column}.hero-content{text-align:center}.landing-hero .hero-subtitle{margin-left:auto;margin-right:auto}.landing-hero .hero-actions{justify-content:center}.hero-bottom-chips{flex-wrap:wrap;justify-content:center;gap:.8rem 1.2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem}.dash-row{flex-direction:column}.dash-row>.dash-card{min-width:auto}.dash-header{flex-direction:column}.container{padding:1rem .85rem}.footer-inner{grid-template-columns:1fr 1fr}.footer-inner .footer-brand{grid-column:1/-1}.features-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:.5rem}.courses-grid{grid-template-columns:1fr}.mode-tabs{flex-wrap:wrap}.mode-tab{flex:1 0 auto;min-width:42%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transition:none;transform:none}}@keyframes card-in{0%{opacity:0;transform:translateY(60px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.channels-grid{perspective:1400px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.4rem;display:grid}.channel-card{text-align:left;-webkit-backdrop-filter:blur(20px);cursor:pointer;color:inherit;font:inherit;transform-style:preserve-3d;will-change:transform;background:linear-gradient(160deg,#131b2ed1 0%,#0a0e1ac2 100%);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:stretch;padding:1.35rem 1.45rem 1.2rem;transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff14}.channel-card:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px) scale(1.015);border-color:var(--ch-color,#0ea5e9);box-shadow:0 16px 40px -10px #000000b3, 0 0 30px var(--ch-glow,#0ea5e940), inset 0 1px 0 #ffffff29}.channel-card-top-line{background:linear-gradient(90deg, transparent, var(--ch-color,#00d4ff), transparent);opacity:0;pointer-events:none;border-radius:2px;height:2px;transition:opacity .35s,left .35s,right .35s;position:absolute;top:0;left:20%;right:20%}.channel-card:hover .channel-card-top-line{opacity:1;left:8%;right:8%}.channel-card-top-row{z-index:2;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex;position:relative}.channel-badge-pill{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ch-color,#38bdf8);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff17;border-radius:9999px;padding:.18rem .55rem;font-size:.62rem;font-weight:600;display:inline-block}.channel-sub-pill{font-family:var(--font-mono);color:#e2e8f0;white-space:nowrap;background:#00d4ff14;border:1px solid #00d4ff38;border-radius:9999px;align-items:center;gap:5px;padding:.18rem .55rem;font-size:.65rem;font-weight:600;display:inline-flex}.channel-sub-icon{color:var(--ch-color,#00d4ff)}.channel-card-identity{z-index:2;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex;position:relative}.channel-avatar-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.channel-avatar-wrapper .channel-card-emoji{position:relative;width:44px!important;height:44px!important;box-shadow:0 4px 14px var(--ch-glow,#0006)!important;background:conic-gradient(from var(--ring-angle,0deg), var(--cyber-blue,#0284c7), var(--cyber-cyan,#00d4ff), #f472b6cc, var(--cyber-blue,#0284c7))!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;padding:2px!important;transition:transform .35s cubic-bezier(.34,1.56,.64,1)!important;animation:4s linear infinite avatarRingSpin!important;display:flex!important;overflow:hidden!important}.channel-card:hover .channel-avatar-wrapper .channel-card-emoji{transform:scale(1.08)rotate(-4deg)!important}.channel-card-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff!important;letter-spacing:-.015em!important;margin:0!important;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:1.2rem!important;font-weight:700!important;line-height:1.25!important}.channel-card-tagline{-webkit-line-clamp:2;z-index:2;-webkit-box-orient:vertical;height:2.55rem;display:-webkit-box;position:relative;overflow:hidden;font-family:var(--font-sans)!important;color:#94a3b8!important;margin:0 0 .85rem!important;font-size:.82rem!important;line-height:1.55!important}.channel-card-footer{z-index:2;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:.75rem;transition:border-color .3s;display:flex;position:relative}.channel-card:hover .channel-card-footer{border-color:#ffffff29}.channel-card:hover .channel-footer-action{color:#fff}.channel-card:hover .channel-card-arrow-circle{background:var(--ch-color,#0ea5e9);color:#fff;border-color:var(--ch-color,#0ea5e9);box-shadow:0 0 10px var(--ch-glow,#0ea5e980);transform:translate(3px)}.channel-card-glare{z-index:3;pointer-events:none;background:radial-gradient(420px 260px at var(--gx,50%) var(--gy,0%), #ffffff24, transparent 55%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.channel-card:hover .channel-card-glare{opacity:1}.channels-page{background:#070912;flex-direction:column;min-height:calc(100vh - 72px);display:flex;position:relative;overflow-x:hidden}.channels-page .bg-grid{opacity:.25;pointer-events:none;position:absolute;inset:0}.channels-ambient-glow{background:radial-gradient(ellipse 65% 50% at 50% 0%, rgba(var(--accent-rgb), .12) 0%, transparent 70%), radial-gradient(circle 320px at 20% 30%, #22d3ee0d 0%, transparent 70%), radial-gradient(circle 320px at 80% 30%, rgba(var(--accent-rgb), .06) 0%, transparent 70%);pointer-events:none;z-index:0;width:100%;max-width:1200px;height:520px;position:absolute;top:0;left:50%;transform:translate(-50%)}.channels-hero{text-align:center;z-index:1;padding:2.4rem 1.5rem 1.2rem;position:relative}.channels-hero-inner{z-index:1;flex-direction:column;align-items:center;gap:.9rem;max-width:760px;margin:0 auto;display:flex;position:relative}.channels-badge-yt{border:1px solid rgba(var(--accent-rgb), .25);box-shadow:0 2px 10px #0000004d, 0 0 16px rgba(var(--accent-rgb), .08);-webkit-backdrop-filter:blur(8px);background:#0d111dd9;border-radius:999px;align-items:center;gap:.55rem;padding:.32rem .95rem;display:inline-flex}.channels-badge-yt-icon{justify-content:center;align-items:center;display:flex}.channels-badge-yt-text{color:#7dd3fc;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.channels-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text);margin:0;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;line-height:1.15}.channels-title-accent{background:linear-gradient(135deg,#0ea5e9 0%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.channels-subtitle{color:var(--text-dim);text-wrap:balance;max-width:760px;margin:0;font-size:clamp(.92rem,1.7vw,1.05rem);line-height:1.65}.channels-metrics-deck{background:#0d111dbf;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:580px;margin-top:.5rem;padding:.95rem 2.2rem;display:inline-flex;box-shadow:0 4px 20px #00000040}.channels-metric-col{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.channels-metric-value{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-size:1.55rem;font-weight:800;line-height:1}.channels-metric-value--cyan{color:#38bdf8}.channels-metric-value--purple{color:#c084fc}.channels-metric-label{color:var(--text-dim);white-space:nowrap;font-size:.78rem;font-weight:500}.channels-metric-divider{background:#ffffff14;width:1px;height:28px}.channels-section{z-index:1;flex:1;padding:1rem 1.5rem 5rem;position:relative}.channels-container{width:100%;max-width:1200px;margin:0 auto}.channels-toolbar{background:#0d111da6;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:.55rem .75rem;display:flex;box-shadow:0 4px 20px #0003}.channels-filter-tabs{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.channels-filter-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.42rem .9rem;font-family:inherit;font-size:.82rem;font-weight:500;transition:color .2s,background .2s,border-color .2s}.channels-filter-tab:hover{color:var(--text);background:#ffffff0a}.channels-filter-tab.active{color:#fff;background:#1e293bf2;border-color:#ffffff1f;font-weight:600;box-shadow:0 2px 8px #0000004d}.channels-search-box{background:#080b14d9;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.55rem;min-width:270px;padding:.42rem .85rem;transition:border-color .2s,box-shadow .2s;display:flex}.channels-search-box:focus-within{border-color:#38bdf866;box-shadow:0 0 12px #38bdf826}.channels-search-icon{color:#64748b;flex-shrink:0}.channels-search-input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.82rem}.channels-search-input::placeholder{color:#64748b}.channels-empty-filter{text-align:center;color:var(--text-dim);padding:3rem 1rem}.channels-reset-filter-btn{background:rgba(var(--accent-rgb), .15);border:1px solid rgba(var(--accent-rgb), .3);color:#7dd3fc;cursor:pointer;border-radius:8px;margin-top:.8rem;padding:.45rem 1rem;font-size:.82rem;transition:background .2s}.channels-reset-filter-btn:hover{background:rgba(var(--accent-rgb), .25)}@media (width<=768px){.channels-metrics-deck{gap:.8rem;max-width:100%;padding:.8rem 1rem}.channels-metric-value{font-size:1.3rem}.channels-metric-label{font-size:.72rem}.channels-toolbar{flex-direction:column;align-items:stretch;gap:.8rem}.channels-filter-tabs{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.2rem;overflow-x:auto}.channels-filter-tabs::-webkit-scrollbar{display:none}.channels-search-box{min-width:100%}}@media (width<=600px){.channels-hero{padding:1.8rem 1rem 1rem}.channels-metrics-deck{gap:.5rem}.channels-metric-value{font-size:1.15rem}.channels-metric-label{font-size:.68rem}.channels-section{padding:1rem 1rem 2rem}.channels-workflow-section{padding:2rem 1rem 2.5rem}}.legal-page{padding-bottom:4rem}.legal-header{margin-bottom:2.5rem}.legal-header h1{letter-spacing:-.02em;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;font-family:var(--font-display);margin:.5rem 0}.legal-updated{color:var(--text-muted);margin-bottom:1.1rem;font-size:.8rem}.legal-intro{color:var(--text-dim);max-width:660px;font-size:.95rem;line-height:1.7}.legal-section{margin-bottom:2.1rem}.legal-section h2{color:var(--text);margin-bottom:.6rem;font-size:1.1rem;font-weight:600}.legal-section p,.legal-section li{color:var(--text-dim);font-size:.92rem;line-height:1.75}.legal-section p{margin-bottom:.7rem}.legal-section p:last-child{margin-bottom:0}.legal-section ul{margin:.4rem 0 .9rem;padding-left:1.3rem}.legal-section li{margin-bottom:.5rem}.legal-section a{color:var(--accent);text-decoration:none}.legal-section a:hover{text-decoration:underline}.legal-note{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);padding:.9rem 1.1rem;font-size:.86rem}.contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.8rem;position:relative;overflow:hidden}.contact-card:before{content:"";background:var(--grad);height:2px;position:absolute;top:0;left:0;right:0}.contact-rows{flex-direction:column;gap:1.4rem;display:flex}.contact-row{align-items:flex-start;gap:1.1rem;display:flex}.contact-icon{background:var(--accent-soft);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.2rem;display:flex}.contact-row h3{margin-bottom:.35rem;font-size:1rem;font-weight:600}.contact-row p{color:var(--text-dim);font-size:.9rem;line-height:1.7}.contact-row a{color:var(--accent);word-break:break-all;text-decoration:none}.contact-row a:hover{text-decoration:underline}.contact-note{margin-top:.4rem;color:var(--text-muted)!important;font-size:.82rem!important}.contact-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:.8rem;margin-top:1.8rem;padding-top:1.4rem;display:flex}.contact-actions a.btn{text-decoration:none}.account-page{min-height:calc(100vh - 72px);padding:2rem 1rem 6rem;position:relative;overflow-x:hidden}.account-bg{z-index:-1;background:radial-gradient(ellipse 60% 40% at 20% 0%, rgba(var(--accent-rgb), .12), transparent 70%), radial-gradient(ellipse 50% 35% at 85% 20%, #22d3ee14, transparent 65%);pointer-events:none;position:absolute;inset:0}.account-container{flex-direction:column;gap:1.5rem;max-width:820px;margin:0 auto;display:flex}.account-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.account-breadcrumbs{color:var(--text-dim);align-items:center;gap:.45rem;font-size:.82rem;display:inline-flex}.account-crumb-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-weight:500;transition:color .18s}.account-crumb-link:hover{color:var(--text)}.account-crumb-sep{color:var(--text-muted);opacity:.6}.account-crumb-current{color:var(--text);font-weight:600}.account-top-actions{align-items:center;gap:.6rem;display:inline-flex}.account-top-back,.account-top-logout{color:var(--text-dim);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;transition:all .2s;display:inline-flex}.account-top-back:hover{color:var(--text);border-color:var(--border);background:#ffffff0d}.account-top-logout:hover{color:#fca5a5;background:#ef444414;border-color:#ef444440}.account-logout-confirm{background:#ef444414;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:.45rem;padding:.25rem .5rem;font-size:.78rem;display:inline-flex}.account-logout-q{color:#fca5a5;margin-right:.2rem;font-weight:500}.account-hero-banner{border:1px solid var(--border-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#161a2cd9 0%,#0e101ce6 100%);align-items:center;gap:1.35rem;padding:1.6rem 1.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000059}.account-hero-banner:before{content:"";background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 60%, transparent 100%);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.account-banner-avatar-wrap{flex-shrink:0;position:relative}.account-avatar-glow{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.35;filter:blur(8px);border-radius:50%;position:absolute;inset:-4px}.account-avatar{background:var(--grad);color:#fff;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.45rem;font-weight:700;display:flex;position:relative;box-shadow:0 4px 16px #0000004d}.account-banner-details{flex-direction:column;gap:.35rem;min-width:0;display:flex}.account-banner-header{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.account-user-name{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(1.3rem,2.4vw,1.6rem);font-weight:700;line-height:1.2}.account-role-badge{background:rgba(var(--accent-rgb), .12);border:1px solid rgba(var(--accent-rgb), .28);color:var(--accent-hover);letter-spacing:.02em;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.account-banner-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.8rem;display:flex}.account-meta-item{color:var(--text-dim);align-items:center;gap:.35rem;display:inline-flex}.account-meta-dot{color:var(--text-muted)}.account-tabs-bar{border:1px solid var(--border);scrollbar-width:none;background:#0e111ebf;border-radius:12px;gap:.5rem;padding:.35rem;display:flex;overflow-x:auto}.account-tabs-bar::-webkit-scrollbar{display:none}.account-tab-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.84rem;font-weight:500;transition:all .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.account-tab-btn:hover{color:var(--text);background:#ffffff0a}.account-tab-btn.active{color:#fff;background:rgba(var(--accent-rgb), .16);border-color:var(--accent-glow);box-shadow:0 2px 10px rgba(var(--accent-rgb), .15)}.account-tab-danger:hover{color:#fca5a5;background:#ef44440f}.account-tab-danger.active{color:#fecaca;background:#ef444424;border-color:#ef444459;box-shadow:0 2px 10px #ef444426}.account-tab-content{flex-direction:column;gap:1.15rem;display:flex}.account-card{background:var(--bg-card-alt);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition);padding:1.45rem 1.65rem;position:relative}.account-card:hover{border-color:#94a3b847;box-shadow:0 8px 24px #00000040}.account-card-header{align-items:flex-start;gap:.85rem;margin-bottom:1.15rem;display:flex}.account-card-icon{background:rgba(var(--accent-rgb), .12);border:1px solid rgba(var(--accent-rgb), .25);width:36px;height:36px;color:var(--accent-hover);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-card-icon.danger{color:#f87171;background:#ef44441f;border-color:#ef444447}.account-card-title{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text);margin-bottom:.2rem;font-size:1.05rem;font-weight:600}.account-card-desc{color:var(--text-dim);margin:0;font-size:.84rem;line-height:1.5}.account-info-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:#0a0c1680;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.account-info-value{color:var(--text);font-size:.92rem;font-weight:500}.account-email-wrap{flex-wrap:wrap;align-items:center;gap:.65rem;display:inline-flex}.account-status-chip{color:#34d399;background:#34d3991f;border:1px solid #34d39940;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.account-edit-btn,.account-copy-btn{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.8rem;transition:all .18s;display:inline-flex}.account-edit-btn:hover,.account-copy-btn:hover{color:var(--text);border-color:var(--accent);background:rgba(var(--accent-rgb), .08)}.account-edit-form{flex-direction:column;gap:.75rem;display:flex}.account-input-group{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.account-input{flex:1;min-width:220px}.account-form-actions{align-items:center;gap:.45rem;display:flex}.account-plan-box{background:linear-gradient(135deg, rgba(var(--accent-rgb), .08) 0%, #22d3ee0a 100%);border:1px solid rgba(var(--accent-rgb), .22);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.15rem 1.25rem;display:flex}.account-plan-info{flex-direction:column;gap:.3rem;max-width:520px;display:flex}.account-plan-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-hover);font-size:.7rem;font-weight:700}.account-plan-title{font-family:var(--font-sans);color:var(--text);margin:0;font-size:1.02rem;font-weight:600}.account-plan-desc{color:var(--text-dim);margin:0;font-size:.83rem;line-height:1.5}.account-form{flex-direction:column;gap:1.15rem;display:flex}.account-field{flex-direction:column;gap:.4rem;display:flex}.account-label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.account-input-wrap{align-items:center;width:100%;display:flex;position:relative}.account-pwd-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:color .18s;display:inline-flex;position:absolute;right:.85rem}.account-pwd-toggle:hover{color:var(--text)}.account-pwd-hints{flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.2rem 0;display:flex}.account-hint-item{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.78rem;transition:color .2s;display:inline-flex}.account-hint-item.valid{color:#34d399}.account-hint-icon{opacity:.4;transition:opacity .2s,transform .2s}.account-hint-item.valid .account-hint-icon{opacity:1;transform:scale(1.1)}.account-form-footer{margin-top:.35rem}.account-alert{border-radius:8px;align-items:center;gap:.65rem;padding:.75rem 1rem;font-size:.84rem;line-height:1.4;animation:.2s fadeIn;display:flex}.account-alert.success{color:#34d399;background:#34d3991a;border:1px solid #34d39947}.account-alert.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444447}.account-card-danger{background:linear-gradient(#200e1280 0%,#140a0e99 100%);border-color:#ef444447}.account-card-danger:hover{border-color:#ef444473;box-shadow:0 8px 30px #ef44441f}.text-danger{color:#f87171!important}.account-danger-warning{background:#ef444414;border-left:3px solid #ef4444;border-radius:0 8px 8px 0;margin-bottom:1.25rem;padding:.85rem 1rem}.account-danger-warning p{color:#fecaca;margin:0;font-size:.82rem;line-height:1.5}.account-danger-action{flex-direction:column;gap:.75rem;display:flex}.account-danger-keyword{font-family:var(--font-mono);color:#f87171;background:#ef444426;border-radius:4px;padding:.1rem .4rem;font-weight:700}.account-danger-input:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444440!important}.account-danger-footer{margin-top:.35rem}@media (width<=640px){.account-hero-banner{gap:1rem;padding:1.25rem 1.1rem}.account-avatar{width:48px;height:48px;font-size:1.2rem}.account-card{padding:1.2rem 1.1rem}.account-tabs-bar{padding:.25rem}.account-tab-btn{padding:.45rem .75rem;font-size:.78rem}.account-plan-box{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.account-card,.account-tab-btn,.btn-primary,.btn-danger{transition:none}}.notfound-page{text-align:center;justify-content:center;align-items:center;padding-top:4rem;padding-bottom:6rem;display:flex}.notfound-card{max-width:560px;margin:0 auto}.notfound-code{font-family:var(--font-mono);background:linear-gradient(120deg, var(--accent-hover), #22d3ee);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.8rem;font-size:clamp(4.5rem,12vw,7.5rem);font-weight:700;line-height:1}.notfound-title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;font-family:var(--font-display);margin:.5rem 0 .9rem}.notfound-text{color:var(--text-dim);max-width:420px;margin:0 auto 1.8rem;font-size:.95rem;line-height:1.7}.notfound-actions{justify-content:center;display:flex}.code-editor-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.code-editor-header .code-editor-label{margin-bottom:0}.lv{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);margin-top:1rem;animation:.35s slideUp;position:relative;overflow:hidden}.lv-header{border-bottom:1px solid var(--border);background:var(--bg-card-alt);align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}.lv-title{flex:1;font-size:.85rem;font-weight:700}.lv-status{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;font-size:.72rem}.lv-func{font-family:var(--font-mono);color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.15rem .5rem;font-size:.7rem}.lv-close{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;padding:.3rem .6rem;font-family:inherit;font-size:.72rem;transition:border-color .2s,color .2s}.lv-close:hover{border-color:var(--accent);color:var(--accent)}.lv-body{grid-template-columns:1.25fr 1fr;display:grid}.lv-code-wrap{min-height:220px;max-height:420px;display:flex}.lv-code{font-family:var(--font-mono);background:#0a0c14;flex:1;padding:.75rem 0;font-size:.82rem;line-height:1.65;position:relative;overflow-y:auto}.lv-line{padding:0 .85rem;transition:background-color .18s;display:flex}.lv-line-current{background:rgba(var(--accent-rgb), .16);box-shadow:inset 3px 0 0 var(--accent)}.lv-lineno{min-width:2.2rem;color:var(--text-muted);-webkit-user-select:none;user-select:none;text-align:right;margin-right:.8rem}.lv-linetext{white-space:pre;color:#a8e6a3}.lv-side{border-left:1px solid var(--border);flex-direction:column;min-height:220px;max-height:420px;display:flex}.lv-frames-wrap{border-bottom:1px solid var(--border);flex-direction:column;flex:1;gap:.5rem;padding:.85rem 1rem;display:flex;overflow-y:auto}.lv-panel-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.55rem;font-size:.68rem;font-weight:700}.lv-frames-hidden{color:var(--text-muted);text-align:center;font-size:.66rem}.lv-frame-card{border:1px solid var(--border);background:var(--bg-card-alt);border-radius:12px;animation:.45s cubic-bezier(.22,1,.36,1) lvCardIn;overflow:hidden}.lv-frame-active{border-color:var(--accent)}.lv-frame-head{font-family:var(--font-mono);color:var(--accent-hover);background:var(--bg-input);align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.74rem;font-weight:700;display:flex}.lv-frame-dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px}.lv-frame-active .lv-frame-dot{background:var(--success);box-shadow:0 0 8px var(--success)}.lv-frame-leaving{opacity:.85;animation:.5s forwards lvCardOut}.lv-frame-leaving .lv-frame-head{color:var(--text-muted)}@keyframes lvCardIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes lvCardOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px)scale(.97)}}.lv-frame-locals{flex-direction:column;gap:.3rem;padding:.45rem .7rem .6rem;display:flex}.lv-frame-local{font-family:var(--font-mono);align-items:center;gap:.4rem;min-height:1.5em;font-size:.74rem;display:flex}.lv-frame-local-name{color:var(--accent-2)}.lv-frame-local-eq{color:var(--text-muted)}.lv-token{font-family:var(--font-mono);color:var(--text);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:999px;align-items:center;padding:.08rem .5rem;font-size:.72rem;display:inline-flex;position:relative;box-shadow:0 1px 4px #0000004d}.lv-token-pop{animation:lvTokenIn var(--anim-dur,.7s) cubic-bezier(.22, 1, .36, 1)}@keyframes lvTokenIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.lv-token-hop{animation:lvTokenHop var(--anim-dur,.7s) ease}@keyframes lvTokenHop{0%{transform:translateY(0)}35%{transform:translateY(-7px)}70%{transform:translateY(0)}to{transform:translateY(0)}}.lv-delta{color:#fbbf24;background:#d9770640;border-radius:999px;padding:0 .3rem;font-size:.6rem;font-style:normal;font-weight:700;animation:.4s lvDeltaIn;position:absolute;top:-9px;right:-5px}@keyframes lvDeltaIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.lv-cells{flex-wrap:wrap;align-items:center;gap:.2rem;display:inline-flex}.lv-cells-bracket{color:var(--text-muted)}.lv-cell{font-family:var(--font-mono);color:var(--text);background:var(--bg-input);border:1px solid var(--border-strong);text-align:center;border-radius:7px;min-width:1.4em;padding:.06rem .4rem;font-size:.72rem;animation:.4s cubic-bezier(.22,1,.36,1) lvCellIn}@keyframes lvCellIn{0%{opacity:0;transform:scale(.4)translate(8px)}to{opacity:1;transform:none}}.lv-cell-changed{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2), 0 0 10px var(--accent-glow)}.lv-empty{color:var(--text-muted);font-size:.78rem;font-style:italic}.lv-events{border-bottom:1px solid var(--border);flex:none;max-height:110px;padding:.85rem 1rem;overflow-y:auto}.lv-events-list{flex-direction:column;gap:.25rem;list-style:none;display:flex}.lv-events-item{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.lv-caption{border-top:1px solid var(--border);background:var(--bg-card-solid);color:var(--text);align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:.82rem;display:flex}.lv-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;border:1px solid #0000;border-radius:999px;flex:none;padding:.15rem .5rem;font-size:.6rem;font-weight:700}.lv-badge-call{color:#d1fae5;background:#059669e6;border-color:#34d39999}.lv-badge-return{color:#f3e8ff;background:#7c3aede6;border-color:#a78bfa99}.lv-badge-append{color:#cffafe;background:#0891b2e6;border-color:#22d3ee99}.lv-badge-remove{color:#fee2e2;background:#dc2626e6;border-color:#f8717199}.lv-badge-swap{color:#fce7f3;background:#f472b6e6;border-color:#f9a8d499}.lv-badge-index{color:#cffafe;background:#0d9488e6;border-color:#2dd4bf99}.lv-badge-increment{color:#fef3c7;background:#d97706e6;border-color:#fbbf2499}.lv-badge-decrement{color:#ffedd5;background:#ea580ce6;border-color:#fb923c99}.lv-badge-assign{color:var(--text);background:var(--bg-card-solid);border-color:var(--border-strong)}.lv-badge-loop{color:#dbeafe;background:#1d4ed8e6;border-color:#60a5fa99}.lv-badge-step{color:var(--text-dim);background:var(--bg-input);border-color:var(--border)}.lv-caption-text{flex:1}.lv-caption-rest{flex:none;gap:.3rem;display:inline-flex}.lv-out{flex-direction:column;flex:1;padding:.85rem 1rem;display:flex;overflow-y:auto}.lv-out-pre{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;max-height:160px;color:var(--text);background:var(--bg-input);border-radius:8px;flex:1;margin:0;padding:.6rem;font-size:.8rem;line-height:1.6;overflow-y:auto}.lv-out-chunk{animation:.3s lvOutIn}@keyframes lvOutIn{0%{opacity:0}to{opacity:1}}.lv-out-caret{background:var(--accent);vertical-align:text-bottom;width:7px;height:.95em;margin-left:2px;animation:1s steps(2,end) infinite lvCaret;display:inline-block}@keyframes lvCaret{0%,to{opacity:1}50%{opacity:0}}.lv-fx{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:visible}.lv-fx-ghost{font-family:var(--font-mono);color:var(--text);background:var(--bg-input);border:1px solid var(--accent-2);animation:ghostFly var(--anim-dur,.7s) cubic-bezier(.22, 1, .36, 1) forwards;will-change:transform, opacity;border-radius:999px;padding:.08rem .5rem;font-size:.72rem;position:absolute;top:0;left:0;box-shadow:0 4px 14px #00000080}@keyframes ghostFly{0%{opacity:0;transform:translate(var(--fly-dx,0px), var(--fly-dy,0px)) scale(.6)}18%{opacity:1;transform:translate(calc(var(--fly-dx,0px) * .72), calc(var(--fly-dy,0px) * .72)) scale(1.05)}55%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(0)scale(.9)}}.lv-banner{border-bottom:1px solid var(--border);padding:.7rem 1rem;font-size:.8rem}.lv-banner-error{background:var(--error-bg);color:var(--error)}.lv-banner-warn{background:var(--warning-bg);color:var(--warning)}.lv-banner-msg{font-family:var(--font-mono);opacity:.9;white-space:pre-wrap;margin-top:.35rem;font-size:.75rem}.lv-controls{border-top:1px solid var(--border);background:var(--bg-card-alt);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem 1rem;display:flex}.lv-play,.lv-step{min-width:5.5rem}.lv-mode{border:1px solid var(--border);border-radius:8px;gap:0;display:flex;overflow:hidden}.lv-mode-btn{background:var(--bg-input);color:var(--text-dim);font-size:.72rem;font-weight:600;font-family:var(--font-mono);border:none;border-right:1px solid var(--border);cursor:pointer;padding:.4rem .7rem;transition:background .2s,color .2s}.lv-mode-btn:last-child{border-right:none}.lv-mode-btn.active{background:var(--accent);color:#fff}.lv-mode-btn:hover:not(.active){color:var(--text)}.lv-mode-btn:disabled{opacity:.5;cursor:not-allowed}.lv-scrub{min-width:140px;accent-color:var(--accent);cursor:pointer;flex:1}.lv-step-count{font-family:var(--font-mono);color:var(--text-dim);font-size:.72rem}.lv-speed{gap:.3rem;display:flex}.lv-speed-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);font-size:.7rem;font-family:var(--font-mono);cursor:pointer;border-radius:8px;padding:.3rem .6rem;transition:background .2s,color .2s,border-color .2s}.lv-speed-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.lv-speed-btn:hover:not(.active){border-color:var(--accent);color:var(--text)}.lv-loading{color:var(--accent);align-items:center;gap:.6rem;padding:2rem 1rem;font-size:.85rem;display:flex}.lv-loading .spinner{border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.lv-error{color:var(--error);padding:1rem;font-size:.82rem;line-height:1.6}.lv-error code{font-family:var(--font-mono);background:var(--bg-input);border-radius:4px;padding:.1rem .3rem}@media (width<=768px){.lv-body{grid-template-columns:1fr}.lv-side{border-left:none;border-top:1px solid var(--border)}}.cc-launch-row{margin-bottom:1.3rem}.concept-clear-mode{margin-bottom:2rem}.cc-stepper{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem;padding:.7rem .9rem;display:flex}.cc-step{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.cc-step:not(:last-child):after{content:"›";color:var(--text-muted);margin:0 .3rem}.cc-step-dot{background:var(--bg-input);border:1px solid var(--border-strong);width:20px;height:20px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}.cc-step.done .cc-step-dot{background:var(--success-bg);border-color:var(--success);color:var(--success)}.cc-step.active .cc-step-dot{background:var(--accent);border-color:var(--accent);color:#fff}.cc-step.active .cc-step-label{color:var(--text);font-weight:600}.cc-step.done .cc-step-label{color:var(--success)}.cc-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.cc-prior{background:var(--warning-bg);border:1px solid var(--warning);color:var(--warning);border-radius:10px;margin-bottom:1rem;padding:.6rem .9rem;font-size:.82rem}.focus-badge{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.cleared-badge{border-color:var(--success);color:var(--success);background:var(--success-bg)}.cc-drill-list{flex-wrap:wrap;gap:.45rem;margin-bottom:1.2rem;display:flex}.cc-drill-concept{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem}.cc-drill-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.cc-drill-head h4{margin:0;font-size:1rem}.cc-mode-picker{flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem;display:flex}.cc-mode-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:12px;padding:.55rem 1rem;font-size:.82rem;font-weight:600;transition:border-color .2s,color .2s,background .2s}.cc-mode-btn:hover{border-color:var(--accent);color:var(--text)}.cc-mode-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.cc-practiced-banner{background:var(--success-bg);border:1px solid var(--success);color:var(--success);border-radius:10px;margin-top:1rem;padding:.6rem .9rem;font-size:.82rem}.cc-verdict-summary{border-radius:var(--radius);border:1px solid var(--border);margin-bottom:1.2rem;padding:1rem 1.2rem}.cc-verdict-summary h4{margin:0 0 .3rem;font-size:1.05rem}.cc-verdict-summary p{color:var(--text-dim);margin:0;font-size:.85rem}.cc-verdict-summary.cc-pass{background:var(--success-bg);border-color:var(--success)}.cc-verdict-summary.cc-pass h4{color:var(--success)}.cc-verdict-summary.cc-fail{background:var(--error-bg);border-color:var(--error)}.cc-verdict-summary.cc-fail h4{color:var(--warning)}.cc-verdict-table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.2rem;overflow:hidden}.cc-row{border-bottom:1px solid var(--border);grid-template-columns:1.4fr .7fr .7fr 1.2fr;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.85rem;display:grid}.cc-row:last-child{border-bottom:none}.cc-row-head{background:var(--bg-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.cc-concept-name{color:var(--text);word-break:break-word;font-weight:600}.cc-row-status{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.cc-status-note{color:var(--text-muted);font-size:.7rem;line-height:1.25}.cc-verdict-actions{flex-wrap:wrap;gap:.6rem;display:flex}.study-mode-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.5rem 0;padding:.5rem;display:grid}.study-mode-btn{color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:border-color .25s,background .25s,color .25s;display:flex}.study-mode-btn:hover{color:var(--text-secondary)}.study-mode-btn.active{background:var(--grad-soft);border-color:var(--accent);color:var(--text)}.study-mode-icon{flex-shrink:0;font-size:1.3rem}.study-mode-copy{flex-direction:column;gap:.1rem;display:flex}.study-mode-title{font-size:.95rem;font-weight:700}.study-mode-sub{color:var(--text-muted);font-size:.72rem}.study-mode-btn.active .study-mode-sub{color:var(--text-dim)}.concept-clear-wrap,.manual-mode{animation:.3s fadeIn}.manual-mode .ch-video-section{margin-top:.25rem}.workspace{background:#0f111a99;border:1px solid #1e293bcc;border-radius:16px;padding:1.1rem}.workspace-main>*{margin-bottom:1rem}.workspace-main>:last-child{margin-bottom:0}.workspace.split-pane .workspace-main{width:100%;display:block}.workspace.split-pane .code-editor-wrapper,.workspace.split-pane .debug-bug-card,.workspace.split-pane .debug-select,.workspace.split-pane .predict-prompt-card{grid-column:1}.workspace.split-pane .feedback-card,.workspace.split-pane .debug-result,.workspace.split-pane .predict-result,.workspace.split-pane .mcq-nav{grid-column:2}@media (width<=900px){.workspace.split-pane .workspace-main{display:block}}.workspace .mode-tab,.workspace .btn:not(.btn-primary):not(.btn-success){background:#1e293b99;border-color:#334155cc}.workspace .mode-tab.active{background:var(--grad);border-color:#0000}@media (width<=640px){.study-mode-toggle{grid-template-columns:1fr}}.cursor-glow{pointer-events:none;z-index:0;background:radial-gradient(circle, rgba(var(--accent-rgb), .07) 0%, #22d3ee0a 35%, transparent 70%);width:600px;height:600px;left:var(--mx,-600px);top:var(--my,-600px);will-change:left, top;mix-blend-mode:screen;border-radius:50%;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}@media (width<=768px){.cursor-glow{display:none}}.page-transition-wrap{animation:.45s cubic-bezier(.22,1,.36,1) both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)scale(.995)}to{opacity:1;transform:none}}.navbar.scrolled{-webkit-backdrop-filter:blur(16px)saturate(1.4);background:#070912d1;box-shadow:0 4px 30px #00000040}.bg-orb-1{animation:18s ease-in-out infinite orbFloat1}.bg-orb-2{animation:22s ease-in-out infinite orbFloat2}.bg-orb-3{animation:20s ease-in-out infinite orbFloat3}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-30px,25px)scale(1.05)}66%{transform:translate(20px,-15px)scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-20px)scale(.95)}66%{transform:translate(-20px,30px)scale(1.05)}}@keyframes orbFloat3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-15px,-25px)scale(1.05)}66%{transform:translate(25px,15px)scale(.95)}}.landing-hero .hero-title span{background-size:200% 200%;animation:4s infinite gradientText}@keyframes terminalGlow{0%,to{box-shadow:0 0 20px rgba(var(--accent-rgb), .15), 0 0 60px rgba(var(--accent-rgb), .05)}50%{box-shadow:0 0 30px #22d3ee33,0 0 80px #22d3ee14}}.hero-terminal{animation:4s ease-in-out infinite terminalGlow}.hero-particles{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.hero-particle{width:var(--size,2px);height:var(--size,2px);background:var(--accent);opacity:var(--max-opacity,.2);left:var(--x,50%);top:var(--y,50%);animation:particleTwinkle var(--duration,12s) var(--delay,0s) ease-in-out infinite;border-radius:50%;position:absolute}.hero-particle:nth-child(2n){background:var(--accent-2)}.hero-particle:nth-child(3n){background:var(--cyber-blue)}.feature-card{transition:transform var(--transition), border-color var(--transition), box-shadow .4s ease;transition-delay:calc(var(--i,0) * 80ms)}.feature-card:hover{border-color:var(--border-strong)}.feature-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent));border-radius:var(--radius) var(--radius) 0 0;background-size:200% 100%;height:2px;animation:3s linear infinite paused featureLineShift;position:absolute;top:0;left:0;right:0}.feature-card:hover:before{animation-play-state:running}@keyframes featureLineShift{0%{background-position:0%}to{background-position:200%}}.steps-grid{position:relative}.steps-grid.in:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent);border-radius:1px;height:2px;position:absolute;top:0;left:20px;right:20px}.step-card{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * .12s);transform:translateY(20px)}.step-card.in{opacity:1;transform:none}.steps-grid.in .step-card,.steps-flow-container.in .step-card{opacity:1;transition-delay:calc(var(--i,0) * .12s);transform:none}.step-number{transition:transform var(--transition), box-shadow .3s ease}.step-card:hover .step-number{box-shadow:0 0 24px var(--accent-glow), 0 0 48px rgba(var(--accent-rgb), .15);transform:scale(1.05)}.step-card.in .step-number{animation:2s ease-in-out .3s stepNumberGlow}@keyframes stepNumberGlow{0%,to{box-shadow:0 0 #00d4ff00}50%{box-shadow:0 0 18px #00d4ff80,0 0 36px #00d4ff33}}.stat-card{opacity:0;transition:opacity .5s ease, transform .5s cubic-bezier(.22, 1, .36, 1), border-color var(--transition);transition-delay:calc(var(--i,0) * .1s);transform:scale(.85)translateY(16px)}.stat-card.in{opacity:1;transform:none}.stat-card-value{transition:text-shadow .3s}.stat-card:hover .stat-card-value{text-shadow:0 0 20px}.landing-section .stat-card:hover .stat-card-value{text-shadow:none}.cta-panel{animation:6s ease-in-out infinite ctaAmbientPulse;position:relative;overflow:hidden}.cta-panel:after{content:"";background:radial-gradient(ellipse 40% 50% at 30% 40%, rgba(var(--accent-rgb), .15), transparent 60%), radial-gradient(ellipse 35% 45% at 70% 60%, #22d3ee1f, transparent 60%), radial-gradient(ellipse 30% 40% at 50% 50%, #f472b614, transparent 60%);pointer-events:none;z-index:0;animation:10s ease-in-out infinite alternate aurora;position:absolute;inset:-50%}.cta-panel>*{z-index:1;position:relative}@keyframes aurora{0%{filter:brightness();transform:translate(0)rotate(0)scale(1)}33%{filter:brightness();transform:translate(3%,-2%)rotate(2deg)scale(1.02)}66%{filter:brightness(1.15);transform:translate(-2%,3%)rotate(-1deg)scale(.98)}70%{filter:brightness()}to{filter:brightness();transform:translate(1%,-1%)rotate(1deg)scale(1.01)}}.cta-actions .btn-primary{animation:2.5s ease-in-out infinite ctaGlow}@keyframes ctaGlow{0%,to{box-shadow:0 6px 20px rgba(var(--accent-rgb), .3)}50%{box-shadow:0 8px 32px rgba(var(--accent-rgb), .5), 0 0 60px rgba(var(--accent-rgb), .15)}}@keyframes ctaAmbientPulse{0%,to{box-shadow:inset 0 0 0 1px #00d4ff14,0 0 #00d4ff00}50%{box-shadow:inset 0 0 0 1px #00d4ff2e,0 0 24px #00d4ff0f}}[data-reveal=left]{opacity:0;transform:translate(-40px)}[data-reveal=right]{opacity:0;transform:translate(40px)}[data-reveal=scale]{opacity:0;transform:scale(.9)}[data-reveal=left].in,[data-reveal=right].in,[data-reveal=scale].in{opacity:1;transform:none}.section-kicker{display:inline-block;position:relative}.section-kicker:after{content:"";background:var(--grad);transform-origin:50%;width:100%;height:2px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.landing-section-header.in .section-kicker:after{transform:scaleX(1)}.hero-badge{position:relative;overflow:hidden}.hero-badge:after{content:"";background:linear-gradient(110deg,#0000 25%,#ffffff26 50%,#0000 75%) 0 0/200% 100%;animation:3s ease-in-out infinite badgeShimmer;position:absolute;inset:0}.hero-subtitle{background:linear-gradient(180deg, var(--text-dim), var(--text-dim));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cta-panel h2{background:linear-gradient(120deg, var(--text) 0%, var(--text) 40%, var(--accent) 50%, var(--text) 60%, var(--text) 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite ctaTextShimmer}@keyframes ctaTextShimmer{0%,to{background-position:200%}50%{background-position:-200%}}::-webkit-scrollbar-thumb{transition:background .3s}.section-kicker{font-family:var(--font-cyber)!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:var(--cyber-blue)!important;font-size:.7rem!important}.section-kicker:after{background:linear-gradient(90deg, var(--cyber-blue), var(--cyber-cyan), transparent)!important}.app:after{content:"";z-index:9999;pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#00000008 0 1px,#0000 1px 3px);animation:8s ease-in-out infinite scanFlicker;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.app:after{animation:none}}@keyframes scanFlicker{0%,to{opacity:.4}50%{opacity:.3}}.cursor-glow{background:radial-gradient(circle,#00d4ff0f 0%,#00ffff08 35%,#0000 70%)!important}@keyframes neonPulse{0%,to{box-shadow:0 0 5px var(--cyber-blue), 0 0 20px #00d4ff33}50%{box-shadow:0 0 10px var(--cyber-blue), 0 0 40px #00d4ff66, 0 0 60px #00d4ff1a}}@keyframes neonPulseCyan{0%,to{box-shadow:0 0 5px var(--cyber-cyan), 0 0 20px #0ff3}50%{box-shadow:0 0 10px var(--cyber-cyan), 0 0 40px #0ff6, 0 0 60px #00ffff1a}}@keyframes neonTextGlow{0%,to{text-shadow:0 0 4px #00d4ff4d,0 0 10px #00d4ff1f}50%{text-shadow:0 0 6px #00d4ff66,0 0 14px #00d4ff2e}}.circuit-bg{background-image:linear-gradient(#00d4ff08 1px,#0000 1px),linear-gradient(90deg,#00d4ff08 1px,#0000 1px);background-size:20px 20px}@keyframes typeCursor{0%,to{opacity:1}50%{opacity:0}}@media (width<=1024px){.term-badges{display:none}}@media (width<=900px){.landing-hero{min-height:auto;padding:3.5rem 1rem 2rem}.hero-grid{flex-direction:column;gap:2rem}.hero-left{text-align:center}.hero-badge{margin-left:auto;margin-right:auto}.hero-subtitle{max-width:520px;margin-left:auto;margin-right:auto}.hero-actions,.hero-status-row{justify-content:center}.hero-right{width:100%;max-width:480px;margin:0 auto}.term-badges{display:none}.hero-terminal-wrap{width:100%}.hero-terminal{margin-left:auto;margin-right:auto}.hero-title{font-size:clamp(2rem,8vw,3.2rem)}}@media (width<=600px){.landing-hero{padding:2.5rem .75rem 1.5rem}.hero-title{font-size:clamp(1.8rem,7vw,2.6rem)}.hero-subtitle{font-size:.95rem}.landing-hero .btn{padding:.7rem 1.5rem;font-size:.85rem}.hero-status-row{gap:.8rem}.hero-status-item{font-size:.6rem}.terminal-body{min-height:220px;padding:.8rem .9rem;font-size:.72rem}.hero-syntax-bg{display:none}.neural-canvas{opacity:.4}}@media (prefers-reduced-motion:reduce){.hero-enter,.tb{opacity:1;animation:none;transform:none}.hero-particles,.hero-syntax-bg,.hero-deco-wrap{display:none}.hero-badge:after{animation:none}.hero-grid{transform:none!important}.neural-canvas{display:none}.ts-line{opacity:1;transition:none;transform:none}.ts-bar-fill{width:var(--bar-w,0%);transition:none}.ts-mastery-fill{width:91.3%;transition:none}}.feature-card{transition:border-color .3s,box-shadow .3s,transform .3s}.feature-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 0 20px #00d4ff26, var(--shadow-md)!important;border-color:#00d4ff59!important}.feature-card:hover .feature-icon{transform:scale(1.1)rotate(6deg)}.feature-card:before{background-size:200% 100%;background:linear-gradient(90deg, var(--cyber-blue), var(--cyber-cyan), var(--cyber-blue))!important}.feature-card-title{font-family:var(--font-cyber);letter-spacing:.04em;font-size:.95rem}.feature-card-icon{font-family:var(--font-mono);font-size:1.1rem}.step-number{text-shadow:0 0 10px #00d4ff80;font-family:var(--font-cyber)!important;color:var(--cyber-blue)!important;font-size:.9rem!important}.step-card h3{font-family:var(--font-cyber);letter-spacing:.03em;font-size:1rem}.step-card p{font-family:var(--font-mono);font-size:.82rem}.steps-grid.in:after{background:linear-gradient(90deg, transparent, var(--cyber-blue), var(--cyber-cyan), transparent)!important}.stat-value{font-family:var(--font-cyber)!important;color:var(--cyber-blue)!important}.stat-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}.cta-panel{transition:border-color .3s,box-shadow .3s;position:relative;border-color:#00d4ff1a!important}.cta-panel:hover{box-shadow:0 0 8px #00d4ff26,0 0 24px #00d4ff14;border-color:#00d4ff4d!important}.cta-panel:before{content:"";border-radius:inherit;pointer-events:none;background-image:linear-gradient(#00d4ff05 1px,#0000 1px),linear-gradient(90deg,#00d4ff05 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.cta-panel h2{font-family:var(--font-cyber);letter-spacing:.04em;font-size:1.3rem}.cta-panel .cta-cmd{font-family:var(--font-mono);color:var(--cyber-blue);opacity:.7;margin-top:.3rem;font-size:.85rem}.cta-panel .cta-cmd .cursor-blink{background:var(--cyber-blue);vertical-align:text-bottom;width:8px;height:1em;margin-left:2px;animation:1s step-end infinite typeCursor;display:inline-block}.cta-panel .btn{text-shadow:0 0 8px #00d4ff4d;border-color:var(--cyber-blue)!important}.navbar-logo{letter-spacing:.04em;font-family:var(--font-cyber)!important}.navbar-logo-mark{box-shadow:0 0 12px #00d4ff4d;background:var(--cyber-blue)!important}.navbar-logo-mark span{font-weight:700;color:#000!important}.navbar-link.active,.navbar-link:hover{color:var(--cyber-blue)!important}.navbar-scrolled{border-bottom-color:#00d4ff26!important;box-shadow:0 1px 20px #00d4ff14!important}.navbar-cta{text-shadow:0 0 6px #00d4ff33;border-color:var(--cyber-blue)!important}.navbar-cta:hover{box-shadow:var(--neon-glow-blue)!important}.navbar{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#0709128c}.navbar:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .75), #00d4ffd9, transparent);opacity:.55;pointer-events:none;background-size:200% 100%;height:1px;animation:8s linear infinite navAurora;position:absolute;top:0;left:0;right:0}.navbar-scrolled{background:#070912c7!important;border-bottom-color:#00d4ff2e!important;box-shadow:0 8px 32px #03061280,0 1px 24px #00d4ff12!important}.navbar-logo-mark{box-shadow:0 0 14px rgba(var(--accent-rgb), .45), 0 0 30px #00d4ff2e, inset 0 1px 0 #ffffff59;transition:transform var(--transition), box-shadow var(--transition);background:var(--grad)!important}.navbar-logo:hover{opacity:1}.navbar-logo:hover .navbar-logo-mark{box-shadow:0 0 18px rgba(var(--accent-rgb), .65), 0 0 38px #00d4ff52, inset 0 1px 0 #fff6;transform:translateY(-1px)scale(1.05)}.navbar-link{letter-spacing:.02em}.navbar-link:after{content:"";background:linear-gradient(90deg, var(--accent), #22d3ee);transform-origin:50%;border-radius:2px;height:1.5px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;bottom:.1rem;left:.85rem;right:.85rem;transform:scaleX(0)}.navbar-link:hover{color:var(--text)!important;background:0 0!important}.navbar-link:hover:after{transform:scaleX(1)}.navbar-link.active{color:#7dd3fc!important;box-shadow:none!important;background:0 0!important}.navbar-link.active:after{box-shadow:0 0 10px rgba(var(--accent-rgb), .7);transform:scaleX(1);background:var(--accent)!important}.navbar-cta{letter-spacing:.04em;box-shadow:0 2px 14px var(--accent-glow);transition:transform var(--transition), box-shadow var(--transition), filter var(--transition);font-weight:600;background:linear-gradient(90deg, var(--accent), #06b6d4)!important;color:#fff!important;border:none!important}.navbar-cta:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 22px #22d3ee66}.footer{position:relative}.footer a:hover{color:var(--cyber-blue)!important}.footer-brand p{font-family:var(--font-mono);font-size:.8rem}.bg-grid{-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 30%,#0000 70%);mask-image:radial-gradient(90% 70% at 50% 0,#000 30%,#0000 70%);background-image:linear-gradient(#00d4ff0a 1px,#0000 1px),linear-gradient(90deg,#00d4ff0a 1px,#0000 1px)!important;background-size:56px 56px!important}::-webkit-scrollbar-thumb{background:#00d4ff40!important}::-webkit-scrollbar-thumb:hover{background:#00d4ff66!important}::-webkit-scrollbar-track{background:#00d4ff08!important}.hero-deco-wrap{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.deco-keyword{color:#00d4ff17;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem;animation:14s ease-in-out infinite alternate decoFadePulse;position:absolute}.deco-binary{color:rgba(var(--accent-rgb), .1);-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:JetBrains Mono,Fira Code,monospace;font-size:.62rem;animation:18s ease-in-out infinite alternate decoFadePulse;position:absolute}@keyframes decoFadePulse{0%,to{opacity:.06}50%{opacity:.14}}.deco-star{pointer-events:none;border-radius:50%;position:absolute}.deco-star.tint-0{background:#00d4ff99}.deco-star.tint-1{background:rgba(var(--accent-rgb), .5)}.deco-star.tint-2{background:#ffffff73}.landing-hero .hero-badge{box-shadow:0 0 10px rgba(var(--accent-rgb), .2), 0 0 20px #00d4ff1a}.landing-hero .hero-badge:hover{box-shadow:0 0 14px rgba(var(--accent-rgb), .3), 0 0 28px #00d4ff26}.landing-hero .hero-cta-primary{box-shadow:0 0 10px rgba(var(--accent-rgb), .2), 0 0 22px rgba(var(--accent-rgb), .08)}.landing-hero .hero-cta-primary:hover{box-shadow:0 0 16px #00d4ff47,0 0 32px #00d4ff1f,0 4px 16px #00000040}.landing-hero .hero-cta-secondary{box-shadow:0 0 8px #00d4ff0f}.landing-hero .hero-cta-secondary:hover{box-shadow:0 0 12px #00d4ff1f,0 0 24px #00d4ff0d}.hero-terminal{box-shadow:0 0 12px #00d4ff12,0 0 28px #00d4ff08}.hero-terminal:hover{box-shadow:0 0 18px #00d4ff1f,0 0 40px #00d4ff0d,0 8px 28px #00000059}.tb{box-shadow:0 0 6px #00d4ff0d,0 0 12px #00d4ff05}.ts-bar-fill{box-shadow:0 0 5px #00d4ff59}.ts-mastery-fill{box-shadow:0 0 6px #00d4ff59, 0 0 14px rgba(var(--accent-rgb), .18)}.landing-hero{background:0 0}.landing-hero .hero-bg,.landing-hero .hero-particles,.landing-hero .neural-canvas,.landing-hero .hero-deco-wrap,.landing-hero .hero-syntax-bg{-webkit-mask-image:linear-gradient(#000 0% 60%,#00000059 80%,#0000 98%);mask-image:linear-gradient(#000 0% 60%,#00000059 80%,#0000 98%)}.landing-hero .hero-cta-primary{filter:saturate(1.18)}.landing-hero .hero-badge{filter:saturate(1.2)}.t-ok{color:#4ade80;text-shadow:0 0 6px #4ade804d}.hero-grid{z-index:2}@media (width<=600px){.hero-deco-wrap{display:none}}.learn-home{background:var(--bg);min-height:100vh;position:relative;overflow-x:hidden}.lh-ambient-glow{background:radial-gradient(ellipse 60% 45% at 50% 0%, rgba(var(--accent-rgb), .1) 0%, transparent 70%), radial-gradient(circle 280px at 25% 25%, #22d3ee0a 0%, transparent 70%), radial-gradient(circle 280px at 75% 25%, rgba(var(--accent-rgb), .05) 0%, transparent 70%);pointer-events:none;z-index:0;width:100%;max-width:1200px;height:440px;position:absolute;top:0;left:50%;transform:translate(-50%)}.lh-hero{text-align:center;z-index:1;padding:2.2rem 1.5rem .8rem;position:relative}.lh-hero .bg-grid{opacity:.3;pointer-events:none;position:absolute;inset:0}.lh-hero-inner{z-index:1;flex-direction:column;align-items:center;gap:.85rem;max-width:760px;margin:0 auto;display:flex;position:relative}.lh-eyebrow{background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .22);color:#7dd3fc;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.5rem;padding:.28rem .9rem;font-size:.72rem;font-weight:700;display:inline-flex}.lh-eyebrow-dot{background:#34d399;border-radius:50%;width:6.5px;height:6.5px;animation:2s cubic-bezier(.4,0,.6,1) infinite lhPulseDot;box-shadow:0 0 7px #34d399b3}@keyframes lhPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.lh-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text);margin:0;font-size:clamp(2rem,5vw,3.1rem);font-weight:800;line-height:1.15}.lh-title-accent{background:linear-gradient(135deg,#0ea5e9 0%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lh-subtitle{color:var(--text-dim);max-width:620px;margin:0;font-size:clamp(.92rem,1.7vw,1.05rem);line-height:1.62}.lh-pathway{flex-direction:column;align-items:center;width:100%;max-width:520px;margin-top:.65rem;display:flex;position:relative}.lh-pathway-node{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px rgba(var(--accent-rgb), .8), 0 0 16px #22d3ee66;z-index:2;border:1.5px solid #fffc;border-radius:50%;position:relative}.lh-pathway-lines{justify-content:space-between;width:100%;padding-top:.5rem;display:flex;position:relative}.lh-pathway-branch{flex-direction:column;align-items:center;gap:.3rem;width:48%;display:flex}.lh-pathway-tag{letter-spacing:.02em;border-radius:999px;align-items:center;gap:.35rem;padding:.18rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.lh-pathway-branch--creators .lh-pathway-tag{color:#38bdf8;background:#38bdf812;border:1px solid #38bdf833}.lh-pathway-branch--dl .lh-pathway-tag{color:#7dd3fc;background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .22)}.lh-pathway-line{border-radius:2px;width:100%;height:2px}.lh-pathway-branch--creators .lh-pathway-line{background:linear-gradient(90deg,#38bdf866,#38bdf80a)}.lh-pathway-branch--dl .lh-pathway-line{background:linear-gradient(90deg, rgba(var(--accent-rgb), .04), rgba(var(--accent-rgb), .45))}.lh-panels-section{z-index:1;padding:.25rem 1.5rem 3.5rem;position:relative}.lh-panels-container{max-width:1180px;margin:0 auto}.lh-panels-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1.8rem;display:grid}.lh-panels-grid--single{grid-template-columns:1fr;max-width:720px;margin:0 auto}.lh-panel{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);background:#0c101cd9;border:1px solid #94a3b81f;flex-direction:column;height:100%;padding:2.2rem 2rem 2rem;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080}.lh-panel:hover{transform:translateY(-4px)}.lh-panel-accent-bar{opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.lh-panel--creators .lh-panel-accent-bar{background:linear-gradient(90deg,#0000,#38bdf8b3 50%,#0000)}.lh-panel--dl .lh-panel-accent-bar{background:linear-gradient(90deg,#0000,#0ea5e9b3 50%,#0000)}.lh-panel:hover .lh-panel-accent-bar{opacity:1}.lh-panel--creators:hover{border-color:#38bdf847;box-shadow:0 16px 40px -10px #000000a6,0 0 20px #38bdf80d}.lh-panel--dl:hover{border-color:#0ea5e952;box-shadow:0 16px 40px -10px #000000a6,0 0 20px #0ea5e912}.lh-panel-header{flex-direction:column;display:flex}.lh-panel-badge{letter-spacing:.07em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.45rem;width:fit-content;height:26px;margin-bottom:.85rem;padding:.22rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.lh-panel-badge--creators{color:#38bdf8;background:#38bdf812;border:1px solid #38bdf833}.lh-panel-badge--dl{color:#38bdf8;background:#0ea5e914;border:1px solid #0ea5e933}.lh-panel-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);min-height:1.85rem;margin:0 0 .55rem;font-size:1.45rem;font-weight:700;line-height:1.25}.lh-panel-desc{color:var(--text-dim);min-height:4.2rem;margin:0 0 1.25rem;font-size:.88rem;line-height:1.55}.lh-preview{border-radius:var(--radius-sm);background:#060812;border:1px solid #94a3b81f;flex-direction:column;height:200px;margin:0 0 1.4rem;transition:border-color .25s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000059}.lh-panel--creators:hover .lh-preview{border-color:#38bdf840}.lh-panel--dl:hover .lh-preview{border-color:#0ea5e940}.lh-preview-topbar{background:#0f172aa6;border-bottom:1px solid #94a3b814;flex-shrink:0;justify-content:space-between;align-items:center;height:34px;padding:0 .85rem;display:flex}.lh-preview-dots{align-items:center;gap:5px;display:flex}.lh-preview-dot{border-radius:50%;width:9px;height:9px}.lh-preview-dot--red{opacity:.75;background:#ef4444}.lh-preview-dot--yellow{opacity:.75;background:#f59e0b}.lh-preview-dot--green{opacity:.75;background:#10b981}.lh-preview-title{color:#94a3b8;align-items:center;gap:.35rem;font-size:.74rem;font-weight:500;display:flex}.lh-preview-channel{color:#f1f5f9;font-weight:600}.lh-preview-sep{color:#475569}.lh-preview-tab{font-size:.75rem;font-family:var(--font-mono,monospace);color:#38bdf8;align-items:center;gap:.35rem;font-weight:500;display:inline-flex}.lh-preview-badge{color:#94a3b8;background:#94a3b81a;border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:600}.lh-preview-badge--dl{background:rgba(var(--accent-rgb), .12);color:#7dd3fc}.lh-video-screen{background:#060812;flex-direction:column;flex:1;justify-content:space-between;min-height:0;padding:.75rem;display:flex;position:relative;overflow:hidden}.lh-video-chip{color:#e2e8f0;background:#0f172ad9;border:1px solid #94a3b826;border-radius:6px;align-items:center;gap:.4rem;width:fit-content;padding:.22rem .55rem;font-size:.72rem;font-weight:500;display:inline-flex}.lh-video-chip-icon{color:#38bdf8;font-size:.65rem}.lh-play-button-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lh-play-button{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding-left:2px;transition:transform .25s,background .25s,color .25s,border-color .25s;display:flex;box-shadow:0 4px 14px #0006}.lh-panel--creators:hover .lh-play-button{color:#38bdf8;background:#38bdf826;border-color:#38bdf873;transform:scale(1.08)}.lh-checkpoint-pill{color:#34d399;background:#10b9811a;border:1px solid #10b9813d;border-radius:999px;align-self:flex-start;align-items:center;gap:.35rem;padding:.18rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.lh-video-controls{background:#080b16;border-top:1px solid #94a3b814;flex-shrink:0;align-items:center;gap:.75rem;height:38px;padding:0 .85rem;display:flex}.lh-video-time{color:#cbd5e1;font-size:.72rem;font-family:var(--font-mono,monospace);white-space:nowrap}.lh-video-time-muted{color:#64748b}.lh-progress-track{background:#94a3b824;border-radius:2px;flex:1;height:4px;position:relative}.lh-progress-fill{border-radius:2px;height:100%;position:relative}.lh-progress-fill--creators{background:linear-gradient(90deg,#2563eb,#38bdf8)}.lh-progress-thumb{background:#38bdf8;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 6px #38bdf8}.lh-track-tick{background:#ffffff4d;border-radius:1px;width:2px;height:8px;position:absolute;top:-2px}.lh-track-tick.active{background:#34d399;box-shadow:0 0 6px #34d399b3}.lh-progress-percent{color:#38bdf8;white-space:nowrap;font-size:.7rem;font-weight:600}.lh-code-screen{min-height:0;font-family:var(--font-mono,monospace);background:#060812;flex:1;padding:.75rem 1rem;font-size:.77rem;line-height:1.55;overflow:hidden}.lh-code-lines{flex-direction:column;display:flex}.lh-code-row{align-items:center;gap:.85rem;display:flex}.lh-code-num{color:#475569;-webkit-user-select:none;user-select:none;min-width:12px;font-size:.7rem}.lh-code-txt{color:#e2e8f0}.lh-kw{color:#c084fc;font-weight:600}.lh-fn{color:#38bdf8}.lh-type{color:#f59e0b}.lh-str{color:#34d399}.lh-num{color:#f472b6}.lh-com{color:#64748b;font-style:italic}.lh-cursor{vertical-align:middle;background:#38bdf8;width:7px;height:13px;animation:1s infinite lhBlink;display:inline-block}@keyframes lhBlink{0%,to{opacity:1}50%{opacity:0}}.lh-editor-status{background:#080b16;border-top:1px solid #94a3b814;flex-shrink:0;justify-content:space-between;align-items:center;height:38px;padding:0 .9rem;font-size:.72rem;display:flex}.lh-test-badge{color:#34d399;background:#10b9811a;border:1px solid #10b9813d;border-radius:999px;align-items:center;gap:.35rem;padding:.18rem .55rem;font-weight:600;display:inline-flex}.lh-mastery-meter{color:#7dd3fc;align-items:center;gap:.35rem;font-weight:500;display:inline-flex}.lh-mastery-icon{color:#0ea5e9}.lh-benefits{flex-direction:column;gap:.85rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.lh-benefits li{align-items:flex-start;gap:.75rem;min-height:50px;display:flex}.lh-benefit-icon{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:flex}.lh-benefit-icon--creators,.lh-benefit-icon--dl{color:#38bdf8}.lh-benefits strong{color:var(--text);margin-bottom:.15rem;font-size:.86rem;font-weight:600;line-height:1.35;display:block}.lh-benefits p{color:var(--text-dim);margin:0;font-size:.8rem;line-height:1.45}.lh-panel-footer{flex-direction:column;gap:.45rem;margin-top:auto;display:flex}.lh-cta{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:.6rem;width:100%;height:46px;min-height:46px;padding:0 1.4rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s,border-color .2s,box-shadow .2s,filter .2s;display:inline-flex;position:relative}.lh-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lh-cta--creators{color:#f1f5f9;background:#ffffff0a;border:1px solid #94a3b833}.lh-cta--creators:hover{color:#fff;background:#38bdf814;border-color:#38bdf873;box-shadow:0 0 16px #38bdf826}.lh-cta--dl{background:linear-gradient(135deg, var(--accent) 0%, #06b6d4 100%);color:#fff;box-shadow:0 4px 18px var(--accent-glow);border:1px solid #ffffff1f}.lh-cta--dl:hover{filter:brightness(1.08);box-shadow:0 6px 24px rgba(var(--accent-rgb), .5)}.lh-cta-arrow{transition:transform .22s cubic-bezier(.16,1,.3,1)}.lh-cta:hover .lh-cta-arrow,.lh-panel:hover .lh-cta .lh-cta-arrow{transform:translate(4px)}.lh-cta-note{color:#64748b;text-align:center;height:18px;margin:0;font-size:.74rem;line-height:18px}.lh-comparison-section{z-index:1;padding:1.8rem 1.5rem 4.5rem;position:relative}.lh-comparison-container{max-width:980px;margin:0 auto}.lh-comparison-header{text-align:center;flex-direction:column;align-items:center;gap:.55rem;max-width:620px;margin:0 auto 2rem;display:flex}.lh-comp-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#7dd3fc;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;display:inline-flex}.lh-comp-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);margin:0;font-size:clamp(1.6rem,3.5vw,2.1rem);font-weight:700}.lh-comp-subtitle{color:var(--text-dim);margin:0;font-size:.92rem;line-height:1.6}.lh-matrix-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);background:#0c101cd9;border:1px solid #94a3b81f;overflow:hidden;box-shadow:0 16px 40px -12px #00000080}.lh-matrix{flex-direction:column;display:flex}.lh-matrix-row{border-bottom:1px solid #94a3b814;grid-template-columns:26% 37% 37%;align-items:center;padding:.95rem 1.4rem;transition:background .18s;display:grid}.lh-matrix-row:last-child{border-bottom:none}.lh-matrix-row:not(.lh-matrix-head):hover{background:#94a3b808}.lh-matrix-head{background:#0f172abf;border-bottom:1px solid #94a3b824;padding:.85rem 1.4rem}.lh-matrix-head .lh-matrix-col--label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.75rem;font-weight:700}.lh-col-header-pill{border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.lh-col-header-pill--creators{color:#38bdf8;background:#38bdf812;border:1px solid #38bdf833}.lh-col-header-pill--dl{background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .24);color:#7dd3fc}.lh-matrix-feature-name{color:#e2e8f0;font-size:.84rem;font-weight:600}.lh-matrix-mobile-tag{display:none}.lh-matrix-val{color:#94a3b8;align-items:center;gap:.4rem;font-size:.83rem;line-height:1.45;display:inline-flex}.lh-matrix-val.highlight-dl{color:#e2e8f0;font-weight:500}.lh-matrix-check{color:#38bdf8;flex-shrink:0}.lh-reassurance-bar{justify-content:center;margin-top:1.8rem;display:flex}.lh-reassurance-content{background:rgba(var(--accent-rgb), .05);border:1px solid rgba(var(--accent-rgb), .16);color:#94a3b8;text-align:center;border-radius:999px;align-items:center;gap:.65rem;padding:.85rem 1.6rem;font-size:.82rem;line-height:1.5;display:inline-flex}.lh-reassurance-icon{color:#34d399;flex-shrink:0}.lh-reassurance-content strong{color:#f1f5f9}@media (width<=960px){.lh-hero{padding:2rem 1.25rem .8rem}.lh-panels-grid{grid-template-columns:1fr;gap:1.8rem;max-width:640px;margin:0 auto}.lh-panel{padding:1.8rem 1.6rem}.lh-pathway{max-width:440px}}@media (width<=720px){.lh-matrix-row{grid-template-columns:1fr;gap:.45rem;padding:1rem 1.1rem}.lh-matrix-head{display:none}.lh-matrix-feature-name{color:#7dd3fc;margin-bottom:.25rem;font-size:.88rem}.lh-matrix-mobile-tag{color:#cbd5e1;margin-right:.35rem;font-size:.76rem;font-weight:600;display:inline}.lh-matrix-col--creators{background:#38bdf80a;border-radius:4px;padding:.35rem .6rem}.lh-matrix-col--dl{background:rgba(var(--accent-rgb), .05);border-radius:4px;padding:.35rem .6rem}.lh-reassurance-content{border-radius:var(--radius-sm);text-align:left;padding:.85rem 1rem}.lh-title{font-size:1.85rem}}@media (width<=480px){.lh-hero{padding:1.8rem 1rem .8rem}.lh-panel{padding:1.5rem 1.2rem}.lh-pathway-lines{flex-direction:column;gap:.5rem}.lh-pathway-branch{width:100%}.lh-code-screen{padding:.7rem .75rem;font-size:.72rem}.lh-code-row{gap:.5rem}}@media (prefers-reduced-motion:reduce){.lh-panel,.lh-cta,.lh-cta-arrow,.lh-play-button,.lh-eyebrow-dot,.lh-cursor{transition:none!important;animation:none!important;transform:none!important}}.dl-hero{padding:4rem 1rem 2rem}.dl-courses-grid{perspective:1000px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.dl-course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .3s, transform .3s var(--transition), box-shadow .3s;position:relative;overflow:hidden}.dl-course-card:hover{border-color:var(--accent-glow);box-shadow:0 12px 36px rgba(var(--accent-rgb), .18);transform:translateY(-4px)}.dl-course-cover{justify-content:center;align-items:center;height:100px;display:flex;position:relative}.dl-course-cover:after{content:"";background:linear-gradient(#0000 50%,#06081099);position:absolute;inset:0}.dl-course-emoji{z-index:1;filter:drop-shadow(0 4px 10px #0000004d);font-size:3rem}.dl-course-body{flex-direction:column;gap:.4rem;padding:1rem 1.2rem 1.2rem;display:flex}.dl-course-title{font-size:1.05rem;font-weight:700}.dl-course-subtitle{color:var(--text-dim);font-size:.8rem;line-height:1.55}.dl-course-meta{flex-wrap:wrap;gap:.6rem;display:flex}.dl-course-meta span{color:var(--text-muted);font-size:.7rem}.dl-course-progress{align-items:center;gap:.6rem;margin-top:.2rem;display:flex}.dl-course-bar{background:#94a3b81a;border-radius:3px;flex:1;height:6px;overflow:hidden}.dl-course-bar-fill{background:var(--grad);border-radius:3px;height:100%;transition:width .6s}.dl-course-pct{color:var(--accent);text-align:right;min-width:2.5rem;font-size:.72rem;font-weight:600}.dl-course-btn{width:100%;margin-top:.5rem}.breadcrumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.3rem;padding:.6rem 0;font-size:.78rem;display:flex}.breadcrumb-item{align-items:center;gap:.3rem;display:inline-flex}.breadcrumb-sep{color:var(--text-muted);opacity:.5}.breadcrumb-link{color:var(--text-dim);cursor:pointer;font-size:.78rem;transition:color .2s}.breadcrumb-link:hover{color:var(--accent)}.breadcrumb-current{color:var(--text);font-weight:500}.channel-hero-badge{color:#00e676;letter-spacing:.02em;text-shadow:0 0 6px #00e6768c;background:#00e67614;border:1px solid #00e67659;border-radius:100px;align-items:center;gap:.4rem;padding:.3rem .8rem .3rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex;box-shadow:0 0 12px #00e6762e,inset 0 0 8px #00e67614}.channel-hero-row{text-align:left;align-items:center;gap:1rem;display:flex}.channel-hero-emoji{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;display:flex}.channel-card-avatar,.channel-hero-avatar{object-fit:cover;border-radius:inherit;width:100%;height:100%}.channel-yt-badge{color:#00e676;letter-spacing:.02em;text-shadow:0 0 6px #00e6768c;background:#00e67614;border:1px solid #00e67659;border-radius:100px;align-items:center;gap:.35rem;margin-top:.3rem;padding:.3rem .8rem .3rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex;box-shadow:0 0 12px #00e6762e,inset 0 0 8px #00e67614}.ch-video-section{margin:1rem 0}.ch-video-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.86rem;font-weight:500;transition:border-color .2s,background .2s;display:flex}.ch-video-toggle:hover{border-color:var(--border-strong);background:var(--bg-card-alt)}.ch-video-toggle-left{align-items:center;gap:.5rem;display:flex}.ch-video-toggle-left svg{color:red}.ch-video-yt{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.7rem;display:flex}.ch-video-yt svg{color:red}.ch-video-embed{border-radius:var(--radius-sm);border:1px solid var(--border);background:#000;margin-top:.5rem;overflow:hidden}.ch-video-embed iframe{aspect-ratio:16/9;border:none;width:100%;display:block}.ch-video-credit{color:var(--text-muted);background:var(--bg-card);padding:.4rem .8rem;font-size:.7rem;display:block}.course-card-started{border-color:rgba(var(--accent-rgb), .18)!important}.course-card-progress-badge{z-index:2;background:rgba(var(--accent-rgb), .85);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:100px;padding:.2rem .55rem;font-size:.7rem;font-weight:700;position:absolute;top:.6rem;right:.6rem}.course-card-progress-bar{background:#94a3b81a;border-radius:2px;height:4px;margin-top:.3rem;overflow:hidden}.course-card-progress-fill{background:var(--grad);border-radius:2px;height:100%;transition:width .6s}.course-card-video-status{color:var(--text-muted);align-items:center;gap:.35rem;margin-top:.25rem;font-size:.72rem;display:flex}.course-card-video-status svg{color:red}.video-modal-overlay,.video-workspace-overlay{z-index:9999;-webkit-backdrop-filter:blur(14px);overscroll-behavior:contain;background:radial-gradient(circle,#0c1020e6 0%,#020408f7 100%);justify-content:center;align-items:center;padding:2vh 1.5rem;animation:.22s ease-out overlayFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.video-modal,.video-workspace-modal{border:1px solid var(--accent-glow);width:96vw;max-width:1460px;height:min(94vh,94dvh);box-shadow:0 30px 90px #000000e6, 0 0 50px rgba(var(--accent-rgb), .25), 0 0 80px #0ea5e91f;background:linear-gradient(165deg,#0e1222fa,#070912fc);border-radius:20px;flex-direction:column;margin:auto;animation:.28s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;position:relative;overflow:hidden}@keyframes modalScaleIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.video-modal:before,.video-workspace-modal:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), #7dd3fc, var(--accent), transparent);z-index:100;pointer-events:none;background-size:200% 100%;height:2px;animation:6s linear infinite laserStream;position:absolute;top:0;left:0;right:0}@keyframes laserStream{0%{background-position:200% 0}to{background-position:-200% 0}}.vw-header,.video-modal-header{border-bottom:1px solid rgba(var(--accent-rgb), .18);z-index:10;background:#0a0e1ceb;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:56px;min-height:56px;padding:0 1.25rem;display:flex;position:relative}.vw-header-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.vw-course-badge{align-items:center;gap:.5rem;min-width:0;max-width:380px;display:inline-flex}.vw-pulse-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%;flex-shrink:0;animation:2.2s ease-in-out infinite radarEcho}.vw-course-title,.video-modal-title{font-family:var(--font-cyber), var(--font-display), -apple-system, sans-serif;color:var(--text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:.95rem;font-weight:800;overflow:hidden}.vw-chapter-pill{background:rgba(var(--accent-rgb), .12);border:1px solid rgba(var(--accent-rgb), .32);color:#7dd3fc;border-radius:999px;flex-shrink:0;align-items:center;gap:.45rem;min-width:0;max-width:260px;padding:.22rem .65rem;font-size:.74rem;display:inline-flex}.vw-pill-num{font-family:var(--font-mono);color:var(--accent-hover);flex-shrink:0;font-weight:800}.vw-pill-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.video-modal-yt-badge{font-family:var(--font-mono);color:#f99;background:#ff000014;border:1px solid #ff000040;border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.18rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.video-modal-yt-badge svg{color:#f33}.vw-header-center{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.video-now-tag{font-family:var(--font-mono);letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.video-now-tag.now-covering{color:#7dd3fc;background:rgba(var(--accent-rgb), .16);border:1px solid rgba(var(--accent-rgb), .4);box-shadow:0 0 12px rgba(var(--accent-rgb), .2);transition:all .2s}.video-now-tag.now-covering.is-flashing{background:rgba(var(--accent-rgb), .3);box-shadow:0 0 20px rgba(var(--accent-rgb), .6);animation:.6s conceptPulse}@keyframes conceptPulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.video-now-tag.now-next{color:#7dd3fc;background:rgba(var(--accent-rgb), .12);border:1px solid var(--accent-glow);align-items:center;gap:.45rem;display:inline-flex}.now-next-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:relative}.now-next-dot:after{content:"";border:1px solid var(--accent);border-radius:50%;animation:2s cubic-bezier(.2,.8,.2,1) infinite radarEcho;position:absolute;inset:-3px}@keyframes radarEcho{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.vw-header-right{flex-shrink:0;align-items:center;gap:.55rem;display:flex}.vw-shortcut-hint{color:var(--text-dim);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.45rem;padding:.32rem .65rem;font-size:.74rem;transition:all .2s;display:inline-flex}.vw-shortcut-hint:hover{background:rgba(var(--accent-rgb), .12);border-color:var(--accent-glow);color:#fff}.vw-shortcut-hint kbd{font-family:var(--font-mono);background:rgba(var(--accent-rgb), .22);border:1px solid rgba(var(--accent-rgb), .45);color:#7dd3fc;border-radius:4px;padding:.1rem .36rem;font-size:.66rem;font-weight:800;box-shadow:0 1px 3px #0006}.vw-action-btn{color:var(--text-dim);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .18s;display:inline-flex}.vw-share-btn:hover{background:rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), .5);color:#fff;box-shadow:0 0 12px rgba(var(--accent-rgb), .3)}.vw-close-btn{width:32px;height:32px;color:var(--text-dim);justify-content:center;padding:0}.vw-close-btn:hover{color:#fff;background:#ef444429;border-color:#ef444480;box-shadow:0 0 12px #ef444459}.vw-content-grid,.video-modal-content{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.vw-video-stage,.video-modal-frame{background:#000;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.video-player-host{width:100%;height:100%;position:relative}.video-player-host iframe{border:none;width:100%;height:100%}.video-loading{z-index:5;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:radial-gradient(circle at 50% 45%,#121628eb,#05070efa);flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;animation:.25s ease-out vwLoadingFadeIn;display:flex;position:absolute;inset:0}.video-loading-spinner{border:3px solid rgba(var(--accent-rgb), .16);border-top-color:var(--accent);border-right-color:var(--accent-hover);width:54px;height:54px;box-shadow:0 0 24px rgba(var(--accent-rgb), .35);border-radius:50%;animation:.9s linear infinite vwSpinnerSpin;position:relative}.video-loading-spinner:after{content:"";border:1px dashed rgba(var(--accent-rgb), .28);border-radius:50%;animation:3.4s linear infinite reverse vwSpinnerSpin;position:absolute;inset:-11px}.video-loading-text{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.76rem;font-weight:600;animation:1.6s ease-in-out infinite vwLoadingPulse}@keyframes vwSpinnerSpin{to{transform:rotate(360deg)}}@keyframes vwLoadingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes vwLoadingPulse{0%,to{opacity:.45}50%{opacity:1}}.vw-resume-banner{border:1px solid rgba(var(--accent-rgb), .45);-webkit-backdrop-filter:blur(12px);color:#e2e8f0;z-index:10;box-shadow:0 8px 24px #00000080, 0 0 16px rgba(var(--accent-rgb), .2);pointer-events:auto;background:#0a0e1ce6;border-radius:9999px;align-items:center;gap:12px;padding:6px 14px;font-size:.78rem;font-weight:500;animation:.35s cubic-bezier(.16,1,.3,1) vwResumeFadeIn;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}@keyframes vwResumeFadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.vw-resume-content{color:#7dd3fc;align-items:center;gap:6px;display:flex}.vw-resume-content strong{color:#fff;font-family:var(--font-mono)}.vw-resume-icon{color:var(--accent)}.vw-resume-restart-btn{background:rgba(var(--accent-rgb), .2);border:1px solid rgba(var(--accent-rgb), .4);color:#f1f5f9;cursor:pointer;border-radius:9999px;padding:3px 10px;font-size:.72rem;font-weight:600;transition:all .15s}.vw-resume-restart-btn:hover{background:rgba(var(--accent-rgb), .35);border-color:var(--accent);color:#fff;box-shadow:0 0 8px rgba(var(--accent-rgb), .4)}.video-live-stats{border:1px solid rgba(var(--accent-rgb), .32);-webkit-backdrop-filter:blur(12px);font-family:var(--font-mono);color:var(--text-dim);z-index:3;pointer-events:none;background:#080b16db;border-radius:999px;align-items:center;gap:1.1rem;padding:.45rem .95rem;font-size:.72rem;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 4px 16px #0009}.vs-item{align-items:center;gap:.35rem;display:inline-flex}.vs-item strong{color:#fff;font-weight:800}.vs-item-chapter{color:var(--accent-hover)}.vs-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.vs-correct{background:#22c55e;box-shadow:0 0 6px #22c55e}.vs-skipped{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.vs-wrong{background:#ef4444;box-shadow:0 0 6px #ef4444}.vw-sidebar{border-left:1px solid rgba(var(--accent-rgb), .2);background:#090c17f5;flex-direction:column;flex-shrink:0;width:420px;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.vw-course-summary-card{background:#0e122499;border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:.9rem 1.1rem}.vw-summary-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.55rem;display:flex}.vw-summary-meta{flex:1;min-width:0}.vw-summary-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-hover);margin-bottom:.15rem;font-size:.68rem;font-weight:700;display:block}.vw-summary-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.92rem;font-weight:700;line-height:1.35;overflow:hidden}.vw-summary-stats-strip{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.vw-stat-pill{font-family:var(--font-mono);color:var(--text-dim);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:.35rem;padding:.18rem .55rem;font-size:.7rem;display:inline-flex}.vw-stat-pill-green{color:#86efac;background:#22c55e14;border-color:#22c55e33}.active-video-eq{flex-shrink:0;justify-content:center;align-items:center;gap:3px;padding:.2rem;display:flex;position:relative}.active-video-eq .eq-bar{background:var(--accent);width:3px;box-shadow:0 0 6px var(--accent);border-radius:2px;animation:.8s ease-in-out infinite alternate eqPulse}.active-video-eq .eq-1{height:8px;animation-delay:.1s}.active-video-eq .eq-2{height:16px;animation-delay:.35s}.active-video-eq .eq-3{height:12px;animation-delay:.2s}.active-video-eq .eq-4{height:6px;animation-delay:.45s}@keyframes eqPulse{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.vw-tabs{background:#06081099;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:.35rem;padding:.5rem .85rem;display:flex}.vw-tab-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.48rem .5rem;font-size:.78rem;font-weight:600;transition:all .18s;display:inline-flex}.vw-tab-btn:hover{color:#fff;background:#ffffff0a}.vw-tab-btn.active{color:#fff;background:rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), .4);box-shadow:0 2px 10px rgba(var(--accent-rgb), .15)}.vw-tab-badge{font-family:var(--font-mono);color:var(--text-dim);background:#ffffff14;border-radius:999px;padding:.1rem .4rem;font-size:.66rem;font-weight:700}.vw-tab-btn.active .vw-tab-badge{background:rgba(var(--accent-rgb), .3);color:#7dd3fc}.vw-tab-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb), .3) transparent;flex:1;min-height:0;padding:.85rem;overflow:hidden auto}.vw-tab-body::-webkit-scrollbar{width:6px}.vw-tab-body::-webkit-scrollbar-track{background:0 0}.vw-tab-body::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .25);border-radius:4px}.vw-tab-body::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb), .5)}.vw-pane-subhead{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.72rem;font-weight:800}.vw-pane-hint{color:var(--text-muted);font-size:.72rem}.vw-empty-text{color:var(--text-muted);text-align:center;padding:1.5rem 1rem;font-size:.8rem}.vw-accordion-toggle{cursor:pointer;text-align:left;background:#ffffff06;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:.55rem;padding:.55rem .65rem;transition:all .18s;display:flex}.vw-accordion-toggle:hover{background:rgba(var(--accent-rgb), .1);border-color:rgba(var(--accent-rgb), .3)}.vw-accordion-right{align-items:center;gap:.5rem;display:inline-flex}.vw-accordion-preview{font-family:var(--font-mono);color:var(--text-dim);font-size:.68rem}.vw-accordion-caret{color:var(--text-dim);flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1)}.vw-accordion-caret.is-open{transform:rotate(180deg)}.vw-syllabus-section{margin-top:.25rem}.vw-playlist-videos{border-bottom:1px solid #ffffff0f;margin-bottom:.85rem;padding-bottom:.75rem}.vw-playlist-cards{flex-direction:column;gap:.45rem;margin-top:.35rem;display:flex}.vw-video-card{text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:.65rem;width:100%;padding:.45rem .6rem;transition:all .18s;display:flex}.vw-video-card:hover{background:rgba(var(--accent-rgb), .1);border-color:rgba(var(--accent-rgb), .3)}.vw-video-card.is-active{background:rgba(var(--accent-rgb), .18);border-color:var(--accent);border-left:3px solid var(--accent)}.vw-video-card-thumb{aspect-ratio:16/9;background:#000;border-radius:5px;flex-shrink:0;width:72px;position:relative;overflow:hidden}.vw-video-card-thumb img{object-fit:cover;width:100%;height:100%}.vw-video-card-check{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.55rem;font-weight:800;display:flex;position:absolute;top:2px;right:2px}.vw-video-card-meta{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.vw-video-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.vw-video-card-dur{font-family:var(--font-mono);color:var(--text-muted);font-size:.66rem}.vw-chapter-rows{flex-direction:column;gap:.45rem;margin-top:.35rem;display:flex}.vw-chapter-row{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:9px;align-items:center;gap:.65rem;padding:.55rem .65rem;transition:all .2s;display:flex;position:relative}.vw-chapter-row:hover{background:rgba(var(--accent-rgb), .08);border-color:rgba(var(--accent-rgb), .3);transform:translate(2px)}.vw-chapter-row.is-current-playing{background:linear-gradient(90deg, rgba(var(--accent-rgb), .26), #0ea5e91f);border-color:rgba(var(--accent-rgb), .5);border-left:3px solid var(--accent);box-shadow:0 4px 16px #0000004d}.vw-ch-num{font-family:var(--font-mono);color:var(--text-dim);text-align:center;flex-shrink:0;width:1.6rem;font-size:.72rem;font-weight:800}.vw-chapter-row.is-current-playing .vw-ch-num{color:#7dd3fc}.vw-ch-main{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.vw-ch-title-row{align-items:center;gap:.4rem;display:flex}.vw-ch-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;line-height:1.3;overflow:hidden}.vw-chapter-row.is-current-playing .vw-ch-title{color:var(--accent-hover)}.vw-playing-tag{font-family:var(--font-mono);color:#7dd3fc;background:rgba(var(--accent-rgb), .22);border-radius:4px;flex-shrink:0;align-items:center;gap:.3rem;padding:.1rem .35rem;font-size:.62rem;font-weight:800;display:inline-flex}.vw-ch-sub{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.7rem;display:flex}.vw-ch-time{font-family:var(--font-mono);color:var(--accent-hover);flex-shrink:0}.vw-ch-concepts{white-space:nowrap;text-overflow:ellipsis;color:var(--text-dim);overflow:hidden}.vw-ch-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.vw-ch-seek-btn{color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.68rem;font-weight:700;transition:all .18s;display:inline-flex}.vw-ch-seek-btn:hover{background:rgba(var(--accent-rgb), .2);border-color:var(--accent);color:#7dd3fc}.vw-ch-practice-btn{background:rgba(var(--accent-rgb), .12);border:1px solid rgba(var(--accent-rgb), .3);color:#7dd3fc;cursor:pointer;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;font-weight:600;transition:all .18s;display:inline-flex}.vw-ch-practice-btn:hover{background:rgba(var(--accent-rgb), .25);border-color:var(--accent);color:#fff}.vw-practice-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.vw-mastery-badge{font-family:var(--font-mono);color:#86efac;background:#22c55e1f;border:1px solid #22c55e47;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.vw-mastery-bar-wrap{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.85rem;padding:.6rem .75rem;display:flex}.vw-mastery-bar{background:#ffffff14;border-radius:999px;flex:1;height:6px;overflow:hidden}.vw-mastery-bar-fill{background:linear-gradient(90deg, #22d3ee, var(--accent));border-radius:999px;height:100%;transition:width .4s}.vw-mastery-pct{font-family:var(--font-mono);color:#7dd3fc;white-space:nowrap;font-size:.72rem;font-weight:700}.vw-practice-list{flex-direction:column;gap:.5rem;display:flex}.vw-practice-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:9px;align-items:center;gap:.65rem;padding:.6rem .7rem;transition:all .2s;display:flex}.vw-practice-item:hover{background:rgba(var(--accent-rgb), .08);border-color:rgba(var(--accent-rgb), .3)}.vw-practice-item.is-covered{background:#22c55e0a;border-left:3px solid #22c55e}.vw-practice-num{font-family:var(--font-mono);color:var(--text-dim);text-align:center;flex-shrink:0;width:1.6rem;font-size:.72rem;font-weight:700}.vw-practice-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.vw-practice-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.vw-practice-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.82rem;font-weight:600;overflow:hidden}.vw-status-badge{font-family:var(--font-mono);border-radius:4px;flex-shrink:0;padding:.12rem .45rem;font-size:.66rem;font-weight:700}.vw-status-badge.is-done{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d;align-items:center;gap:.25rem;display:inline-flex}.vw-status-badge.is-progress{color:#fed7aa;background:#f9731626;border:1px solid #f973164d}.vw-status-badge.is-ready{color:var(--text-dim);background:#ffffff0d}.vw-practice-concepts{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.vw-concept-chip{font-family:var(--font-mono);color:var(--text-dim);background:#ffffff0a;border-radius:4px;padding:.1rem .35rem;font-size:.65rem}.vw-concept-more{font-family:var(--font-mono);color:var(--text-muted);font-size:.65rem}.vw-practice-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.vw-practice-watch-btn{color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:.25rem;padding:.3rem .5rem;font-size:.68rem;transition:all .18s;display:inline-flex}.vw-practice-watch-btn:hover{color:#7dd3fc;border-color:var(--accent);background:rgba(var(--accent-rgb), .18)}.vw-practice-go-btn{background:linear-gradient(135deg, rgba(var(--accent-rgb), .28), #0ea5e933);border:1px solid rgba(var(--accent-rgb), .45);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.74rem;font-weight:600;transition:all .18s;display:inline-flex}.vw-practice-go-btn:hover{background:linear-gradient(135deg, rgba(var(--accent-rgb), .45), #0ea5e959);border-color:var(--accent-hover);box-shadow:0 0 10px rgba(var(--accent-rgb), .4)}.vw-notes-toolbar{flex-direction:column;gap:.55rem;margin-bottom:.85rem;display:flex}.vw-search-row{align-items:center;gap:.45rem;display:flex}.vw-search-box{flex:1;align-items:center;min-width:0;display:flex;position:relative}.vw-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.65rem}.vw-search-input{color:#fff;width:100%;font-size:.78rem;font-family:var(--font-sans);background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:.42rem 1.8rem .42rem 2rem;transition:all .18s}.vw-search-input:focus{border-color:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb), .2);background:#ffffff0f}.vw-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;display:flex;position:absolute;right:.5rem}.vw-add-note-btn{background:linear-gradient(135deg, var(--accent), #22d3ee);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:.35rem;padding:.42rem .75rem;font-size:.74rem;font-weight:700;transition:all .18s;display:inline-flex}.vw-add-note-btn:hover{opacity:.92;box-shadow:0 4px 12px rgba(var(--accent-rgb), .4);transform:translateY(-1px)}.vw-notes-filters{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.vw-filter-pill{color:var(--text-dim);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.7rem;font-weight:600;transition:all .15s;display:inline-flex}.vw-filter-pill:hover{color:#fff;background:#ffffff0f}.vw-filter-pill.active{color:#7dd3fc;background:rgba(var(--accent-rgb), .22);border-color:rgba(var(--accent-rgb), .45)}.vw-note-composer{border:1px solid rgba(var(--accent-rgb), .4);box-shadow:0 8px 24px #0006, 0 0 20px rgba(var(--accent-rgb), .15);background:linear-gradient(160deg,#14182ef2,#0c1020f2);border-radius:12px;margin-bottom:.85rem;padding:.75rem .85rem;animation:.2s ease-out composerSlideIn}@keyframes composerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.vw-composer-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.vw-composer-meta{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.vw-composer-tag{font-family:var(--font-mono);color:var(--accent-hover);letter-spacing:.08em;font-size:.64rem;font-weight:800}.vw-composer-time{font-family:var(--font-mono);color:var(--accent-hover);background:rgba(var(--accent-rgb), .15);border-radius:4px;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.vw-composer-ch{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.72rem;overflow:hidden}.vw-composer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.2rem;display:flex}.vw-composer-close:hover{color:#ef4444;background:#ef444426}.vw-composer-textarea{color:#fff;width:100%;font-family:var(--font-sans);resize:vertical;background:#080b16d9;border:1px solid #ffffff14;border-radius:8px;outline:none;min-height:68px;padding:.6rem .75rem;font-size:.82rem;line-height:1.45;transition:border-color .18s}.vw-composer-textarea:focus{border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb), .25)}.vw-composer-footer{flex-direction:column;gap:.55rem;margin-top:.55rem;display:flex}.vw-category-selector{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.vw-category-selector.mini{gap:.25rem}.vw-cat-btn{color:var(--text-dim);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.68rem;font-weight:600;transition:all .15s;display:inline-flex}.vw-cat-btn:hover{color:var(--cat-color,#7dd3fc);border-color:var(--cat-color,#7dd3fc);background:color-mix(in srgb, var(--cat-color,#7dd3fc) 12%, transparent)}.vw-cat-btn.selected{color:#fff;background:color-mix(in srgb, var(--cat-color,#7dd3fc) 25%, transparent);border-color:var(--cat-color,#7dd3fc);box-shadow:0 0 8px color-mix(in srgb, var(--cat-color,#7dd3fc) 40%, transparent)}.vw-cat-btn.mini{padding:.15rem .4rem;font-size:.65rem}.vw-composer-actions{justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.vw-pin-toggle{color:var(--text-dim);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.68rem;font-weight:600;transition:all .15s;display:inline-flex}.vw-pin-toggle:hover{color:#fed7aa;background:#f59e0b14;border-color:#f59e0b}.vw-pin-toggle.is-pinned{color:#f59e0b;background:#f59e0b2e;border-color:#f59e0b80;box-shadow:0 0 8px #f59e0b40}.vw-pin-toggle.mini{padding:.15rem .4rem;font-size:.65rem}.vw-cancel-btn{padding:.3rem .65rem;font-size:.74rem}.vw-save-btn{padding:.3rem .85rem;font-size:.74rem;font-weight:700}.vw-notes-list{flex-direction:column;gap:.55rem;display:flex}.vw-note-card{background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;padding:.75rem .85rem;transition:all .2s;position:relative}.vw-note-card:hover{background:rgba(var(--accent-rgb), .06);border-color:rgba(var(--accent-rgb), .25)}.vw-note-card.is-pinned-card{background:linear-gradient(135deg, #f59e0b0f, rgba(var(--accent-rgb), .08));border-color:#f59e0b59 #f59e0b59 #f59e0b59 #f59e0b;border-left-style:solid;border-left-width:3px}.vw-note-card-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.vw-note-meta-left{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:flex}.vw-note-ts-btn{background:rgba(var(--accent-rgb), .18);border:1px solid rgba(var(--accent-rgb), .4);color:#7dd3fc;font-family:var(--font-mono);cursor:pointer;border-radius:5px;align-items:center;gap:.3rem;padding:.15rem .45rem;font-size:.72rem;font-weight:700;transition:all .18s;display:inline-flex}.vw-note-ts-btn:hover{background:rgba(var(--accent-rgb), .32);border-color:var(--accent-hover);box-shadow:0 0 10px rgba(var(--accent-rgb), .4);transform:scale(1.03)}.vw-note-ch-badge{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border-radius:4px;max-width:140px;padding:.12rem .4rem;font-size:.68rem;overflow:hidden}.vw-note-cat-badge{font-family:var(--font-mono);background:#ffffff05;border:1px solid;border-radius:4px;align-items:center;gap:.25rem;padding:.1rem .38rem;font-size:.65rem;font-weight:700;display:inline-flex}.vw-note-actions-top{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.vw-note-pin-btn,.vw-note-icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.2rem;transition:all .15s;display:flex}.vw-note-pin-btn:hover{color:#f59e0b;background:#f59e0b1f}.vw-note-pin-btn.active{color:#f59e0b}.vw-note-icon-btn:hover{color:#fff;background:#ffffff14}.vw-delete-btn:hover{color:#ef4444;background:#ef444426}.vw-note-text{color:#e2e8f0;word-break:break-word;white-space:pre-wrap;margin:0 0 .45rem;font-size:.84rem;line-height:1.5}.vw-note-card-bottom{justify-content:flex-end;align-items:center;display:flex}.vw-note-jump-link{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-size:.68rem;transition:color .18s;display:inline-flex}.vw-note-jump-link:hover{color:var(--accent-hover);text-decoration:underline}.vw-note-edit-box{flex-direction:column;gap:.45rem;margin-top:.35rem;display:flex}.vw-note-edit-footer{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.vw-note-edit-actions{align-items:center;gap:.35rem;display:flex}.vw-notes-empty{text-align:center;flex-direction:column;align-items:center;padding:2.5rem 1.25rem;display:flex}.vw-empty-icon{background:rgba(var(--accent-rgb), .12);border:1px solid rgba(var(--accent-rgb), .25);color:#7dd3fc;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.85rem;display:flex}.vw-empty-title{color:#fff;margin:0 0 .35rem;font-size:.95rem;font-weight:700}.vw-empty-desc{color:var(--text-dim);max-width:320px;margin:0 0 1.1rem;font-size:.78rem;line-height:1.45}.vw-empty-cta{border-radius:8px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.78rem;font-weight:700;display:inline-flex}.checkpoint-overlay{z-index:10;-webkit-backdrop-filter:blur(8px);background:#05070fd9;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out checkpointFade;display:flex;position:absolute;inset:0}@keyframes checkpointFade{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.checkpoint-card{border:1px solid rgba(var(--accent-rgb), .45);width:100%;max-width:580px;box-shadow:0 20px 60px #000000d9, 0 0 35px rgba(var(--accent-rgb), .25);background:linear-gradient(160deg,#121626fa,#090c16fa);border-radius:16px;padding:1.5rem 1.6rem;animation:.3s cubic-bezier(.2,.8,.2,1) checkpointPop;position:relative;overflow:hidden}@keyframes checkpointPop{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.checkpoint-card:before{content:"";background:linear-gradient(90deg, transparent, #7dd3fc, var(--accent), transparent);height:2px;position:absolute;top:0;left:0;right:0}.checkpoint-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.checkpoint-concept{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#7dd3fc;background:rgba(var(--accent-rgb), .2);border:1px solid rgba(var(--accent-rgb), .4);border-radius:6px;padding:.25rem .7rem;font-size:.74rem;font-weight:800}.checkpoint-tag{font-family:var(--font-mono);color:var(--text-muted);font-size:.7rem;font-weight:600}.checkpoint-question{color:#fff;margin:0 0 1.25rem;font-size:1.05rem;font-weight:700;line-height:1.45}.checkpoint-options{gap:.55rem;margin-bottom:1.25rem;display:grid}.checkpoint-option{text-align:left;color:#e2e8f0;cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.92rem;transition:all .2s;display:flex}.checkpoint-option:hover{background:rgba(var(--accent-rgb), .12);border-color:var(--accent);transform:translate(3px)}.checkpoint-option.selected{border-color:var(--accent);background:rgba(var(--accent-rgb), .22);color:#fff;box-shadow:0 0 14px var(--accent-glow)}.checkpoint-option.is-correct{color:#fff;background:#22c55e2e;border-color:#22c55e}.checkpoint-option.is-wrong{color:#fff;background:#ef44442e;border-color:#ef4444}.checkpoint-option-letter{width:24px;height:24px;font-family:var(--font-mono);color:var(--accent-hover);background:#121626e6;border:1px solid #94a3b840;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.74rem;font-weight:800;display:inline-flex}.checkpoint-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.checkpoint-skip{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;font-size:.78rem;transition:color .2s}.checkpoint-skip:hover{color:var(--text)}.analytics-body{max-width:900px;padding:1.5rem 1.25rem 3rem}.analytics-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.analytics-card{border:1px solid var(--border);background:#94a3b814;border-radius:10px;flex-direction:column;padding:.9rem;display:flex}.analytics-card-num{font-size:1.6rem;font-weight:700}.analytics-card-label{color:var(--text-muted);font-size:.78rem}.analytics-section{margin-top:1.25rem}.analytics-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:0 0 .6rem;font-size:.82rem;font-weight:600}.analytics-rows{margin:0;padding:0;list-style:none}.analytics-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .6rem;font-size:.85rem;display:flex}.analytics-row-title{font-weight:500}.analytics-row-meta{color:var(--text-muted);white-space:nowrap;font-size:.78rem}.analytics-empty{color:var(--text-muted);font-size:.85rem}@media (width<=1080px){.video-modal,.video-workspace-modal{width:98vw;height:min(96vh,96dvh)}.vw-sidebar{width:360px}.vw-course-badge{max-width:240px}}@media (width<=768px){.video-modal-overlay,.video-workspace-overlay{align-items:flex-end;padding:0}.video-modal,.video-workspace-modal{border-bottom:none;border-radius:16px 16px 0 0;width:100vw;height:100vh;max-height:100dvh}.vw-content-grid,.video-modal-content{flex-direction:column}.vw-video-stage,.video-modal-frame{aspect-ratio:16/9;flex:none;width:100%;max-height:38vh}.vw-sidebar{border-left:none;border-top:1px solid rgba(var(--accent-rgb), .2);flex:1;width:100%}.vw-header-center,.vw-chapter-pill,.vw-shortcut-hint{display:none}.vw-course-badge{max-width:180px}.vw-header{height:50px;min-height:50px;padding:0 .85rem}}.dl-page-container,.dl-course-view,.dl-chapter,.dl-queue-section,.cs-select,.cs-practice,.cs-done,.cs-select-card,.cs-practice-wrapper,.cs-done-card{font-family:var(--font-sans)}.dl-page-container h1,.dl-page-container h2,.dl-page-container h3,.dl-page-container h4,.dl-course-view h1,.dl-course-view h2,.dl-course-view h3,.dl-course-view h4,.dl-chapter h1,.dl-chapter h2,.dl-chapter h3,.dl-chapter h4,.dl-queue-title,.dl-queue-concept-name,.dl-section-heading,.dl-cv-title,.dl-ch-title,.cs-concept-name,.cs-rec-hero-title,.cs-done-title,.dl-ch-complete-title{letter-spacing:-.02em;font-family:var(--font-sans)!important}.dl-page-container{max-width:1140px;margin:0 auto;padding:0 1.25rem 4rem}.dl-hero-eyebrow,.dl-cv-eyebrow,.dl-ch-eyebrow-row{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.dl-hero-eyebrow{color:#38bdf8;letter-spacing:.02em;background:#0ea5e914;border:1px solid #0ea5e938;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.dl-badge-pill{color:#38bdf8;background:#0ea5e914;border:1px solid #0ea5e933;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:500;display:inline-flex}.dl-section-heading{color:var(--text);margin:0;font-size:1.3rem;font-weight:600}.dl-section-subheading{color:var(--text-muted);margin:.3rem 0 0;font-size:.85rem}.dl-rec-progress-bar{background:var(--bg-elevated);border-radius:2px;flex:1;height:4px;overflow:hidden}.dl-rec-progress-fill{background:#0ea5e9;border-radius:2px;height:100%;transition:width .4s}.dl-rec-pct{color:var(--text-muted);text-align:right;min-width:2.2rem;font-size:.72rem;font-weight:500}.dl-catalog-section{max-width:1100px;margin:0 auto}.dl-catalog-section .courses-header{margin-bottom:1.25rem}.dl-top-nav{margin:.75rem 0 1.25rem}.dl-back-row{margin-top:.5rem;display:flex}.cs-exit-row{flex-direction:column;align-items:flex-start;gap:.6rem;margin-top:1rem;display:flex}.cs-exit-confirm{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:480px;color:var(--text);border-radius:12px;padding:.9rem 1rem;font-size:.85rem;box-shadow:0 8px 24px #00000040}.cs-exit-confirm p{margin:0 0 .75rem}.cs-exit-confirm-actions{justify-content:flex-end;gap:.5rem;display:flex}.cc-exit-confirm{background:var(--bg-card);border:1px solid var(--border);max-width:480px;color:var(--text);border-radius:12px;margin-top:.75rem;padding:.9rem 1rem;font-size:.85rem;box-shadow:0 8px 24px #00000040}.cc-exit-confirm p{margin:0 0 .75rem}.cc-exit-confirm-actions{justify-content:flex-end;gap:.5rem;display:flex}.dl-course-view-page{animation:.25s ease-out fadeIn}.dl-cv-hero-card{background:linear-gradient(180deg, #1e293b73 0%, #0f172a80 100%), var(--bg-card);border:1px solid #ffffff14;border-radius:16px;margin-bottom:2rem;padding:1.75rem 2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px -4px #00000059}.dl-cv-hero-main{align-items:flex-start;gap:1.5rem;display:flex}.dl-cv-icon-box{border:1px solid #ffffff26;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 8px 20px -4px #0006}.dl-cv-hero-details{flex:1;min-width:0}.dl-cv-badge-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.dl-cv-level-badge{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:.18rem .55rem;font-size:.7rem;font-weight:600}.dl-cv-title{color:#fff;letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.65rem;font-weight:700}.dl-cv-subtitle{color:var(--accent);margin:0 0 .6rem;font-size:.92rem;font-weight:500}.dl-cv-desc-text{color:var(--text-secondary);max-width:850px;margin:0 0 1rem;font-size:.88rem;line-height:1.6}.dl-cv-meta-chips{flex-wrap:wrap;gap:.5rem;display:flex}.dl-meta-chip{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff12;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.74rem;font-weight:500;display:inline-flex}.dl-meta-chip.tag{color:#38bdf8;background:#0ea5e90f;border-color:#0ea5e926}.dl-cv-progress-banner{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.dl-cv-progress-info{flex:1;min-width:240px}.dl-cv-progress-labels{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dl-cv-progress-title{color:var(--text);font-size:.82rem;font-weight:600}.dl-cv-progress-stats{color:var(--text-muted);font-size:.78rem}.dl-cv-progress-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.dl-cv-progress-fill{background:linear-gradient(90deg,#22d3ee,#10b981);border-radius:3px;height:100%;transition:width .4s}.dl-cv-cta-btn{border-radius:10px;flex-direction:column;flex-shrink:0;align-items:flex-start;padding:.65rem 2.2rem .65rem 1.25rem;font-size:.88rem;font-weight:600;display:inline-flex;position:relative}.dl-cv-cta-sub{opacity:.85;font-size:.74rem;font-weight:400}.dl-cv-cta-arrow{transition:transform .2s;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.dl-cv-cta-btn:hover .dl-cv-cta-arrow{transform:translateY(-50%)translate(3px)}.dl-cv-roadmap{margin-top:1rem}.dl-roadmap-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.dl-roadmap-title-group{flex:1}.dl-roadmap-counter{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.75rem;font-weight:500;display:inline-flex}.dl-roadmap-list{flex-direction:column;gap:.75rem;display:flex}.dl-cv-chapter-card{background:var(--bg-card);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff12;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;transition:all .2s;display:flex}.dl-cv-chapter-card:hover{background:#1e293b59;border-color:#0ea5e959;transform:translateY(-1px);box-shadow:0 6px 20px -4px #00000040}.dl-cv-chapter-card.recommended{background:linear-gradient(90deg,#0ea5e90f 0%,#1e293b4d 100%);border-color:#0ea5e973}.dl-cv-chapter-card.is-completed{opacity:.9}.dl-cv-chapter-main{flex:1;align-items:center;gap:1.1rem;min-width:0;display:flex}.dl-cv-ch-badge{width:36px;height:36px;color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;display:flex}.dl-cv-ch-badge.active{color:#38bdf8;background:#0ea5e91f;border-color:#0ea5e980}.dl-cv-ch-badge.completed{color:#10b981;background:#10b9811f;border-color:#10b98166}.dl-cv-ch-content{flex:1;min-width:0}.dl-cv-ch-title-row{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.35rem;display:flex}.dl-cv-ch-title{color:var(--text);margin:0;font-size:.96rem;font-weight:600}.dl-tag-recommended{color:#38bdf8;background:#0ea5e91f;border:1px solid #0ea5e94d;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.68rem;font-weight:600;display:inline-flex}.dl-cv-ch-concepts{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.dl-concept-chip{color:var(--text-dim);background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;padding:.12rem .45rem;font-size:.7rem;font-weight:400}.dl-concept-chip.more{color:var(--text-muted)}.dl-cv-chapter-status-col{flex-shrink:0;align-items:center;gap:.85rem;display:flex}.dl-status-pill{white-space:nowrap;border-radius:999px;padding:.2rem .65rem;font-size:.72rem;font-weight:600}.dl-status-pill.completed{color:#34d399;background:#10b9811a;border:1px solid #10b98140}.dl-status-pill.in-progress{color:#38bdf8;background:#0ea5e91a;border:1px solid #0ea5e940}.dl-status-pill.needs-revisit{color:#f87171;background:#ef44441a;border:1px solid #ef444440}.dl-status-pill.not-started{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0f}.dl-ch-action-btn{align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.78rem;display:inline-flex}.dl-ch-chevron{color:var(--text-muted);opacity:.5;transition:opacity .2s,transform .2s}.dl-cv-chapter-card:hover .dl-ch-chevron{opacity:1;transform:translate(2px)}.dl-chapter-page{animation:.25s ease-out fadeIn}.dl-ch-header-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.25rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 4px 20px -2px #00000040}.dl-ch-header-left{flex:1;min-width:240px}.dl-ch-eyebrow-row{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.dl-ch-num-badge{color:#38bdf8;background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:6px;padding:.15rem .55rem;font-size:.74rem;font-weight:600}.dl-ch-title{color:#fff;letter-spacing:-.015em;margin:0;font-size:1.45rem;font-weight:700}.dl-ch-progress-box{min-width:240px}.dl-ch-progress-meta{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.dl-ch-progress-label{color:var(--text-muted);font-size:.76rem;font-weight:500}.dl-ch-progress-stats{color:var(--text-muted);font-size:.76rem}.dl-ch-progress-bar{background:#ffffff0f;border-radius:3px;height:5px;overflow:hidden}.dl-ch-progress-fill{background:linear-gradient(90deg,#22d3ee,#10b981);border-radius:3px;height:100%;transition:width .3s}.dl-concept-tabs-wrapper{background:var(--bg-card);border:1px solid #ffffff12;border-radius:14px;margin-bottom:1.5rem;padding:1rem 1.25rem}.dl-concept-tabs-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.dl-concept-tabs-title{color:var(--text);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.dl-concept-tabs-hint{color:var(--text-muted);font-size:.72rem}.dl-concept-tabs-nav{scrollbar-width:thin;gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.dl-concept-tab{cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.55rem .9rem;transition:all .18s;display:inline-flex}.dl-concept-tab:hover{background:#ffffff0d;border-color:#0ea5e959}.dl-concept-tab.active{background:#0ea5e91f;border-color:#0ea5e999;box-shadow:0 0 0 1px #0ea5e94d}.dl-concept-tab-name{color:var(--text);font-size:.84rem;font-weight:500}.dl-concept-tab.active .dl-concept-tab-name{color:#fff;font-weight:600}.dl-concept-tab-icon-wrap{justify-content:center;align-items:center;display:flex}.tab-icon-mastered{color:#10b981}.tab-icon-progress{color:#38bdf8}.tab-icon-empty{color:var(--text-muted);opacity:.4}.dl-concept-tab-score{color:var(--text-muted);background:#ffffff0a;border-radius:4px;padding:.1rem .35rem;font-size:.7rem;font-weight:600}.dl-concept-tab-score.mastered{color:#34d399;background:#10b9811f}.dl-ch-complete-card{text-align:center;background:var(--bg-card);border:1px solid #ffffff14;border-radius:16px;padding:3.5rem 2rem;box-shadow:0 8px 30px #00000059}.dl-ch-complete-icon-box{background:#10b9811f;border:1px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 1.25rem;display:flex}.dl-trophy-icon{color:#10b981}.dl-ch-complete-title{color:#fff;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.dl-ch-complete-desc{color:var(--text-muted);max-width:500px;margin:0 auto 1.75rem;font-size:.92rem;line-height:1.55}.dl-ch-complete-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cs-select-card,.cs-practice-wrapper,.cs-done-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 6px 24px -4px #0000004d}.cs-concept-header-block{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.25rem;display:flex}.cs-concept-titles{flex:1;min-width:200px}.cs-concept-eyebrow{align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.cs-concept-pill{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:600}.cs-status-mastered-tag{color:#34d399;background:#10b9811f;border:1px solid #10b98140;border-radius:999px;align-items:center;gap:.25rem;padding:.1rem .45rem;font-size:.68rem;font-weight:600;display:inline-flex}.cs-concept-name{color:#fff;letter-spacing:-.015em;margin:0;font-size:1.4rem;font-weight:700}.cs-mastery-deck{min-width:240px}.cs-mastery-meta-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.4rem;display:flex}.cs-mastery-score-text{color:var(--text-muted);font-size:.8rem}.cs-modes-count-text{color:var(--text-muted);font-size:.72rem}.cs-mastery-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.cs-mastery-fill{border-radius:3px;height:100%;transition:width .3s}.cs-modality-tracker{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.cs-modality-tracker-label{color:var(--text-muted);font-size:.76rem;font-weight:500}.cs-modality-chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cs-modality-chip{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;display:inline-flex}.cs-modality-chip.practiced{color:#34d399;background:#10b98114;border-color:#10b98140;font-weight:500}.cs-recommendation-hero{background:linear-gradient(180deg, #0ea5e91a 0%, #1e293b33 100%), var(--bg-card);border:1px solid #0ea5e959;border-radius:14px;margin-bottom:1.5rem;padding:1.4rem 1.6rem;position:relative;overflow:hidden}.cs-rec-hero-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.cs-rec-urgency-tag{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.cs-rec-hero-content{align-items:flex-start;gap:1.25rem;margin-bottom:1.25rem;display:flex}.cs-rec-hero-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.cs-rec-hero-info{flex:1}.cs-rec-hero-title{color:#fff;margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.cs-rec-hero-desc{color:var(--text-secondary);margin:0 0 .6rem;font-size:.85rem;line-height:1.45}.cs-rec-reason-pill{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;padding:.25rem .65rem;font-size:.78rem;display:inline-block}.cs-rec-hero-actions{justify-content:flex-start;display:flex}.cs-rec-start-btn{border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.88rem;font-weight:600;display:inline-flex}.cs-alt-section{margin-bottom:1.5rem}.cs-alt-heading-row{align-items:center;gap:.45rem;margin-bottom:.85rem;display:flex}.cs-alt-compass{color:var(--text-muted)}.cs-alt-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.cs-alt-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;display:grid}.cs-alt-card-btn{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.85rem 1rem;transition:all .18s;display:flex}.cs-alt-card-btn:hover{background:#0ea5e90f;border-color:#0ea5e966;transform:translateY(-2px)}.cs-alt-card-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:.2rem;display:flex}.cs-alt-check-badge{color:#34d399;align-items:center;gap:.2rem;font-size:.65rem;font-weight:600;display:inline-flex}.cs-alt-title{color:var(--text);font-size:.85rem;font-weight:600}.cs-alt-sub{color:var(--text-muted);font-size:.7rem}.cs-footer-row{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.cs-history-chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cs-history-label{color:var(--text-muted);font-size:.72rem}.cs-history-tag{color:#34d399;background:#10b9811a;border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.7rem;font-weight:500;display:inline-flex}.cs-skip-btn{color:var(--text-muted);align-items:center;gap:.3rem;margin-left:auto;font-size:.78rem;display:inline-flex}.cs-practice-toolbar{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.cs-practice-back-btn{align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.cs-practice-context{align-items:center;gap:.5rem;display:flex}.cs-practice-concept-tag{color:var(--text);font-size:.85rem;font-weight:600}.cs-practice-mode-pill{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.cs-done-card{text-align:center;padding:3rem 2rem}.cs-done-icon-wrap{background:#10b9811f;border:1px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.25rem;display:flex}.cs-done-icon-svg{color:#10b981}.cs-done-title{color:#fff;margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.cs-done-subtitle{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem}.cs-done-stats{justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.cs-done-stat-box{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;gap:.2rem;padding:.75rem 1.5rem;display:flex}.cs-done-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.cs-done-stat-val{color:var(--text);font-size:1.3rem;font-weight:700}.cs-mastered-pill{color:#34d399;background:#10b9811a;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:.35rem;margin-bottom:1.75rem;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex}.cs-done-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=768px){.dl-cv-hero-main{text-align:center;flex-direction:column;align-items:center}.dl-cv-badge-row,.dl-cv-meta-chips{justify-content:center}.dl-cv-progress-banner{flex-direction:column;align-items:stretch}.dl-cv-cta-btn{width:100%}.dl-cv-chapter-card{flex-direction:column;align-items:stretch;gap:.85rem}.dl-cv-chapter-status-col{justify-content:space-between;width:100%}.dl-ch-header-card,.cs-concept-header-block{flex-direction:column;align-items:stretch}.cs-rec-hero-content{flex-direction:column}.cs-select-card,.cs-practice-wrapper,.cs-done-card{padding:1.25rem}.cs-alt-grid{grid-template-columns:repeat(2,1fr)}}.cur-practice-link{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:500;transition:background .15s}.cur-practice-link:hover{background:#0ea5e91a}.ml-page-wrapper{box-sizing:border-box;z-index:1;width:100%;max-width:1320px;margin:0 auto;padding:2rem 1.5rem 5rem;position:relative}.ml-page{width:100%}.ml-header-section{border-bottom:1px solid #ffffff0f;margin-bottom:2.25rem;padding-bottom:2rem}.ml-hero{margin-bottom:1.75rem}.ml-hero-text{min-width:0}.ml-hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:linear-gradient(90deg, rgba(var(--accent-rgb), .15), transparent);border-left:2px solid var(--accent);align-items:center;gap:.4rem;margin-bottom:.85rem;padding:.35rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.ml-hero-title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;text-shadow:0 4px 20px #0006;margin:0 0 .5rem;font-size:2.5rem;font-weight:800;line-height:1.15}.ml-hero-sub{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;font-size:1rem;line-height:1.55;display:flex}.ml-hero-stat{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0d;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.ml-stats{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.ml-stat-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f1480;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:1.1rem;padding:1.15rem 1.25rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.ml-stat-item:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.ml-stat-item:hover{background:#141419b3;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.ml-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ml-stat-icon.in-progress{background:linear-gradient(135deg, rgba(var(--accent-rgb), .15), rgba(var(--accent-rgb), .05));color:var(--accent);border:1px solid rgba(var(--accent-rgb), .25)}.ml-stat-icon.completed{color:var(--green);background:linear-gradient(135deg,#34d39926,#34d3990d);border:1px solid #34d39940}.ml-stat-icon.enrolled{color:var(--accent-2);background:linear-gradient(135deg,#22d3ee26,#22d3ee0d);border:1px solid #22d3ee40}.ml-stat-icon.mastered{color:var(--warning);background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border:1px solid #fbbf2440}.ml-stat-content{flex-direction:column;min-width:0;display:flex}.ml-stat-val{color:#fff;font-size:1.7rem;font-weight:800;line-height:1.1;font-family:var(--font-display);letter-spacing:-.01em}.ml-stat-lbl{color:var(--text-muted);margin-top:.2rem;font-size:.78rem;font-weight:600}.ml-dashboard-grid{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:2rem;display:grid}.ml-main-col{flex-direction:column;gap:1.75rem;min-width:0;display:flex}.ml-sidebar-col{flex-direction:column;gap:1.5rem;min-width:0;display:flex;position:sticky;top:6rem}.ml-continue-card{border:1px solid var(--accent-glow);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f14b3;border-radius:20px;justify-content:space-between;align-items:center;gap:1.75rem;padding:1.75rem 2rem;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #0000004d,inset 0 1px #ffffff0d}.ml-continue-card:before{content:"";background:radial-gradient(circle at 10% 50%, rgba(var(--accent-rgb), .15), transparent 60%);pointer-events:none;position:absolute;inset:0}.ml-continue-card:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent);opacity:.7;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.ml-continue-card:hover{border-color:rgba(var(--accent-rgb), .6);box-shadow:0 16px 48px rgba(var(--accent-rgb), .22), inset 0 1px 0 #ffffff1a;transform:translateY(-3px)}.ml-continue-left{z-index:1;flex:1;align-items:center;gap:1.4rem;min-width:0;display:flex;position:relative}.ml-continue-icon{background:var(--bg-elevated);border:1px solid #ffffff1a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 8px 24px #0006}.ml-continue-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.ml-continue-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-2);align-items:center;gap:.4rem;font-size:.7rem;font-weight:800;display:inline-flex}.ml-continue-title{white-space:nowrap;text-overflow:ellipsis;color:#fff;letter-spacing:-.01em;margin:0;font-size:1.4rem;font-weight:800;overflow:hidden}.ml-continue-chapter{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;max-width:480px;font-size:.88rem;font-weight:500;display:flex;overflow:hidden}.ml-continue-meta{align-items:center;gap:.8rem;margin-top:.25rem;display:flex}.ml-continue-time{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;display:inline-flex}.ml-continue-right{z-index:1;flex-shrink:0;align-items:center;gap:1.4rem;display:flex;position:relative}.ml-continue-progress{flex-direction:column;align-items:center;gap:.25rem;display:flex}.ml-continue-pct{color:var(--text-dim);font-size:.7rem;font-weight:800;font-family:var(--font-display)}.ml-continue-cta{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;box-shadow:0 0 20px rgba(var(--accent-rgb), .4);border:none;border-radius:14px;align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.ml-continue-card:hover .ml-continue-cta{background:var(--accent-hover);box-shadow:0 0 30px rgba(var(--accent-rgb), .6)}.ml-continue-cta:active{transform:scale(.97)}.ml-continue-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ml-continue-empty{background:#0f0f1466;border:1px dashed #ffffff26;border-radius:20px;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.75rem 2rem;display:flex}.ml-continue-empty-left{flex:1;align-items:center;gap:1.25rem;min-width:0;display:flex}.ml-continue-empty-icon{width:52px;height:52px;color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ml-continue-empty-text{min-width:0}.ml-continue-empty-title{color:#fff;margin:0 0 .3rem;font-size:1.15rem;font-weight:700}.ml-continue-empty-desc{color:var(--text-muted);margin:0;font-size:.88rem}.ml-continue-empty-actions{flex-shrink:0;gap:.75rem;display:flex}.ml-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.ml-search-wrap{flex:1;min-width:220px;max-width:380px;position:relative}.ml-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.ml-search{color:#fff;box-sizing:border-box;background:#0f0f1480;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;padding:.8rem 2.5rem .8rem 2.8rem;font-size:.9rem;transition:all .2s}.ml-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15);background:#14141ecc}.ml-search::placeholder{color:var(--text-muted)}.ml-search-clear{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.35rem;transition:all .15s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.ml-search-clear:hover{color:#fff;background:#ffffff1a}.ml-filter-bar{background:#0f0f1480;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.35rem;display:flex}.ml-filter-chip{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:.55rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s}.ml-filter-chip:hover{color:#fff;background:#ffffff0d}.ml-filter-chip.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb), .4)}.ml-bookmark-error{color:#f87171;background:#f871711a;border:1px solid #f871714d;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.2rem;font-size:.85rem;font-weight:500;animation:.3s cubic-bezier(.2,.8,.2,1) mlSlideIn;display:inline-flex}.ml-action-notice{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.2rem;font-size:.85rem;font-weight:500;animation:.3s cubic-bezier(.2,.8,.2,1) mlSlideIn;display:inline-flex}@keyframes mlSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ml-tabs{scrollbar-width:none;border-bottom:1px solid #ffffff14;gap:.5rem;padding-bottom:1px;display:flex;overflow-x:auto}.ml-tabs::-webkit-scrollbar{display:none}.ml-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.55rem;padding:.8rem 1.15rem;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.ml-tab:after{content:"";background:var(--accent);opacity:0;height:2px;transition:opacity .2s;position:absolute;bottom:-1px;left:0;right:0}.ml-tab:hover{color:#fff;background:#ffffff08;border-radius:8px 8px 0 0}.ml-tab.active{color:#fff}.ml-tab.active:after{opacity:1}.ml-tab-count{color:var(--text-dim);text-align:center;background:#ffffff1a;border-radius:999px;min-width:22px;padding:.12rem .55rem;font-size:.72rem;font-weight:700;transition:all .2s}.ml-tab.active .ml-tab-count{background:var(--accent);color:#fff}.ml-course-list{flex-direction:column;gap:.9rem;display:flex}.ml-course-row{cursor:pointer;background:#0f0f1480;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:1.25rem;padding:1.15rem 1.4rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.ml-course-row:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.ml-course-row:hover{border-color:rgba(var(--accent-rgb), .4);box-shadow:0 8px 30px #0003, inset 0 0 0 1px rgba(var(--accent-rgb), .2);background:#14141ccc;transform:translateY(-2px)}.ml-course-row:active{transform:translateY(0)}.ml-course-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ml-course-icon-wrap{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ml-course-info{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.ml-course-name-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.ml-course-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:800;overflow:hidden}.ml-course-chapter{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;max-width:380px;font-size:.82rem;display:inline-flex;overflow:hidden}.ml-course-activity{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.75rem;display:inline-flex}.ml-mode-badge{letter-spacing:.05em;white-space:nowrap;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex}.ml-mode-badge.dl{background:rgba(var(--accent-rgb), .15);color:#7dd3fc;border:1px solid rgba(var(--accent-rgb), .3)}.ml-mode-badge.creator{color:#fdba74;background:#fb923c26;border:1px solid #fb923c4d}.ml-course-right{flex-shrink:0;align-items:center;gap:1.15rem;display:flex}.ml-course-progress-group{align-items:center;gap:.75rem;min-width:140px;display:flex}.ml-course-progress-group .ml-progress-track{flex:1;min-width:90px}.ml-course-pct{color:#fff;text-align:right;min-width:2.5rem;font-size:.82rem;font-weight:800;font-family:var(--font-display)}.ml-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.45rem;padding:.6rem 1.15rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.ml-action-btn:active{transform:scale(.97)}.ml-action-btn.primary{color:#fff;background:#ffffff1a}.ml-action-btn.primary:hover{background:var(--accent);box-shadow:0 4px 16px rgba(var(--accent-rgb), .4)}.ml-action-btn.secondary{color:var(--text-dim);background:0 0;border:1px solid #ffffff1a}.ml-action-btn.secondary:hover{color:#fff;background:#ffffff0d;border-color:#fff3}.ml-course-row:hover .ml-action-btn.primary{background:var(--accent);box-shadow:0 4px 16px rgba(var(--accent-rgb), .3)}.ml-bookmark-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#ffffff08;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.ml-bookmark-btn:hover{color:#fcd34d;background:#fbbf2426}.ml-bookmark-btn.active{color:#fbbf24}.ml-bookmark-btn:disabled{opacity:.5;cursor:default}.ml-remove-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#ffffff08;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.ml-remove-btn:hover{color:#ef4444;background:#ef44441f}.ml-remove-btn:disabled{opacity:.5;cursor:default}[data-theme=light] .ml-remove-btn{background:#0f172a08}.ml-group{margin-bottom:1.5rem}.ml-group-head{align-items:center;gap:.65rem;margin-bottom:.85rem;display:flex}.ml-group-icon{flex-shrink:0}.ml-group-icon.creator{color:#fb923c}.ml-group-icon.dl{color:var(--accent-2)}.ml-group-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:.85rem;font-weight:700}.ml-group-count{color:#fff;background:#ffffff14;border-radius:999px;padding:.15rem .65rem;font-size:.72rem;font-weight:700}.ml-progress-track{background:#ffffff14;border-radius:999px;width:100%;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.ml-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;box-shadow:0 0 10px rgba(var(--accent-rgb), .5);border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.ml-donut{display:block}.ml-empty{text-align:center;background:#0f0f144d;border:1px dashed #ffffff26;border-radius:20px;padding:3.5rem 2rem}.ml-empty-icon-wrap{background:rgba(var(--accent-rgb), .15);width:64px;height:64px;color:var(--accent);border:1px solid rgba(var(--accent-rgb), .3);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.ml-empty-icon-wrap.success{color:var(--green);background:#34d39926;border-color:#34d3994d}.ml-empty-icon-wrap.accent{color:var(--accent-2);background:#22d3ee26;border-color:#22d3ee4d}.ml-empty-icon-wrap.warning{color:var(--warning);background:#fbbf2426;border-color:#fbbf244d}.ml-empty-title{color:#fff;margin:0 0 .5rem;font-size:1.25rem;font-weight:800}.ml-empty-desc{color:var(--text-muted);margin:0 0 1.5rem;font-size:.92rem;line-height:1.6}.ml-explore-section{margin-top:1rem}.ml-section-header{margin-bottom:1.1rem}.ml-section-title{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.ml-section-sub{color:var(--text-muted);margin:0;font-size:.85rem}.ml-explore-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.ml-explore-card{cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f1480;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:.65rem;padding:1.25rem 1rem;transition:all .25s;display:flex}.ml-explore-card:hover{background:#19191ecc;border-color:#fff3;transform:translateY(-3px);box-shadow:0 8px 24px #0003}.ml-explore-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ml-explore-icon{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ml-explore-name{color:#fff;font-size:.92rem;font-weight:700;line-height:1.35}.ml-explore-action{color:var(--accent-2);align-items:center;gap:.35rem;margin-top:.2rem;font-size:.82rem;font-weight:800;transition:gap .2s;display:inline-flex}.ml-explore-card:hover .ml-explore-action{gap:.55rem}.ml-sidebar-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f0f1499;border:1px solid #ffffff14;border-radius:18px;padding:1.35rem;transition:border-color .2s;position:relative;box-shadow:0 10px 32px #00000040}.ml-sidebar-card:hover{border-color:#ffffff24}.ml-sidebar-card-header{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.ml-sidebar-card-title{color:#fff;letter-spacing:-.01em;font-size:.95rem;font-weight:700}.ml-sidebar-badge{background:rgba(var(--accent-rgb), .15);color:#7dd3fc;border:1px solid rgba(var(--accent-rgb), .25);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.ml-overall-body{align-items:center;gap:1.25rem;margin-bottom:1.1rem;display:flex}.ml-overall-donut-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex}.ml-overall-meta{flex-direction:column;flex:1;gap:.75rem;min-width:0;display:flex}.ml-overall-stat{flex-direction:column;display:flex}.ml-overall-val{color:#fff;font-size:1.15rem;font-weight:800;font-family:var(--font-display);line-height:1.2}.ml-overall-lbl{color:var(--text-muted);font-size:.75rem;font-weight:500}.ml-overall-track{width:100%}.ml-ckpstats-badge{color:#7dd3fc}.ml-ckpstats-body{flex-direction:column;gap:.9rem;display:flex}.ml-ckpstats-metric{align-items:center;gap:.8rem;display:flex}.ml-ckpstats-icon{background:rgba(var(--accent-rgb), .12);border:1px solid rgba(var(--accent-rgb), .22);color:#7dd3fc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ml-ckpstats-icon.mastered{color:#6ee7b7;background:#34d3991f;border-color:#34d39938}.ml-ckpstats-metric-main{flex-direction:column;flex:1;min-width:0;display:flex}.ml-ckpstats-label{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:.72rem;font-weight:600}.ml-ckpstats-value{color:#fff;font-size:1.1rem;font-weight:800;font-family:var(--font-display);line-height:1.3}.ml-ckpstats-sub{color:var(--text-dim);font-size:.72rem}.ml-ckpstats-weak{border-top:1px solid #ffffff12;margin-top:.35rem;padding-top:.85rem}.ml-ckpstats-weak-head{color:#fbbf24;align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.78rem;font-weight:700;display:flex}.ml-ckpstats-weak-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.ml-ckpstats-weak-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:.55rem .65rem}.ml-ckpstats-weak-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.ml-ckpstats-weak-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.ml-ckpstats-weak-meta{color:var(--text-dim);white-space:nowrap;font-size:.7rem}.ml-ckpstats-track{background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}.ml-ckpstats-track-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%}.ml-ckpstats-weak-empty{color:var(--text-muted);margin:0;font-size:.8rem}.ml-ckpstats-empty{flex-direction:column;gap:.3rem;display:flex}.ml-ckpstats-empty p{color:var(--text-secondary);margin:0;font-size:.85rem;font-weight:600}.ml-ckpstats-empty span{color:var(--text-muted);font-size:.75rem}.ml-sidebar-recent-list{flex-direction:column;gap:.7rem;display:flex}.ml-sidebar-recent-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:.85rem;padding:.75rem .85rem;transition:all .2s;display:flex}.ml-sidebar-recent-item:hover{border-color:var(--accent-glow);background:#ffffff0f;transform:translate(3px)}.ml-sidebar-recent-icon{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ml-sidebar-recent-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.ml-sidebar-recent-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.ml-sidebar-recent-meta{align-items:center;gap:.5rem;display:flex}.ml-sidebar-recent-time{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.7rem;display:inline-flex}.ml-sidebar-recent-progress{align-items:center;gap:.5rem;margin-top:.15rem;display:flex}.ml-sidebar-recent-progress .ml-progress-track{flex:1}.ml-sidebar-recent-pct{color:var(--text-dim);font-size:.7rem;font-weight:700;font-family:var(--font-display);text-align:right;min-width:2rem}.ml-shortcuts-list{flex-direction:column;gap:.65rem;display:flex}.ml-shortcut-btn{cursor:pointer;text-align:left;width:100%;color:inherit;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:.85rem;padding:.75rem .85rem;transition:all .2s;display:flex}.ml-shortcut-btn:hover{background:#ffffff0f;border-color:#ffffff26;transform:translate(3px)}.ml-shortcut-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ml-shortcut-icon.creator{color:#fdba74;background:#fb923c26;border:1px solid #fb923c40}.ml-shortcut-icon.dl{background:rgba(var(--accent-rgb), .15);color:#7dd3fc;border:1px solid rgba(var(--accent-rgb), .25)}.ml-shortcut-icon.compiler{color:var(--accent-2);background:#22d3ee26;border:1px solid #22d3ee40}.ml-shortcut-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.ml-shortcut-title{color:#fff;font-size:.85rem;font-weight:700}.ml-shortcut-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.ml-shortcut-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.ml-shortcut-btn:hover .ml-shortcut-arrow{color:#fff;transform:translate(2px)}.ml-auth-prompt{justify-content:center;align-items:center;min-height:60vh;padding:2rem 1rem;display:flex}.ml-auth-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f1499;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:440px;padding:3.5rem 2.5rem;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff1a}.ml-auth-icon-wrap{background:linear-gradient(135deg, rgba(var(--accent-rgb), .2), #22d3ee1a);width:72px;height:72px;color:var(--accent);box-shadow:0 0 20px rgba(var(--accent-rgb), .2);border:1px solid rgba(var(--accent-rgb), .3);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 1.75rem;display:flex}.ml-auth-title{font-family:var(--font-display);color:#fff;margin:0 0 .75rem;font-size:1.6rem;font-weight:800}.ml-auth-desc{color:var(--text-dim);margin:0 0 2rem;font-size:.95rem;line-height:1.6}.ml-auth-btn{width:100%;height:3.25rem;font-size:1rem}.ml-auth-meta{color:var(--text-muted);margin-top:1.25rem;font-size:.75rem;font-weight:500}.ml-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex}.ml-btn:active{transform:scale(.97)}.ml-btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb), .3)}.ml-btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 20px rgba(var(--accent-rgb), .5)}.ml-btn-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.ml-btn-secondary:hover{background:#ffffff1a;border-color:#fff3}@media (width<=1100px){.ml-dashboard-grid{grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem}.ml-explore-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.ml-dashboard-grid{grid-template-columns:1fr;gap:2rem}.ml-sidebar-col{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid;position:static}.ml-shortcuts-card{grid-column:1/-1}.ml-shortcuts-list{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}}@media (width<=768px){.ml-page-wrapper{padding:1.25rem 1rem 3.5rem}.ml-hero{margin-bottom:1.25rem}.ml-hero-title{font-size:2rem}.ml-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.ml-stat-item{gap:.85rem;padding:1rem}.ml-stat-icon{width:38px;height:38px}.ml-stat-val{font-size:1.45rem}.ml-sidebar-col,.ml-shortcuts-list{grid-template-columns:1fr}.ml-continue-card{flex-direction:column;align-items:stretch;gap:1.25rem;padding:1.25rem}.ml-continue-title{white-space:normal;font-size:1.2rem;line-height:1.3}.ml-continue-chapter{max-width:100%}.ml-continue-right{border-top:1px solid #ffffff14;flex-direction:row;justify-content:space-between;align-items:center;padding-top:1rem}.ml-continue-cta{flex:1;justify-content:center;padding:.75rem 1rem}.ml-continue-empty{flex-direction:column;align-items:flex-start;padding:1.25rem}.ml-continue-empty-actions{flex-direction:column;width:100%}.ml-continue-empty-actions .ml-btn{justify-content:center;width:100%}.ml-controls{flex-direction:column;align-items:stretch;gap:.75rem}.ml-controls .ml-search-wrap{width:100%;max-width:none}.ml-filter-bar{scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.ml-tabs{gap:0}.ml-tab{padding:.7rem .85rem;font-size:.85rem}.ml-course-row{flex-wrap:wrap;gap:.85rem;padding:1rem}.ml-course-icon-wrap{width:44px;height:44px}.ml-course-info{flex-basis:calc(100% - 60px)}.ml-course-name{font-size:.95rem}.ml-course-chapter{max-width:100%}.ml-course-progress-group{flex:1;min-width:0}.ml-course-right{border-top:1px solid #ffffff0d;justify-content:space-between;width:100%;padding-top:.75rem}.ml-explore-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (width<=480px){.ml-stats,.ml-explore-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ml-progress-fill,.ml-donut circle{transition:none}.ml-course-row,.ml-recent-card,.ml-explore-card,.ml-continue-card,.ml-stat-item,.ml-action-btn,.ml-btn,.ml-continue-cta{transition:none;transform:none!important}}.search-overlay{z-index:9000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:flex-start;padding-top:min(15vh,120px);animation:.15s searchFadeIn;display:flex;position:fixed;inset:0}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}.search-modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:95%;max-width:560px;max-height:70vh;animation:.15s searchSlideIn;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000080}@keyframes searchSlideIn{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.search-input-wrap{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.85rem 1rem;display:flex}.search-input-icon{flex-shrink:0;font-size:1rem}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.search-input::placeholder{color:var(--text-muted)}.search-kbd{border:1px solid var(--border);color:var(--text-muted);border-radius:4px;flex-shrink:0;padding:.15rem .4rem;font-family:inherit;font-size:.65rem}.search-results{flex:1;min-height:0;overflow-y:auto}.search-group{padding:.35rem 0}.search-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.4rem 1rem .25rem;font-size:.68rem;font-weight:600}.search-result{cursor:pointer;align-items:center;gap:.7rem;padding:.55rem 1rem;transition:background .1s;display:flex}.search-result:hover,.search-result.selected{background:var(--bg-elevated)}.search-result-icon{text-align:center;flex-shrink:0;width:1.5rem;font-size:1.1rem}.search-result-avatar{object-fit:cover;vertical-align:middle;border-radius:50%;width:24px;height:24px;display:inline-block}.search-result-body{flex:1;min-width:0}.search-result-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.search-result-meta{align-items:center;gap:.5rem;margin-top:.1rem;display:flex}.search-result-mode{background:var(--bg-elevated);color:var(--text-muted);border-radius:999px;flex-shrink:0;padding:.08rem .35rem;font-size:.62rem;font-weight:600}.search-result-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.search-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem}.search-empty-icon{margin-bottom:.5rem;font-size:2rem;display:block}.search-empty p{margin:.25rem 0;font-size:.85rem}.search-empty-sub{opacity:.7;font-size:.78rem}.search-hints{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.search-hint{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.2rem .5rem;font-size:.72rem}.search-footer{border-top:1px solid var(--border);color:var(--text-muted);gap:1rem;padding:.5rem 1rem;font-size:.68rem;display:flex}.search-footer kbd{border:1px solid var(--border);border-radius:3px;margin-right:.2rem;padding:.1rem .3rem;font-family:inherit;font-size:.6rem}.navbar-search-trigger{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.3rem .6rem .3rem .55rem;font-size:.76rem;transition:border-color .2s,color .2s,box-shadow .2s;display:flex}.navbar-search-trigger:hover{border-color:var(--accent-glow);color:var(--text);box-shadow:0 0 12px rgba(var(--accent-rgb), .18)}.navbar-search-svg{opacity:.85;flex-shrink:0}.navbar-search-label{font-weight:500}.navbar-search-kbd{border:1px solid var(--border);color:var(--text-muted);border-radius:3px;padding:.08rem .3rem;font-family:inherit;font-size:.6rem}@media (width<=700px){.search-overlay{align-items:stretch;padding-top:0}.search-modal{border:none;border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.navbar-search-label,.navbar-search-kbd{display:none}.navbar-search-trigger{background:0 0;border:none;padding:.35rem}.search-footer{display:none}}.dc{flex-direction:column;gap:1.1rem;max-width:1180px;margin:0 auto;padding:1rem 1.25rem 3rem;display:flex}.dc-section-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.dc-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin:0;font-size:.85rem;font-weight:700}.dc-section-right{align-items:center;gap:.5rem;display:flex}.dc-link-btn{cursor:pointer;color:var(--accent);white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.3rem .4rem;font-size:.76rem;font-weight:600;transition:color .2s}.dc-link-btn:hover{color:var(--accent-hover);text-decoration:underline}.dc-chip{color:var(--text-secondary);background:var(--bg-card-alt);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .8rem;font-size:.74rem;font-weight:600;display:inline-flex}.dc-chip.streak{color:var(--warning);background:#fbbf2414;border-color:#fbbf244d}.dc-chip.goal{color:var(--accent-2);background:#22d3ee14;border-color:#22d3ee4d}.dc-welcome{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding-top:.4rem;display:flex}.dc-welcome-greeting{color:var(--accent-2);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 .25rem;font-size:.82rem;font-weight:600}.dc-welcome-title{letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:700}.dc-welcome-sub{color:var(--text-dim);margin:.35rem 0 0;font-size:.95rem}.dc-welcome-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dc-grid{gap:1.1rem;display:grid}.dc-grid-top{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}.dc-grid-mid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-grid-insights{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:auto}.dc-card,.dc-continue{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;padding:1.25rem}.dc-continue-wrap{min-width:0}.dc-continue-hero{cursor:pointer;background:linear-gradient(150deg, rgba(var(--accent-rgb), .22), #22d3ee1a), var(--bg-card);border-color:var(--accent-glow);height:100%;box-shadow:0 12px 40px #00000059, 0 0 0 1px rgba(var(--accent-rgb), .12) inset;flex-direction:column;gap:1rem;transition:border-color .25s,transform .25s;display:flex;position:relative;overflow:hidden}.dc-continue-hero:hover{border-color:var(--accent);transform:translateY(-3px)}.dc-continue-glow{background:radial-gradient(420px 220px at 20% 0%, rgba(var(--accent-rgb), .28), transparent 60%);pointer-events:none;position:absolute;inset:-40% -20%}.dc-continue-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex;position:relative}.dc-continue-kicker{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);font-size:.72rem;font-weight:700}.dc-continue-body{align-items:center;gap:1rem;display:flex;position:relative}.dc-continue-emoji{filter:drop-shadow(0 4px 12px #0000004d);flex-shrink:0;font-size:2.4rem}.dc-continue-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.dc-continue-title{color:var(--text);margin:0;font-size:1.2rem;font-weight:700}.dc-continue-chapter{color:var(--text-secondary);font-size:.85rem}.dc-continue-progress-label{color:var(--text-dim);margin-top:.4rem;font-size:.75rem}.dc-continue-bar{background:var(--bg-input);border-radius:5px;max-width:320px;height:8px;margin-top:.25rem;overflow:hidden}.dc-continue-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:5px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.dc-continue-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:.8rem;display:flex;position:relative}.dc-continue-action{color:var(--accent-hover);text-transform:uppercase;letter-spacing:.5px;font-size:.82rem;font-weight:700}.dc-continue-arrow{color:var(--accent);font-size:1.1rem;transition:transform .2s}.dc-continue-hero:hover .dc-continue-arrow{transform:translate(4px)}.dc-continue-empty{text-align:left;border-style:dashed;border-color:var(--border-strong);flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;height:100%;display:flex}.dc-continue-empty-icon{font-size:2.4rem}.dc-continue-empty-title{color:var(--text);margin:0;font-size:1.15rem}.dc-continue-empty-desc{color:var(--text-dim);max-width:40ch;margin:0;font-size:.86rem;line-height:1.55}.dc-continue-empty-actions{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.dc-today{flex-direction:column;display:flex}.dc-today .dc-section-head{margin-bottom:.4rem}.dc-today-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.7rem;display:grid}.dc-today-stat{border-radius:var(--radius-sm);background:var(--bg-card-alt);border:1px solid var(--border);flex-direction:column;gap:.1rem;padding:.9rem;display:flex}.dc-today-icon{font-size:1.1rem}.dc-today-val{font-family:var(--font-display);color:var(--text);font-size:1.35rem;font-weight:700;line-height:1.1}.dc-today-lbl{color:var(--text-muted);font-size:.72rem}.dc-state-ok{border-radius:var(--radius-sm);background:var(--bg-card-alt);border:1px dashed var(--border);color:var(--text-dim);align-items:center;gap:.6rem;padding:.85rem 1rem;font-size:.85rem;display:flex}.dc-state-ok span{font-size:1.1rem}.dc-state-ok p{margin:0}.dc-card-desc{color:var(--text-dim);margin:0 0 .75rem;font-size:.83rem;line-height:1.5}.dc-more{color:var(--text-muted);margin:.5rem 0 0;font-size:.75rem}.dc-card-cta{width:100%;margin-top:.75rem}.dc-review-list{flex-direction:column;gap:.4rem;display:flex}.dc-review-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card-alt);align-items:center;gap:.6rem;padding:.5rem .7rem;display:flex}.dc-review-dot{background:var(--warning);width:8px;height:8px;box-shadow:0 0 8px var(--warning);border-radius:50%;flex-shrink:0}.dc-review-name{color:var(--text);flex:1;font-size:.85rem}.dc-review-time{color:var(--text-muted);font-size:.7rem}.dc-recommend{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(140deg, #0ea5e91a, #22d3ee0d), var(--bg-card-alt);flex-direction:column;gap:.4rem;padding:1rem;transition:border-color .2s,transform .2s;display:flex}.dc-recommend:hover{border-color:var(--accent);transform:translateY(-2px)}.dc-recommend-top{align-items:center;gap:.5rem;display:flex}.dc-recommend-emoji{font-size:1.4rem}.dc-recommend-label{text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-size:.68rem;font-weight:700}.dc-recommend-title{color:var(--text);font-size:1.02rem;font-weight:700}.dc-recommend-chapter{color:var(--text-secondary);font-size:.82rem}.dc-recommend-why{color:var(--text-dim);margin:.2rem 0 0;font-size:.78rem;line-height:1.45}.dc-recommend-foot{justify-content:space-between;align-items:center;margin-top:.4rem;display:flex}.dc-recommend-cta{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:700}.dc-recommend-arrow{color:var(--accent)}.dc-recommend-secondary{flex-direction:column;gap:.3rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.dc-recommend-secondary li{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-dim);border:1px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.8rem;display:flex}.dc-recommend-secondary li:hover{color:var(--text);background:var(--bg-card-alt);border-color:var(--border)}.dc-recommend-secondary-arrow{color:var(--text-muted)}.dc-mylearning .dc-section-head{margin-bottom:.6rem}.dc-mylearning-list{flex-direction:column;gap:.55rem;display:flex}.dc-course-row{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card-alt);align-items:center;gap:.85rem;padding:.8rem 1rem;transition:border-color .2s,transform .2s,background .2s;display:flex}.dc-course-row:hover{border-color:var(--border-strong);background:var(--bg-card-hover);transform:translateY(-1px)}.dc-course-emoji{flex-shrink:0;font-size:1.5rem}.dc-course-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.dc-course-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dc-course-title{color:var(--text);font-size:.92rem;font-weight:600}.dc-course-chapter{color:var(--text-muted);font-size:.76rem}.dc-course-progress{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.dc-course-bar{background:var(--bg-input);border-radius:3px;width:90px;height:6px;overflow:hidden}.dc-course-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:3px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.dc-course-pct{color:var(--text-secondary);text-align:right;min-width:2.4rem;font-size:.78rem;font-weight:700}.dc-course-arrow{color:var(--accent);white-space:nowrap;font-size:.76rem;font-weight:600}.dc-activity-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.dc-activity-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card-alt);align-items:center;gap:.6rem;padding:.5rem .7rem;display:flex}.dc-activity-emoji{font-size:1.1rem}.dc-activity-label{color:var(--text);flex:1;font-size:.84rem}.dc-activity-time{color:var(--text-muted);font-size:.7rem}.dc-completed-list{flex-direction:column;gap:.4rem;margin:0 0 .6rem;padding:0;list-style:none;display:flex}.dc-completed-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card-alt);align-items:center;gap:.6rem;padding:.5rem .7rem;display:flex}.dc-completed-check{color:var(--success);font-weight:700}.dc-completed-name{color:var(--text);flex:1;font-size:.85rem}.dc-mode-badge{white-space:nowrap;letter-spacing:.3px;border-radius:999px;padding:.15rem .5rem;font-size:.62rem;font-weight:700}.dc-mode-badge.dl{color:#38bdf8;background:#0ea5e924;border:1px solid #0ea5e94d}.dc-mode-badge.creator{color:#fb923c;background:#fb923c1f;border:1px solid #fb923c4d}.dc-weak-concepts{flex-wrap:wrap;gap:.5rem;display:flex}.dc-weak-chip{background:var(--error-bg);color:var(--text);border:1px solid #f871714d;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.8rem;display:inline-flex}.dc-weak-mastery{color:var(--error);font-size:.68rem;font-weight:700}.dc-insights{flex-direction:column;gap:.4rem;display:flex}.dc-insights .dc-section-title{order:0}.dc-insights-hint{color:var(--text-muted);margin:0 0 .5rem;font-size:.82rem}.dc-insight-card{flex-direction:column;display:flex}.dc-insight-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin:0 0 .6rem;font-size:.82rem;font-weight:700}.dc-insight-sub{color:var(--text-muted);margin:0 0 .6rem;font-size:.76rem}.dc-cal-warn{color:var(--error);margin:.4rem 0 0;font-size:.76rem}.dc-empty-all{border-radius:var(--radius-lg);background:var(--bg-card);border:1px dashed var(--border-strong);color:var(--text-dim);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.dc-empty-all span{font-size:1.8rem}.dc-empty-all p{margin:0;font-size:.9rem}.dc-auth-hero{text-align:center;max-width:460px;margin:1rem auto}.dc-auth-inner{border-radius:var(--radius-lg);background:linear-gradient(150deg, rgba(var(--accent-rgb), .16), #22d3ee14), var(--bg-card);border:1px solid var(--accent-glow);padding:2.5rem 2rem}.dc-auth-icon{margin-bottom:.75rem;font-size:2.4rem}.dc-auth-title{margin:0 0 .5rem;font-size:1.35rem}.dc-auth-desc{color:var(--text-dim);max-width:340px;margin:0 auto 1.25rem;font-size:.9rem;line-height:1.55}.dc-auth-meta{color:var(--text-muted);margin-top:.9rem;font-size:.75rem}@media (width<=980px){.dc-grid-top{grid-template-columns:1fr}}@media (width<=760px){.dc{padding:.75rem 1rem 2.5rem}.dc-grid-mid,.dc-grid-insights{grid-template-columns:1fr}.dc-course-row{flex-wrap:wrap}.dc-course-progress{flex:1;justify-content:flex-end}.dc-welcome-meta{margin-top:.4rem}}@media (width<=480px){.dc-contact-row{flex-wrap:wrap}.dc-continue-hero{padding:1.1rem}.dc-today-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-continue-empty-actions{flex-direction:column;align-items:stretch}.dc-continue-empty-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.dc-continue-hero,.dc-recommend,.dc-course-row,.dc-continue-bar-fill,.dc-course-bar-fill{transition:none}.dc-continue-hero:hover,.dc-recommend:hover,.dc-course-row:hover{transform:none}}.saas-channel-page{background:var(--bg);min-height:100vh;color:var(--text);overflow-x:hidden}.saas-container{max-width:1320px;margin:0 auto;padding:0 1.5rem}.saas-breadcrumb-bar{border-bottom:1px solid rgba(var(--accent-rgb), .15);font-family:var(--font-mono);background:#0a0d18d9;padding:.65rem 0;font-size:.76rem}.saas-breadcrumb-inner{align-items:center;gap:.5rem;display:flex}.saas-back-link{color:var(--text-dim);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;font-weight:700;transition:color .2s}.saas-back-link:hover{color:var(--accent-hover)}.saas-breadcrumb-sep{color:#94a3b84d}.saas-breadcrumb-curr{color:var(--text-muted)}.saas-breadcrumb-active{color:#fff;font-weight:700}.saas-channel-header.adv-header{border-bottom:1px solid rgba(var(--accent-rgb), .25);background:linear-gradient(#101628e6 0%,#070912fa 100%);padding-top:1.25rem;position:relative;overflow:hidden}.saas-header-canvas{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.saas-header-glow.adv-glow{background:radial-gradient(ellipse 60% 45% at 50% 0%, rgba(var(--accent-rgb), .28), #0ea5e91f 55%, transparent 75%);width:1080px;height:380px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.saas-header-grid{background-image:linear-gradient(to right, rgba(var(--accent-rgb), .06) 1px, transparent 1px), linear-gradient(to bottom, rgba(var(--accent-rgb), .06) 1px, transparent 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000d9 0%,#0000 100%);mask-image:linear-gradient(#000000d9 0%,#0000 100%)}.saas-header-laser{background:linear-gradient(90deg, transparent 5%, var(--accent) 30%, var(--accent-hover) 70%, transparent 95%);height:2px;box-shadow:0 0 16px rgba(var(--accent-rgb), .6);position:absolute;top:0;left:0;right:0}.saas-header-content.adv-content{z-index:1;flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex;position:relative}.saas-header-corner-bar{justify-content:flex-end;width:100%;margin-bottom:-.75rem;display:flex}.saas-analytics-mini-btn{font-family:var(--font-mono);color:#7dd3fc;background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .3);cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.74rem;font-weight:700;transition:all .2s;display:inline-flex}.saas-analytics-mini-btn:hover{background:rgba(var(--accent-rgb), .22);border-color:var(--accent);color:#fff;box-shadow:0 0 12px rgba(var(--accent-rgb), .45)}.saas-creator-centerpiece{text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:820px;margin:0 auto;display:flex}.saas-avatar-wrapper.saas-avatar-center{width:92px;height:92px;margin:0 auto .25rem;position:relative}.saas-avatar-img{object-fit:cover;border:2px solid rgba(var(--accent-rgb), .5);width:100%;height:100%;box-shadow:0 8px 28px rgba(var(--accent-rgb), .45), inset 0 0 12px rgba(var(--accent-rgb), .25);border-radius:20px}.saas-verified-badge{background:var(--accent);color:#fff;width:24px;height:24px;box-shadow:0 0 12px rgba(var(--accent-rgb), .9);border:2px solid #070912;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;right:-4px}.saas-live-pulse-dot{background:#10b981;border-radius:50%;width:10px;height:10px;animation:2s infinite pulseLiveDot;position:absolute;top:-3px;left:-3px;box-shadow:0 0 8px #10b981}@keyframes pulseLiveDot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 12px #10b981}to{opacity:.8;transform:scale(.95)}}.saas-channel-title.saas-title-hero{font-family:var(--font-cyber), var(--font-display);letter-spacing:-.025em;background:linear-gradient(135deg,#fff 40%,#e2e8f0 70%,#7dd3fc 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px var(--accent-glow));-webkit-background-clip:text;margin:0;font-size:clamp(2.4rem,4.5vw,3.6rem);font-weight:900;line-height:1.12}.saas-creator-handle-center{font-family:var(--font-mono);color:var(--accent-hover);margin:0;font-size:.88rem;font-weight:700}.saas-creator-bio.saas-bio-center{color:var(--text-dim);max-width:680px;margin:0;font-size:.95rem;line-height:1.6}.saas-telemetry-deck{grid-template-columns:1fr 280px;align-items:center;gap:1.25rem;padding-top:.5rem;display:grid}.saas-telemetry-cards{grid-template-columns:repeat(4,1fr);gap:.85rem;display:grid}.saas-stat-card{border:1px solid rgba(var(--accent-rgb), .22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12182c99;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem .95rem;transition:all .2s;display:flex}.saas-stat-card:hover{border-color:rgba(var(--accent-rgb), .45);background:#12182cd9;transform:translateY(-1px)}.saas-stat-icon-box{background:rgba(var(--accent-rgb), .15);color:#7dd3fc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.saas-stat-icon-box.indigo{color:#38bdf8;background:#0ea5e926}.saas-stat-icon-box.purple{color:#7dd3fc;background:#0ea5e926}.saas-stat-icon-box.amber{color:#fbbf24;background:#f59e0b26}.saas-stat-meta{flex-direction:column;display:flex}.saas-stat-val{font-family:var(--font-cyber), var(--font-display);color:#fff;font-size:1.15rem;font-weight:800;line-height:1.1}.saas-stat-lbl{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem;font-size:.68rem}.saas-mastery-gauge-card{background:linear-gradient(135deg, rgba(var(--accent-rgb), .16), #0ea5e914);border:1px solid var(--accent-glow);border-radius:10px;flex-direction:column;gap:.4rem;padding:.75rem 1rem;display:flex}.saas-gauge-top{justify-content:space-between;align-items:center;display:flex}.saas-gauge-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#7dd3fc;font-size:.72rem;font-weight:700}.saas-gauge-pct{font-family:var(--font-cyber), var(--font-mono);color:#fff;font-size:.92rem;font-weight:800}.saas-gauge-track{background:#ffffff14;border-radius:3px;width:100%;height:6px;overflow:hidden}.saas-gauge-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));height:100%;box-shadow:0 0 8px rgba(var(--accent-rgb), .6);border-radius:3px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.saas-gauge-sub{color:var(--text-dim);font-size:.72rem}.saas-tabs-wrapper{z-index:2;background:#080b16bf;border-top:1px solid #ffffff0f;position:relative}.saas-tabs-bar{align-items:center;gap:.35rem;display:flex;overflow-x:auto}.saas-tab-btn{font-family:var(--font-sans);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.55rem;padding:.95rem 1.15rem;font-size:.86rem;font-weight:600;transition:all .2s;display:inline-flex}.saas-tab-btn:hover{color:#fff}.saas-tab-btn.active{color:#7dd3fc;border-bottom-color:var(--accent);background:rgba(var(--accent-rgb), .08)}.saas-tab-counter{font-family:var(--font-mono);color:var(--text-muted);background:#ffffff14;border-radius:999px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.saas-tab-btn.active .saas-tab-counter{background:rgba(var(--accent-rgb), .22);color:#bae6fd}.saas-main-body{padding:2rem 1.5rem 6rem}.saas-tab-panel{animation:.2s ease-out tabFadeIn}.compact-catalog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.75rem;display:flex}.compact-search-box{align-items:center;width:360px;max-width:100%;display:flex;position:relative}.compact-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.8rem}.compact-search-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:.5rem 1.8rem .5rem 2.2rem;font-size:.84rem;transition:all .2s}.compact-search-input:focus{border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb), .3);outline:none}.compact-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;right:.6rem}.compact-filter-pills{background:var(--bg-card-alt,var(--bg-2));border:1px solid var(--border);border-radius:8px;gap:.35rem;padding:.25rem;display:flex}.compact-filter-pill{font-family:var(--font-mono);color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .85rem;font-size:.76rem;font-weight:700;transition:all .2s}.compact-filter-pill:hover{color:var(--text)}.compact-filter-pill.active{background:var(--accent);color:#fff;box-shadow:0 0 10px rgba(var(--accent-rgb), .4)}.track-guidance-block{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;margin:-.75rem 0 1.5rem;padding:.85rem 1.05rem}.track-guidance-heading{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);margin:0 0 .55rem;font-size:.72rem;font-weight:700}.track-guidance{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.track-guidance-item{color:var(--text);align-items:baseline;gap:.4rem;font-size:.84rem;line-height:1.5;display:flex}.track-guidance-item strong{color:var(--accent);white-space:nowrap}.compact-courses-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.15rem 1rem;display:grid}.compact-course-card{border:1px solid rgba(var(--accent-rgb), .2);background:linear-gradient(168deg,#121626d9,#090c16fa);border-radius:12px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 6px 20px #0006}.compact-course-card:hover{border-color:rgba(var(--accent-rgb), .45);box-shadow:0 12px 28px #00000080, 0 0 18px rgba(var(--accent-rgb), .2);transform:translateY(-2px)}.yt-thumb{aspect-ratio:16/9;cursor:pointer;background:#090c16;width:100%;position:relative;overflow:hidden}.yt-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1);display:block}.yt-thumb:hover img{transform:scale(1.04)}.compact-thumb-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;color:#fff;z-index:2;background:#00000059;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.yt-thumb:hover .compact-thumb-overlay{opacity:1}.compact-thumb-overlay svg{background:var(--accent);width:34px;height:34px;box-shadow:0 0 14px rgba(var(--accent-rgb), .85);border-radius:50%;padding:7px;transition:transform .2s;transform:scale(.9)}.yt-thumb:hover .compact-thumb-overlay svg{transform:scale(1)}.yt-thumb-track-badge{font-family:var(--font-mono);color:#fff;border:1px solid var(--accent-glow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.04em;z-index:3;background:#0f172ae6;border-radius:4px;padding:.12rem .42rem;font-size:.62rem;font-weight:800;position:absolute;top:7px;left:7px}.yt-thumb-lang-badge{font-family:var(--font-sans);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3;background:#0d111de0;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.35rem;padding:.14rem .52rem;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;top:7px;right:7px;box-shadow:0 4px 12px #0006}.compact-lang-badge{color:#7dd3fc;background:#0ea5e91a;border:1px solid #0ea5e938;border-radius:4px;align-items:center;gap:.32rem;padding:.12rem .48rem;font-size:.72rem;font-weight:600;display:inline-flex}.compact-thumb-duration{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#7dd3fc;font-family:var(--font-mono);z-index:3;background:#000000d9;border-radius:4px;align-items:center;gap:.2rem;padding:.12rem .4rem;font-size:.65rem;font-weight:700;display:inline-flex;position:absolute;bottom:7px;right:7px}.yt-thumb-progress-track{z-index:4;background:#ffffff2e;height:3px;position:absolute;bottom:0;left:0;right:0}.yt-thumb-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));height:100%;box-shadow:0 0 8px rgba(var(--accent-rgb), .9)}.yt-info{flex-direction:column;flex:1;gap:.3rem;padding:.75rem .85rem .85rem;display:flex}.compact-meta-top{align-items:center;gap:.4rem;height:1.25rem;font-size:.68rem;display:flex}.compact-level-tag{color:var(--text-muted);font-size:.68rem;font-weight:600}.yt-meta-dot{color:var(--text-muted);font-size:.6rem}.compact-subtext-inline{font-family:var(--font-mono);color:var(--text-muted);font-size:.65rem}.compact-progress-tag{font-family:var(--font-mono);color:var(--success);margin-left:auto;font-size:.65rem;font-weight:700}.yt-title{font-family:var(--font-cyber), var(--font-display);color:var(--text,#fff);cursor:pointer;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:2.7em;margin:.05rem 0;font-size:.92rem;font-weight:800;line-height:1.35;transition:color .15s;display:-webkit-box;overflow:hidden}.yt-title:hover{color:var(--accent-hover)}[data-theme=light] .yt-title{color:#0f172a}[data-theme=light] .yt-title:hover{color:var(--accent)}.yt-desc{color:var(--text-dim,#94a3b8);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:2.76em;margin:0;font-size:.76rem;line-height:1.38;display:-webkit-box;overflow:hidden}[data-theme=light] .yt-desc{color:#475569}.compact-tags{flex-wrap:nowrap;align-items:center;gap:.3rem;height:1.45rem;margin-top:.05rem;display:flex;overflow:hidden}.compact-tag-pill{font-family:var(--font-mono);color:#7dd3fc;background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .25);white-space:nowrap;border-radius:4px;flex-shrink:0;padding:.06rem .38rem;font-size:.64rem}.yt-actions{border-top:1px solid #ffffff0f;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:auto;padding-top:.5rem;display:grid}.yt-primary-btn{font-family:var(--font-mono);background:linear-gradient(135deg, var(--accent) 0%, #0284c7 55%, #0ea5e9 100%);color:#fff;cursor:pointer;box-shadow:0 2px 10px var(--accent-glow);white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;padding:.42rem .65rem;font-size:.72rem;font-weight:800;transition:all .2s;display:inline-flex}.yt-primary-btn:hover{box-shadow:0 4px 14px rgba(var(--accent-rgb), .55);transform:translateY(-1px)}.yt-dropdown-btn{font-family:var(--font-mono);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #94a3b833;border-radius:6px;justify-content:center;align-items:center;gap:.3rem;padding:.42rem .65rem;font-size:.7rem;font-weight:700;transition:all .2s;display:inline-flex}.yt-dropdown-btn:hover{border-color:var(--accent);color:#fff;background:#ffffff14}.yt-dropdown-btn.open{border-color:var(--accent);color:#7dd3fc;background:rgba(var(--accent-rgb), .12)}.compact-chevron{transition:transform .2s}.compact-chevron.rotated{transform:rotate(180deg)}.yt-dropdown-tray{border-top:1px solid rgba(var(--accent-rgb), .25);background:#060810fa;padding:.75rem .85rem .85rem;animation:.2s ease-out traySlideDown}@keyframes traySlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tray-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.65rem;display:flex}.tray-title{font-family:var(--font-mono);letter-spacing:.05em;color:#7dd3fc;font-size:.72rem;font-weight:800}.tray-hint{color:var(--text-muted);font-size:.68rem}.tray-scroll-list{flex-direction:column;gap:.45rem;max-height:270px;padding-right:.25rem;display:flex;overflow-y:auto}.tray-scroll-list::-webkit-scrollbar{width:4px}.tray-scroll-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.tray-scroll-list::-webkit-scrollbar-thumb{background:var(--accent-glow);border-radius:4px}.tray-scroll-list::-webkit-scrollbar-thumb:hover{background:var(--accent)}.yt-ch-row{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;align-items:flex-start;gap:.6rem;padding:.5rem .65rem;transition:all .15s;display:flex}.yt-ch-row:hover{background:rgba(var(--accent-rgb), .1);border-color:var(--accent-glow);transform:translateY(-1px)}.yt-ch-row.covered{border-left:3px solid var(--success)}.tray-ch-num{font-family:var(--font-mono);color:var(--accent-hover);flex-shrink:0;width:18px;margin-top:.1rem;font-size:.72rem;font-weight:800}.tray-ch-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.tray-ch-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tray-ch-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.tray-ch-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.tray-status{font-family:var(--font-mono);border-radius:4px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.66rem;font-weight:700;display:inline-flex}.tray-status.done{color:var(--success);background:var(--success-bg)}.tray-status.progress{color:#f59e0b;background:#f59e0b24}.tray-status.ready{color:var(--text-muted);background:#ffffff0d}.tray-practice-btn{font-family:var(--font-mono);background:rgba(var(--accent-rgb), .12);border:1px solid var(--accent-glow);color:#7dd3fc;cursor:pointer;border-radius:4px;flex-shrink:0;align-items:center;gap:.2rem;padding:.2rem .45rem;font-size:.68rem;font-weight:700;transition:all .2s;display:inline-flex}.tray-practice-btn:hover{background:var(--accent);color:#fff;box-shadow:0 0 10px rgba(var(--accent-rgb), .5)}.tray-video-btn{font-family:var(--font-mono);color:#fca5a5;cursor:pointer;background:#ef444414;border:1px solid #ef444440;border-radius:4px;flex-shrink:0;align-items:center;gap:.25rem;padding:.18rem .42rem;font-size:.65rem;font-weight:700;transition:all .2s;display:inline-flex}.tray-video-btn:hover{color:#fff;background:#ef444433;border-color:#ef444480;box-shadow:0 0 8px #ef44444d}.tray-show-all-btn{text-align:center;background:rgba(var(--accent-rgb), .05);border:1px dashed var(--accent-glow);color:#7dd3fc;cursor:pointer;border-radius:6px;width:100%;margin:.5rem 0 .1rem;padding:.42rem .6rem;font-size:.74rem;font-weight:600;transition:all .2s}.tray-show-all-btn:hover{background:rgba(var(--accent-rgb), .15);border-color:rgba(var(--accent-rgb), .6);color:#fff}.tray-ch-concepts{flex-wrap:nowrap;align-items:center;gap:.25rem;display:flex;overflow:hidden}.tray-concept-chip{font-family:var(--font-mono);color:#7dd3fc;background:rgba(var(--accent-rgb), .1);white-space:nowrap;border-radius:3px;padding:.05rem .3rem;font-size:.62rem}.tray-concept-more{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;background:#ffffff0d;border-radius:3px;padding:.05rem .25rem;font-size:.6rem}.tray-empty{text-align:center;color:var(--text-muted);padding:1.25rem;font-size:.8rem}.saas-empty-state{text-align:center;background:#12152466;border:1px dashed #94a3b833;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.saas-empty-icon{color:var(--text-muted);margin-bottom:1rem}.saas-empty-title{color:#fff;margin:0 0 .4rem;font-size:1.1rem;font-weight:700}.saas-empty-desc{color:var(--text-dim);margin:0 0 1.25rem;font-size:.88rem}.saas-roadmap-header{max-width:780px;margin-bottom:2.25rem}.saas-roadmap-kicker{font-family:var(--font-mono);color:var(--accent-hover);letter-spacing:.08em;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.74rem;font-weight:800;display:inline-flex}.saas-roadmap-title{font-family:var(--font-cyber), var(--font-display);color:#fff;margin:0 0 .6rem;font-size:1.8rem;font-weight:800}.saas-roadmap-desc{color:var(--text-dim);margin:0;font-size:.95rem;line-height:1.6}.saas-roadmap-flow{flex-direction:column;gap:1.25rem;max-width:900px;display:flex}.saas-stage-card{border:1px solid rgba(var(--accent-rgb), .25);background:linear-gradient(160deg,#121626cc,#090c16f2);border-radius:16px;gap:1.75rem;padding:1.75rem;display:flex;box-shadow:0 12px 36px #0006}.saas-stage-badge-col{flex-direction:column;align-items:center;gap:.75rem;display:flex}.saas-stage-num{background:rgba(var(--accent-rgb), .2);border:1px solid var(--accent);color:#fff;width:44px;height:44px;font-family:var(--font-mono);box-shadow:0 0 16px rgba(var(--accent-rgb), .3);border-radius:12px;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.saas-stage-line{background:linear-gradient(180deg, var(--accent), rgba(var(--accent-rgb), .2));flex:1;width:2px}.saas-stage-body{flex:1;min-width:0}.saas-stage-tag-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.saas-stage-type{font-family:var(--font-mono);letter-spacing:.08em;color:#7dd3fc;background:rgba(var(--accent-rgb), .15);border-radius:4px;padding:.15rem .55rem;font-size:.7rem;font-weight:800}.saas-stage-type.advanced{color:#7dd3fc;background:rgba(var(--accent-rgb), .15)}.saas-stage-time{color:var(--text-muted);font-size:.74rem}.saas-stage-heading{font-family:var(--font-cyber), var(--font-display);color:#fff;margin:0 0 .5rem;font-size:1.3rem;font-weight:800}.saas-stage-text{color:var(--text-dim);margin:0 0 1.25rem;font-size:.9rem;line-height:1.55}.saas-milestones-list{grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1.4rem;display:grid}.saas-milestone-item{color:var(--text-dim);align-items:center;gap:.5rem;font-size:.82rem;display:flex}.m-icon{color:var(--accent-hover);flex-shrink:0}.saas-stage-btn{background:rgba(var(--accent-rgb), .15);border:1px solid rgba(var(--accent-rgb), .4);color:#fff;font-family:var(--font-mono);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.saas-stage-btn:hover{background:var(--accent);box-shadow:0 0 16px rgba(var(--accent-rgb), .4);transform:translate(3px)}.saas-pathway-conduit{justify-content:center;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.saas-conduit-line{background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .3), transparent);flex:1;height:1px}.saas-conduit-pill{font-family:var(--font-mono);letter-spacing:.08em;color:#7dd3fc;background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .3);border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .8rem;font-size:.68rem;font-weight:800;display:inline-flex}.saas-labs-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.75rem;display:flex}.saas-labs-title{font-family:var(--font-cyber), var(--font-display);color:#fff;margin:0 0 .35rem;font-size:1.6rem;font-weight:800}.saas-labs-desc{color:var(--text-dim);margin:0;font-size:.88rem}.saas-labs-table-container{border:1px solid rgba(var(--accent-rgb), .2);background:linear-gradient(165deg,#12162699,#090c16e6);border-radius:12px;overflow-x:auto}.saas-labs-table{border-collapse:collapse;text-align:left;width:100%}.saas-labs-table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid rgba(var(--accent-rgb), .2);background:#06081099;padding:.85rem 1rem;font-size:.72rem;font-weight:800}.saas-lab-row{border-bottom:1px solid #ffffff0a;transition:background .15s}.saas-lab-row:hover{background:rgba(var(--accent-rgb), .06)}.saas-labs-table td{padding:.85rem 1rem;font-size:.84rem}.saas-cell-num{font-family:var(--font-mono);color:var(--accent-hover);font-weight:700}.lab-title-text{color:#fff;font-weight:600}.saas-mini-pill{font-family:var(--font-mono);color:var(--text-dim);background:#ffffff0f;border-radius:4px;padding:.15rem .5rem;font-size:.7rem}.saas-cell-tags{gap:.3rem;display:flex}.saas-micro-tag{font-family:var(--font-mono);color:#7dd3fc;background:rgba(var(--accent-rgb), .1);border-radius:4px;padding:.1rem .4rem;font-size:.68rem}.saas-status-badge{font-family:var(--font-mono);border-radius:4px;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.saas-status-badge.done{color:var(--success);background:var(--success-bg)}.saas-status-badge.in-progress{color:#f59e0b;background:#f59e0b1f}.saas-status-badge.unstarted{color:var(--text-muted);background:#ffffff0d}.saas-lab-launch-btn{font-family:var(--font-mono);background:rgba(var(--accent-rgb), .12);border:1px solid var(--accent-glow);color:#7dd3fc;cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.74rem;font-weight:700;transition:all .2s;display:inline-flex}.saas-lab-launch-btn:hover{background:var(--accent);color:#fff;box-shadow:0 0 12px rgba(var(--accent-rgb), .5)}.saas-about-grid{grid-template-columns:1fr 340px;align-items:start;gap:2.5rem;display:grid}.saas-about-title{font-family:var(--font-cyber), var(--font-display);color:#fff;margin:0 0 1rem;font-size:1.8rem;font-weight:800}.saas-about-lead{color:#e2e8f0;margin:0 0 1rem;font-size:1.05rem;line-height:1.6}.saas-about-p{color:var(--text-dim);margin:0 0 1.75rem;font-size:.92rem;line-height:1.65}.saas-about-sub{font-family:var(--font-cyber), var(--font-display);color:#fff;margin:1.75rem 0 1rem;font-size:1.2rem;font-weight:800}.saas-methodology-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.saas-method-card{border:1px solid rgba(var(--accent-rgb), .2);background:#12162699;border-radius:10px;padding:1.25rem}.method-icon{color:var(--accent-hover);margin-bottom:.65rem}.saas-method-card h4{color:#fff;margin:0 0 .4rem;font-size:.95rem;font-weight:700}.saas-method-card p{color:var(--text-dim);margin:0;font-size:.82rem;line-height:1.5}.saas-tech-badges{flex-wrap:wrap;gap:.5rem;display:flex}.saas-tech-pill{font-family:var(--font-mono);color:#7dd3fc;background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .3);border-radius:6px;padding:.3rem .75rem;font-size:.78rem;font-weight:600}.saas-about-aside{flex-direction:column;gap:1.5rem;display:flex}.saas-aside-card{border:1px solid rgba(var(--accent-rgb), .25);background:linear-gradient(160deg,#121626cc,#090c16f2);border-radius:14px;padding:1.5rem}.saas-aside-heading{font-family:var(--font-cyber), var(--font-display);color:#fff;border-bottom:1px solid #ffffff14;margin:0 0 1rem;padding-bottom:.65rem;font-size:.95rem;font-weight:800}.saas-aside-list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.saas-aside-list li{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.aside-label{color:var(--text-muted)}.aside-val{color:#fff;font-weight:700}.aside-link{color:var(--accent-hover);font-weight:700;text-decoration:none}.aside-link:hover{text-decoration:underline}.saas-aside-cta{background:linear-gradient(135deg, rgba(var(--accent-rgb), .18), #0ea5e91a);border:1px solid var(--accent-glow);border-radius:14px;padding:1.5rem}.saas-aside-cta h4{font-family:var(--font-cyber), var(--font-display);color:#fff;margin:0 0 .4rem;font-size:1.05rem;font-weight:800}.saas-aside-cta p{color:var(--text-dim);margin:0 0 1.2rem;font-size:.84rem;line-height:1.5}@media (width<=1024px){.saas-telemetry-deck{grid-template-columns:1fr}.compact-courses-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width<=768px){.saas-header-corner-bar{justify-content:flex-end;margin-bottom:.25rem}.saas-channel-title.saas-title-hero{font-size:2.1rem}.saas-telemetry-cards{grid-template-columns:repeat(2,1fr)}.compact-catalog-toolbar{flex-direction:column;align-items:stretch}.compact-search-box{width:100%}.compact-filter-pills{width:100%;overflow-x:auto}.compact-courses-grid{grid-template-columns:1fr;gap:1.2rem}.saas-milestones-list{grid-template-columns:1fr}.saas-stage-card{flex-direction:column;gap:1rem}.saas-stage-badge-col{flex-direction:row}.saas-stage-line{display:none}.saas-about-grid{grid-template-columns:1fr}}.md-content{color:var(--text-secondary);font-size:.95rem;line-height:1.68}.md-content .md-paragraph{margin-bottom:.75rem}.md-content .md-paragraph:last-child{margin-bottom:0}.md-content .md-bold{color:#f8fafc;font-weight:700}.md-content .md-italic{color:#cbd5e1;font-style:italic}.md-content .md-inline-code{color:#38bdf8;font-family:var(--font-mono);vertical-align:baseline;background:#0ea5e91f;border:1px solid #0ea5e940;border-radius:6px;margin:0 .2rem;padding:.12rem .45rem;font-size:.85em;font-weight:500;display:inline-block}.md-content .md-ordered-list,.md-content .md-unordered-list{flex-direction:column;gap:.35rem;margin:.5rem 0 .8rem 1.4rem;padding:0;display:flex}.md-content li{color:var(--text-secondary);line-height:1.6}.code-editor-shell{background:#080a14;border:1px solid #0ea5e938;border-radius:12px;flex-direction:column;width:100%;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000080,0 0 1px #0ea5e94d}.code-editor-shell:focus-within{border-color:#0ea5e98c;box-shadow:0 12px 36px #0009,0 0 16px #0ea5e938}.code-editor-header{-webkit-user-select:none;user-select:none;background:#0c1020;border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;padding:.5rem .9rem;display:flex}.code-editor-header-left,.code-editor-header-right{align-items:center;gap:.65rem;display:flex}.code-editor-lang-badge{color:#38bdf8;letter-spacing:.03em;text-transform:uppercase;background:#0ea5e91f;border:1px solid #0ea5e940;border-radius:6px;align-items:center;gap:.4rem;padding:.22rem .55rem;font-size:.73rem;font-weight:600;display:inline-flex}.code-editor-lang-icon{color:#38bdf8}.code-editor-stats{color:#64748b;font-size:.73rem;font-family:var(--font-mono)}.code-editor-copy-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #94a3b824;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.72rem;font-weight:500;transition:all .2s;display:inline-flex}.code-editor-copy-btn:hover:not(:disabled){color:#f8fafc;background:#0ea5e926;border-color:#0ea5e966}.code-editor-copy-btn:disabled{opacity:.35;cursor:not-allowed}.code-editor-body{background:#080a14;width:100%;display:flex;position:relative;overflow:hidden}.code-gutter{color:#475569;width:46px;min-width:46px;font-family:var(--font-mono);text-align:right;-webkit-user-select:none;user-select:none;background:#05070e;border-right:1px solid #94a3b81a;padding:.85rem .5rem;font-size:.85rem;line-height:1.65;overflow:hidden}.gutter-num{transition:color .15s}.gutter-num.active-line{color:#38bdf8;font-weight:600}.code-canvas-wrap{flex:1;min-width:0;min-height:220px;position:relative}.code-highlight{color:#e2e8f0;pointer-events:none;word-break:break-all;box-sizing:border-box;position:absolute;inset:0;overflow:hidden;font-family:var(--font-mono)!important;white-space:pre-wrap!important;background:0 0!important;margin:0!important;padding:.85rem 1rem!important;font-size:.86rem!important;line-height:1.65!important}.code-editor-textarea{color:#0000;-webkit-text-fill-color:transparent;caret-color:#38bdf8;width:100%;height:100%;font-family:var(--font-mono);resize:none;tab-size:2;white-space:pre-wrap;word-break:break-all;box-sizing:border-box;z-index:2;background:0 0;border:none;outline:none;margin:0;padding:.85rem 1rem;font-size:.86rem;line-height:1.65;position:absolute;inset:0;overflow:auto}.code-editor-textarea::placeholder{font-style:italic;color:#64748b!important;-webkit-text-fill-color:#64748b!important}.code-editor-textarea::selection{background:#0ea5e959!important}.code-mode-panel{flex-direction:column;gap:1.25rem;width:100%;display:flex}.code-task-card{background:#121524b8;border:1px solid #94a3b829;border-radius:14px;padding:1.35rem 1.5rem;box-shadow:0 4px 20px #00000040}.code-task-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.code-task-header h3{color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.code-task-lang-pill{color:#38bdf8;letter-spacing:.04em;background:#0ea5e924;border:1px solid #0ea5e94d;border-radius:6px;padding:.18rem .55rem;font-size:.72rem;font-weight:700}.code-task-desc{margin-bottom:1rem}.code-editor-wrapper{flex-direction:column;gap:.5rem;width:100%;display:flex}.code-editor-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.code-editor-label{color:var(--text-dim);font-size:.82rem;font-weight:600}.code-step-btn{border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.78rem;display:inline-flex}.confidence-section{background:#121524b8;border:1px solid #0ea5e940;border-radius:12px;flex-direction:column;gap:.65rem;padding:1.1rem 1.4rem;display:flex}.confidence-label{color:var(--text-dim);font-size:.88rem}.confidence-label span{color:#38bdf8;font-weight:700}.confidence-slider{accent-color:#0ea5e9;cursor:pointer;width:100%}.feedback-card{background:#121524d9;border:1px solid #94a3b833;border-radius:14px;flex-direction:column;gap:.9rem;padding:1.35rem 1.5rem;display:flex}.feedback-banner{border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;display:flex}.feedback-banner.correct{color:#34d399;background:#34d39926;border:1px solid #34d39959}.feedback-banner.incorrect{color:#f87171;background:#f8717126;border:1px solid #f8717159}.feedback-explanation{color:var(--text-secondary);font-size:.92rem;line-height:1.65}.feedback-fix-wrap{background:#0a0c16b3;border-left:3px solid #38bdf8;border-radius:0 8px 8px 0;padding:.75rem 1rem}.feedback-fix-lbl{color:#38bdf8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem;font-size:.75rem;font-weight:600;display:block}.feedback-fix{font-family:var(--font-mono);color:#e2e8f0;font-size:.85rem}.feedback-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.code-mode-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.code-submit-btn{border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-size:.92rem;font-weight:600;display:inline-flex}.predict-mode{flex-direction:column;gap:1.25rem;width:100%;display:flex}.mode-header-cluster{margin-bottom:.25rem}.inline-icon{vertical-align:-2px;margin-right:.25rem}.predict-setup-card{flex-direction:column;gap:.65rem;padding:1.25rem 1.4rem;display:flex}.predict-select-label{color:var(--text-dim);font-size:.85rem;font-weight:600}.predict-setup-row{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.focus-badge{color:#38bdf8;background:#0ea5e926;border-color:#0ea5e959;padding:.4rem .9rem;font-size:.85rem}.predict-snapshot{border-radius:14px;padding:1.35rem 1.5rem}.predict-snapshot h4{color:var(--text);margin-bottom:.3rem;font-size:1.05rem}.predict-snapshot-sub{color:var(--text-dim);margin-bottom:1rem;font-size:.88rem}.predict-prereq-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.predict-prereq-item{grid-template-columns:180px 1fr 50px;align-items:center;gap:1rem;display:grid}.predict-prereq-name{color:var(--text-secondary);font-size:.82rem}.predict-prereq-bar-wrap{background:#94a3b826;border-radius:999px;height:8px;overflow:hidden}.predict-prereq-bar{border-radius:999px;height:100%;transition:width .3s;display:block}.predict-prereq-bar.bar-strong{background:#34d399}.predict-prereq-bar.bar-weak{background:#fbbf24}.predict-prereq-pct{font-size:.78rem;font-family:var(--font-mono);color:var(--text-dim);text-align:right}.predict-workspace-wrap{flex-direction:column;gap:1.25rem;width:100%;display:flex}.predict-prompt-card{background:#121524b8;border:1px solid #0ea5e940;border-radius:14px;padding:1.35rem 1.5rem;box-shadow:0 4px 20px #0000004d}.predict-prompt-header{align-items:center;gap:.6rem;margin-bottom:.85rem;display:flex}.predict-prompt-text{font-size:.95rem;line-height:1.7}.predict-editor-box{flex-direction:column;gap:.6rem;width:100%;display:flex}.predict-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.35rem;display:flex}.predict-char-count{color:#64748b;font-size:.78rem;font-family:var(--font-mono)}.predict-submit-btn{border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.predict-result{border-radius:14px;flex-direction:column;gap:1.1rem;padding:1.35rem 1.5rem;display:flex}.predict-result-header h4{color:var(--text);margin-bottom:.25rem;font-size:1.1rem}.predict-score{color:#38bdf8;font-size:1.25rem;font-weight:700}.predict-breakdown{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;display:grid}.predict-metric{background:#0a0c1699;border:1px solid #94a3b81f;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.predict-metric-lbl{color:var(--text-dim);font-size:.82rem}.predict-metric-val{font-size:.85rem;font-family:var(--font-mono);color:#38bdf8;font-weight:600}.predict-result-actions{justify-content:flex-end;display:flex}.debug-desc,.tb-follow-question{margin-bottom:.75rem}.guest-banner{color:var(--text-dim);background:#0ea5e914;border:1px solid #0ea5e938;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem;font-size:.82rem;display:flex}.guest-sign-in-btn{background:var(--grad);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.35rem .85rem;font-size:.78rem;font-weight:600;transition:opacity .2s}.guest-sign-in-btn:hover{opacity:.9}.predict-select-input,.debug-select-input{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text);border-radius:8px;outline:none;min-width:220px;padding:.55rem .9rem;font-size:.88rem;transition:border-color .2s}.predict-select-input:focus,.debug-select-input:focus{border-color:var(--accent)}.course-card-top-badges{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:.6rem;left:.6rem;right:.6rem}.course-card-lang-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f1f5f9;pointer-events:auto;background:#0d111dd9;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.35rem;padding:.22rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #00000059}.course-card-level-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#94a3b8;pointer-events:auto;background:#0d111dbf;border:1px solid #ffffff1f;border-radius:999px;padding:.2rem .55rem;font-size:.68rem;font-weight:600}.dl-cv-lang-badge{color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.4rem;padding:.24rem .65rem;font-size:.74rem;font-weight:600;display:inline-flex}.dl-meta-chip.dl-lang-chip{color:#7dd3fc;background:#0ea5e91a;border-color:#0ea5e940;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.dl-ch-lang-badge{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.73rem;font-weight:600;display:inline-flex}.debug-badge-lang{align-items:center;gap:.35rem;display:inline-flex;color:#38bdf8!important;background:#0ea5e91f!important;border-color:#0ea5e94d!important;font-weight:600!important}.code-task-lang-pill{align-items:center;gap:.4rem;display:inline-flex}.navbar-theme-toggle{border:1px solid var(--border);background:var(--bg-elevated);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s,box-shadow .2s,transform .2s;display:inline-flex}.navbar-theme-toggle:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px var(--accent-glow);transform:translateY(-1px)}.navbar-theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.navbar-theme-toggle-mobile{width:100%;color:var(--text-dim);cursor:pointer;border-radius:8px;align-items:center;gap:.65rem;padding:.6rem .85rem;font-size:.86rem;transition:background .15s,color .15s;display:flex}.navbar-theme-toggle-mobile:hover{background:var(--accent-soft);color:var(--accent)}@media (width<=700px){.navbar-theme-toggle{width:32px;height:32px;color:var(--text-dim);background:0 0;border:none;padding:0}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .navbar{background:#ffffffd9!important;border-bottom:1px solid #e2e8f0d9!important}[data-theme=light] .navbar:before{opacity:.35}[data-theme=light] .navbar-scrolled{background:#fffffff5!important;border-bottom-color:#0ea5e940!important;box-shadow:0 4px 20px #0f172a0f,0 1px 3px #0f172a08!important}[data-theme=light] .brand-name,[data-theme=light] .navbar-logo{color:var(--text)}[data-theme=light] .navbar-link{color:var(--text-dim)}[data-theme=light] .navbar-link:hover{color:var(--text)!important}[data-theme=light] .navbar-link.active{color:var(--accent)!important}[data-theme=light] .navbar-link.active:after{box-shadow:0 0 8px rgba(var(--accent-rgb), .35);background:var(--accent)!important}[data-theme=light] .navbar-user-menu,[data-theme=light] .navbar-dropdown-panel{background:#fffffffa!important;border:1px solid #cbd5e1d9!important;box-shadow:0 12px 36px #0f172a1f,0 2px 8px #0f172a0a!important}[data-theme=light] .navbar-dropdown-label{color:var(--text)}[data-theme=light] .navbar-dropdown-sub{color:var(--text-muted)}[data-theme=light] .navbar-dropdown-footer{border-color:#e2e8f0d9}[data-theme=light] .navbar-dropdown-panel .navbar-dropdown-item:hover,[data-theme=light] .navbar-dropdown-footer-btn:hover,[data-theme=light] .navbar-user-head:hover{background:#0ea5e90f}[data-theme=light] .navbar-user-name{color:var(--text)}[data-theme=light] .navbar-user-item:hover,[data-theme=light] .navbar-user-item:focus-visible{color:var(--text);background:#0ea5e90f}@media (width<=768px){[data-theme=light] .navbar-links{background:#fffffffa!important;border-bottom:1px solid #e2e8f0e6!important;box-shadow:0 10px 30px #0f172a1a!important}}[data-theme=light] .bg-layer{background:radial-gradient(1100px 700px at 80% -10%, #0ea5e914, transparent 60%), radial-gradient(900px 600px at -10% 30%, #0284c70d, transparent 55%), radial-gradient(800px 800px at 50% 120%, #f472b608, transparent 60%), var(--bg)}[data-theme=light] .bg-orb{opacity:.16}[data-theme=light] .bg-grid{background-image:linear-gradient(#94a3b826 1px,#0000 1px),linear-gradient(90deg,#94a3b826 1px,#0000 1px)!important;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 20%,#0000 75%)!important;mask-image:radial-gradient(90% 70% at 50% 0,#000 20%,#0000 75%)!important}[data-theme=light] .cursor-glow{opacity:.2}[data-theme=light] .compact-course-card{background:#fff;border-color:#cbd5e1d9;box-shadow:0 4px 16px -2px #0f172a12,0 2px 4px -1px #0f172a08}[data-theme=light] .compact-course-card:hover{border-color:var(--accent);box-shadow:0 12px 28px -4px #0ea5e926,0 4px 12px -2px #0f172a0f}[data-theme=light] .yt-thumb{background:#e2e8f0}[data-theme=light] .yt-dropdown-tray{background:#f8fafc;border-top-color:#e2e8f0f2}[data-theme=light] .compact-chapter-row{background:#fff;border-color:#e2e8f0f2}[data-theme=light] .compact-chapter-row:hover{background:#0ea5e90d;border-color:#0ea5e94d}[data-theme=light] .compact-title-text,[data-theme=light] .compact-chapter-title{color:var(--text)}[data-theme=light] .video-modal,[data-theme=light] .video-workspace-modal{background:#fff;border-color:#cbd5e1e6;box-shadow:0 25px 60px -15px #0f172a33,0 0 30px #0ea5e914}[data-theme=light] .vw-header,[data-theme=light] .video-modal-header{background:#f8fafc;border-bottom-color:#e2e8f0e6}[data-theme=light] .video-modal-title{color:var(--text)}[data-theme=light] .vw-sidebar,[data-theme=light] .video-modal-sidebar{background:#f8fafc;border-right-color:#e2e8f0e6}[data-theme=light] .search-modal{background:#fff;border-color:#cbd5e1e6;box-shadow:0 20px 50px -10px #0f172a33,0 0 20px #0ea5e914}[data-theme=light] .search-input-wrap{border-bottom-color:#e2e8f0e6}[data-theme=light] .search-item:hover,[data-theme=light] .search-item.selected{background:#0ea5e90f}[data-theme=light] .tb-value{color:#0f172a!important}[data-theme=light] .tb-label{color:#475569!important}[data-theme=light] .vw-course-summary-card{background:#f8fafc;border-color:#e2e8f0e6}[data-theme=light] .vw-summary-title{color:var(--text)}[data-theme=light] .vw-chapter-row{background:#fff;border-color:#e2e8f0e6}[data-theme=light] .vw-chapter-row:hover{background:#0ea5e90f;border-color:#0ea5e94d}[data-theme=light] .vw-chapter-row.is-current-playing{border-color:var(--accent);background:#0ea5e917}[data-theme=light] .vw-ch-title{color:var(--text)}[data-theme=light] .vw-video-card{background:#fff;border-color:#e2e8f0e6}[data-theme=light] .vw-video-card:hover{background:#0ea5e90f;border-color:#0ea5e94d}[data-theme=light] .vw-video-card.is-active{border-color:var(--accent);background:#0ea5e917}[data-theme=light] .vw-video-card-title{color:var(--text)}[data-theme=light] .vw-tab-btn{color:var(--text-dim)}[data-theme=light] .vw-tab-btn.active{color:var(--accent)}[data-theme=light] .vw-accordion-toggle{background:#fff;border-color:#e2e8f0e6}@media (width<=768px){.navbar-logo{white-space:nowrap;flex-shrink:0}.brand-name{white-space:nowrap}.navbar-right{gap:.35rem}[data-theme=light] .navbar-links{-webkit-backdrop-filter:none!important;background:#fff!important;border-bottom:1px solid #e2e8f0f2!important;box-shadow:0 16px 36px #0f172a1f!important}}[data-theme=light] ::-webkit-scrollbar-track{background:#f1f5f9}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=light] .ml-auth-card{background:#fff;border:1px solid #cbd5e1e6;box-shadow:0 8px 32px #0f172a14}[data-theme=light] .ml-auth-title{color:var(--text)}[data-theme=light] .ml-tab:hover{color:var(--text);background:#0f172a08}[data-theme=light] .ml-tab.active{color:var(--text)}[data-theme=light] .ml-tab-count{color:var(--text-dim);background:#0f172a14}[data-theme=light] .ml-course-row{background:#fff;border:1px solid #cbd5e1e6;box-shadow:0 1px 4px #0f172a0a}[data-theme=light] .ml-course-row:before{background:linear-gradient(90deg,#0000,#0ea5e914,#0000)}[data-theme=light] .ml-course-row:hover{background:#f8fafc;border-color:#0ea5e959;box-shadow:0 4px 16px #0f172a0f,inset 0 0 0 1px #0ea5e926}[data-theme=light] .ml-course-icon-wrap{background:#0f172a0a;border:1px solid #cbd5e1e6}[data-theme=light] .ml-course-name,[data-theme=light] .ml-course-pct{color:var(--text)}[data-theme=light] .ml-action-btn.primary{color:var(--accent);background:#0ea5e91a}[data-theme=light] .ml-action-btn.primary:hover,[data-theme=light] .ml-course-row:hover .ml-action-btn.primary{background:var(--accent);color:#fff}[data-theme=light] .ml-action-btn.secondary{color:var(--text-dim);border:1px solid #cbd5e1e6}[data-theme=light] .ml-action-btn.secondary:hover{color:var(--text);background:#0f172a0a;border-color:#cbd5e1e6}[data-theme=light] .ml-bookmark-btn{background:#0f172a08}[data-theme=light] .ml-group-count{color:var(--text);background:#0f172a12}[data-theme=light] .ml-progress-track{box-shadow:none;background:#0f172a12}[data-theme=light] .ml-empty{background:#0f172a05;border:1px dashed #0ea5e940}[data-theme=light] .ml-empty-title,[data-theme=light] .ml-section-title{color:var(--text)}[data-theme=light] .ml-explore-card{background:#fff;border:1px solid #cbd5e1e6}[data-theme=light] .ml-explore-card:hover{background:#f8fafc;border-color:#0ea5e959;box-shadow:0 4px 16px #0f172a0f}[data-theme=light] .ml-explore-icon{background:#0ea5e912;border:1px solid #cbd5e1e6}[data-theme=light] .ml-explore-name{color:var(--text)}[data-theme=light] .ml-sidebar-card{background:#fff;border:1px solid #cbd5e1e6;box-shadow:0 4px 16px #0f172a0d}[data-theme=light] .ml-sidebar-card:hover{border-color:#0ea5e94d}[data-theme=light] .ml-sidebar-card-title{color:var(--text)}[data-theme=light] .ml-sidebar-recent-item{background:#f8fafc;border-color:#cbd5e1e6}[data-theme=light] .ml-sidebar-recent-item:hover{background:var(--accent-soft);border-color:#0ea5e94d}[data-theme=light] .ml-sidebar-recent-name{color:var(--text)}[data-theme=light] .ml-shortcut-btn{background:#fff;border:1px solid #cbd5e1e6}[data-theme=light] .ml-shortcut-btn:hover{background:#f8fafc;border-color:#0ea5e959}[data-theme=light] .ml-shortcut-title{color:var(--text)}[data-theme=light] .ml-ckpstats-weak-item{background:#f8fafc;border-color:#cbd5e1e6}[data-theme=light] .ml-ckpstats-weak-name{color:var(--text)}[data-theme=light] .ml-ckpstats-track{background:#0f172a12}[data-theme=light] .ml-ckpstats-value,[data-theme=light] .ml-overall-val{color:var(--text)}[data-theme=light] .saas-breadcrumb-bar{background:#f8fafcf2;border-bottom:1px solid #cbd5e1d9}[data-theme=light] .saas-breadcrumb-active{color:var(--text)}[data-theme=light] .saas-channel-header.adv-header{background:#fff;border-bottom:1px solid #cbd5e1d9}[data-theme=light] .dl-badge-highlight{background:#0f172a0a;border:1px solid #0f172a14}[data-theme=light] .dl-action-btn.secondary:hover{color:#fff}[data-theme=light] .hero-terminal-glow{display:none!important}[data-theme=light] .hero-terminal{-webkit-backdrop-filter:none!important;background:#fff!important;border:1.5px solid #0ea5e96b!important;border-radius:14px!important;animation:4s ease-in-out infinite terminalGlowLight!important;box-shadow:0 18px 42px -8px #0f172a1a,0 6px 18px -2px #0ea5e924,0 0 20px #0ea5e91f!important}@keyframes terminalGlowLight{0%,to{border-color:#0ea5e961;box-shadow:0 18px 42px -8px #0f172a17,0 6px 18px -2px #0ea5e91f,0 0 16px #0ea5e91f}50%{border-color:#0ea5e999;box-shadow:0 22px 50px -10px #0f172a1f,0 8px 24px -4px #0ea5e933,0 0 26px #0ea5e933}}[data-theme=light] .hero-terminal:hover{border-color:#0ea5e9b3!important;box-shadow:0 24px 54px -10px #0f172a24,0 10px 28px -4px #0ea5e93d,0 0 30px #0ea5e942!important}[data-theme=light] .hero-terminal:before{display:none!important}[data-theme=light] .hero-terminal:after{opacity:.8;background:#0ea5e9;box-shadow:0 0 8px #0ea5e9,0 0 16px #0ea5e980;offset-path:rect(0 100% 100% 0 round 14px)!important}[data-theme=light] .terminal-bar{padding:.6rem .9rem;background:#f1f5f9!important;border-bottom:1.5px solid #e2e8f0f2!important;border-radius:12.5px 12.5px 0 0!important}[data-theme=light] .terminal-dot.r{background:#ef4444}[data-theme=light] .terminal-dot.y{background:#f59e0b}[data-theme=light] .terminal-dot.g{background:#10b981;box-shadow:0 0 8px #10b98199}[data-theme=light] .terminal-title{letter-spacing:.06em;font-weight:700;color:#334155!important}[data-theme=light] .terminal-body{color:#0f172a;padding:1.1rem 1.25rem 1.25rem;background:#fff!important;border-radius:0 0 12.5px 12.5px!important}[data-theme=light] .hero-badge,[data-theme=light] .landing-hero .hero-badge{background:#0ea5e914!important;border:1px solid #0ea5e947!important;box-shadow:0 0 8px #0ea5e91f,0 0 16px #22d3ee0f,0 1px 3px #0f172a08!important}[data-theme=light] .landing-hero .hero-badge:hover{border-color:#0ea5e973!important;box-shadow:0 0 10px #0ea5e92e,0 0 20px #22d3ee1a!important}[data-theme=light] .hero-badge-text{filter:drop-shadow(0 0 3px #0ea5e933)!important;background:linear-gradient(135deg,#0284c7 0%,#0ea5e9 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .hero-badge-dot{background:#10b981!important;animation:1.8s ease-in-out infinite dotNeonPulseLight!important;box-shadow:0 0 3px #10b981,0 0 8px #10b98173!important}@keyframes dotNeonPulseLight{0%,to{box-shadow:0 0 3px #10b981,0 0 6px #10b98159}50%{box-shadow:0 0 4px #10b981,0 0 10px #10b9818c}}[data-theme=light] .hero-badge:after{background:linear-gradient(105deg,#0000 30%,#0ea5e914 50%,#0000 70%)!important}[data-theme=light] .t-line{color:#0f172a}[data-theme=light] .t-prompt{font-weight:700;color:#0284c7!important}[data-theme=light] .t-kw{font-weight:700;color:#7c3aed!important}[data-theme=light] .t-fn{font-weight:600;color:#0369a1!important}[data-theme=light] .t-str{color:#059669!important}[data-theme=light] .t-cm{font-style:italic;color:#64748b!important}[data-theme=light] .t-out{font-weight:700;color:#0f172a!important}[data-theme=light] .t-ok{font-weight:700;color:#059669!important}[data-theme=light] .ts-header{letter-spacing:.12em;font-weight:800;color:#0284c7!important}[data-theme=light] .ts-bar{border:1px solid #cbd5e199;background:#e2e8f0!important}[data-theme=light] .ts-bar-fill{background:linear-gradient(90deg,#0ea5e9,#0284c7)!important}[data-theme=light] .ts-mastery-bar{border:1px solid #cbd5e199;background:#e2e8f0!important}[data-theme=light] .ts-mastery-fill{background:linear-gradient(90deg,#0ea5e9,#7c3aed)!important}[data-theme=light] .terminal-scan{display:none!important}[data-theme=light] .ts-cursor{box-shadow:0 0 8px #0ea5e999;background:#0284c7!important}[data-theme=light] .hero-terminal:after{opacity:.8;background:#0ea5e9;box-shadow:0 0 8px #0ea5e9,0 0 16px #0ea5e980}[data-theme=light] .tb{background:#fff!important;border:1.5px solid #cbd5e1e6!important;box-shadow:0 12px 28px -4px #0f172a1f,0 4px 12px -2px #0ea5e924!important}[data-theme=light] .tb-label{font-weight:700;color:#475569!important}[data-theme=light] .tb-value{font-weight:800;color:#0f172a!important}[data-theme=light] .tb-dot{background:#10b981;box-shadow:0 0 8px #10b981b3}[data-theme=light] .tb:hover{border-color:#0ea5e980!important;box-shadow:0 16px 36px -4px #0f172a29,0 6px 16px -2px #0ea5e938!important}.feature-card[data-reveal]{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;transition-delay:calc(var(--i,0) * 80ms);transform:translateY(24px)}.feature-card[data-reveal].in{opacity:1;transform:none}.feature-card[data-reveal].in:hover{transform:translateY(-6px)scale(1.02)}.feature-card>*{z-index:1;position:relative}.feature-card:hover:after{opacity:1}.channel-card[data-reveal]{opacity:0;transition:opacity .55s,transform .28s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;transition-delay:calc(var(--i,0) * 90ms);transform:translateY(20px)}.channel-card[data-reveal].in{opacity:1;transform:none}.channel-card[data-reveal].in:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-8px) scale(1.02)}.step-card.in:hover{transform:translateY(-6px)}.cta-actions .btn-primary:hover{transform:translateY(-2px)scale(1.03)}.languages-ticker{max-width:var(--container);margin:0 auto 1.5rem;padding:.75rem 1rem 1.5rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.languages-ticker-track{align-items:center;gap:.75rem;width:max-content;animation:30s linear infinite tickerScroll;display:flex}.languages-ticker:hover .languages-ticker-track{animation-play-state:paused}.ticker-chip{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);white-space:nowrap;transition:border-color .3s ease, color .3s ease, transform .3s var(--transition);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1rem .45rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.languages-ticker:hover .ticker-chip{border-color:var(--accent-glow);color:var(--text)}.ticker-chip-dot{background:var(--cyber-blue,var(--accent));border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #00d4ff99}.languages-ticker:hover .ticker-chip{transform:scale(1.04)}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}@media (prefers-reduced-motion:reduce){.feature-card[data-reveal],.channel-card[data-reveal]{opacity:1;transition:none;transform:none}.languages-ticker-track{animation:none}}.landing-section{padding:3.25rem 1.5rem!important}.landing-section-header{margin-bottom:2rem!important}.features-redesign-section{padding-bottom:1.25rem!important}.creators-redesign-section{padding-top:3.75rem!important;padding-bottom:3.25rem!important}@media (width<=640px){.landing-section{padding:2.25rem 1rem!important}.landing-section-header{margin-bottom:1.5rem!important}.features-redesign-section{padding-bottom:.75rem!important}.languages-ticker{margin-bottom:1rem!important;padding-bottom:1rem!important}.creators-redesign-section{padding-top:2.25rem!important}}.features-redesign-section .landing-section-header h2{background:linear-gradient(#fff 0%,#e2e8f0 65%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;letter-spacing:-.025em!important;margin-bottom:.75rem!important;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:clamp(1.85rem,3.8vw,2.5rem)!important;font-weight:800!important;line-height:1.22!important}.features-redesign-section .landing-section-header .section-kicker{text-shadow:0 0 14px #00d4ff66;font-family:var(--font-cyber)!important;letter-spacing:.18em!important;color:var(--cyber-cyan)!important;font-size:.75rem!important}.feature-card{-webkit-backdrop-filter:blur(16px)!important;background:linear-gradient(135deg,#121828c7 0%,#0c111eb8 100%)!important;border:1px solid #ffffff14!important;border-radius:20px!important;flex-direction:column!important;padding:1.85rem 1.65rem 1.65rem!important;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 20px -2px #0006,inset 0 1px #ffffff14!important}.feature-card-header{justify-content:space-between!important;align-items:center!important;margin-bottom:1.25rem!important;display:flex!important}.feature-kicker-pill{font-family:var(--font-mono)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#94a3b8!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:9999px!important;padding:.22rem .65rem!important;font-size:.68rem!important;font-weight:600!important;transition:all .25s!important}.feature-card h3{color:#fff!important;letter-spacing:-.015em!important;margin-bottom:.55rem!important;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:1.18rem!important;font-weight:700!important;line-height:1.3!important}.feature-card p{font-family:var(--font-sans,-apple-system, sans-serif)!important;color:#94a3b8!important;flex-grow:1!important;margin-bottom:1.4rem!important;font-size:.88rem!important;line-height:1.62!important}.feature-icon{border-radius:14px!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;margin-bottom:0!important;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s!important;display:flex!important;box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff26!important}.feature-card:hover{border-color:var(--feature-border,#00d4ff66)!important;box-shadow:0 16px 44px -8px #0000008c, 0 0 24px var(--feature-glow,#00d4ff26), inset 0 1px 0 #ffffff26!important;transform:translateY(-6px)!important}.feature-card:hover .feature-icon{box-shadow:0 8px 24px var(--feature-glow,#00d4ff4d)!important;transform:scale(1.15)rotate(-5deg)!important}.feature-card:hover .feature-kicker-pill{color:var(--feature-accent,#00d4ff)!important;border-color:var(--feature-border,#00d4ff66)!important;background:#ffffff14!important}.feature-card:before{content:""!important;background:linear-gradient(90deg, transparent, var(--feature-accent,#00d4ff), transparent)!important;opacity:0!important;pointer-events:none!important;z-index:3!important;height:2px!important;transition:opacity .28s!important;position:absolute!important;top:0!important;left:0!important;right:0!important}.feature-card:hover:before{opacity:1!important;transition:opacity .28s!important}.feature-card:after{content:""!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(140% 100% at 50% -10%, var(--feature-glow,#00d4ff2e), transparent 65%)!important;opacity:0!important;border-radius:inherit!important;transition:opacity .28s!important;position:absolute!important;inset:0!important}.feature-card:hover:after{opacity:1!important;transition:opacity .28s!important}.feature-theme-cyan{--feature-accent:#00d4ff;--feature-glow:#00d4ff33;--feature-border:#00d4ff73}.feature-theme-cyan .feature-icon{color:#00d4ff!important;background:#00d4ff1f!important;border:1px solid #00d4ff4d!important}.feature-theme-emerald{--feature-accent:#10b981;--feature-glow:#10b98133;--feature-border:#10b98173}.feature-theme-emerald .feature-icon{color:#10b981!important;background:#10b9811f!important;border:1px solid #10b9814d!important}.feature-theme-amber{--feature-accent:#f59e0b;--feature-glow:#f59e0b33;--feature-border:#f59e0b73}.feature-theme-amber .feature-icon{color:#f59e0b!important;background:#f59e0b1f!important;border:1px solid #f59e0b4d!important}.feature-theme-rose{--feature-accent:#f43f5e;--feature-glow:#f43f5e33;--feature-border:#f43f5e73}.feature-theme-rose .feature-icon{color:#f43f5e!important;background:#f43f5e1f!important;border:1px solid #f43f5e4d!important}.feature-theme-violet{--feature-accent:#818cf8;--feature-glow:#818cf833;--feature-border:#818cf873}.feature-theme-violet .feature-icon{color:#818cf8!important;background:#818cf81f!important;border:1px solid #818cf84d!important}.feature-theme-teal{--feature-accent:#d946ef;--feature-glow:#d946ef33;--feature-border:#d946ef73}.feature-theme-teal .feature-icon{color:#d946ef!important;background:#d946ef1f!important;border:1px solid #d946ef4d!important}.feature-widget{font-family:var(--font-mono)!important;background:#0000006b!important;border:1px solid #ffffff12!important;border-radius:12px!important;margin-top:auto!important;padding:.85rem 1rem!important;font-size:.78rem!important;transition:border-color .25s,background .25s!important}.feature-card:hover .feature-widget{background:#00000080!important;border-color:#ffffff24!important}.widget-curriculum-flow{align-items:center!important;gap:8px!important;font-size:.74rem!important;display:flex!important}.widget-step-item{align-items:center!important;gap:6px!important;display:flex!important}.widget-badge-time{color:#00d4ff!important;background:#00d4ff26!important;border-radius:4px!important;padding:2px 6px!important;font-weight:600!important}.widget-lesson-name{color:#94a3b8!important}.widget-flow-arrow{color:#475569!important;font-weight:700!important}.widget-step-item.active{color:#38bdf8!important;font-weight:600!important}.widget-pulse-dot{background:#00d4ff!important;border-radius:50%!important;width:6px!important;height:6px!important;display:inline-block!important;box-shadow:0 0 8px #00d4ff!important}.widget-feedback{flex-direction:column!important;gap:6px!important;display:flex!important}.widget-terminal-line{justify-content:space-between!important;align-items:center!important;display:flex!important}.widget-code-status{color:#10b981!important;font-weight:600!important}.widget-bench-time{color:#64748b!important;font-size:.72rem!important}.widget-ai-tip{color:#6ee7b7!important;align-items:center!important;gap:6px!important;font-size:.72rem!important;display:flex!important}.widget-sparkle{color:#34d399!important;flex-shrink:0!important}.widget-mastery{flex-direction:column!important;gap:6px!important;display:flex!important}.widget-mastery-header{color:#cbd5e1!important;justify-content:space-between!important;font-weight:600!important;display:flex!important}.widget-meter-val{color:#fbbf24!important}.widget-progress-track{background:#ffffff14!important;border-radius:9999px!important;height:5px!important;overflow:hidden!important}.widget-progress-fill{border-radius:inherit!important;background:linear-gradient(90deg,#f59e0b,#fbbf24)!important;height:100%!important}.widget-mastery-footer{color:#94a3b8!important;justify-content:space-between!important;font-size:.7rem!important;display:flex!important}.widget-mastery-status{color:#fbbf24!important;font-weight:600!important}.widget-mode-chips{flex-wrap:wrap!important;gap:6px!important;display:flex!important}.widget-mode-pill{color:#cbd5e1!important;background:#ffffff0d!important;border:1px solid #ffffff0f!important;border-radius:5px!important;padding:2px 7px!important;font-size:.7rem!important;transition:all .2s!important}.widget-mode-pill.active{color:#fb7185!important;background:#f43f5e29!important;border-color:#f43f5e59!important;font-weight:600!important}.widget-compiler-bar{justify-content:space-between!important;align-items:center!important;margin-bottom:6px!important;display:flex!important}.widget-lang-active{color:#a5b4fc!important;font-weight:600!important}.widget-compiler-status{color:#10b981!important;font-size:.72rem!important}.widget-lang-chips{align-items:center!important;gap:5px!important;display:flex!important}.widget-lang-chip{color:#cbd5e1!important;background:#818cf81a!important;border:1px solid #818cf833!important;border-radius:4px!important;padding:2px 6px!important;font-size:.68rem!important}.widget-lang-more{color:#64748b!important;font-size:.68rem!important}.widget-vis-step{justify-content:space-between!important;align-items:center!important;margin-bottom:6px!important;display:flex!important}.widget-vis-badge{color:#e879f9!important;background:#d946ef26!important;border-radius:4px!important;padding:2px 6px!important;font-size:.68rem!important;font-weight:600!important}.widget-vis-line{color:#64748b!important;font-size:.7rem!important}.widget-vis-scope{color:#94a3b8!important;align-items:center!important;gap:6px!important;font-size:.72rem!important;display:flex!important}.widget-var-name{color:#94a3b8!important}.widget-var-val{color:#f1f5f9!important;font-weight:600!important}.widget-var-val.true{color:#2dd4bf!important}.widget-var-sep{color:#475569!important}.feature-card[data-reveal]{transition-delay:calc(var(--i,0) * 80ms)!important}.creators-redesign-section .landing-section-header h2{background:linear-gradient(#fff 0%,#e2e8f0 65%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:var(--font-cyber), "Space Grotesk", sans-serif!important;letter-spacing:.02em!important;margin-bottom:.75rem!important;font-size:clamp(1.85rem,3.8vw,2.5rem)!important;font-weight:800!important;line-height:1.22!important}.creators-redesign-section .landing-section-header .section-kicker{text-shadow:0 0 14px #00d4ff66;font-family:var(--font-cyber)!important;letter-spacing:.18em!important;color:var(--cyber-cyan)!important;font-size:.75rem!important}.creators-redesign-section .landing-section-header p{color:#94a3b8!important;max-width:600px!important;font-size:1.02rem!important;line-height:1.65!important}.creators-redesign-section .channels-grid{perspective:1400px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.75rem!important;max-width:1240px!important;margin:0 auto!important;display:grid!important}@media (width<=1040px){.creators-redesign-section .channels-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.4rem!important}}@media (width<=720px){.creators-redesign-section .channels-grid{grid-template-columns:1fr!important;gap:1.25rem!important}}.creators-redesign-section .channel-card{text-align:left!important;-webkit-backdrop-filter:blur(24px)!important;cursor:pointer!important;transform-style:preserve-3d!important;background:linear-gradient(145deg,#141a2cc2 0%,#0c101cad 50%,#ffffff05 100%)!important;border:1px solid #ffffff1a!important;border-radius:24px!important;flex-direction:column!important;align-items:stretch!important;padding:2.1rem 1.85rem 1.65rem!important;transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 32px -4px #00000080,inset 0 1px #ffffff1f!important}.creators-redesign-section .channel-card:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-10px) scale(1.02)!important;border-color:var(--ch-color,#00d4ff80)!important;box-shadow:0 0 0 1px var(--ch-color,#00d4ff59), 0 20px 60px -12px #000000b3, 0 0 35px var(--ch-glow,#00d4ff40), inset 0 1px 0 #fff3!important}.channel-card-ambient{filter:blur(55px);opacity:.35;pointer-events:none;border-radius:50%;width:150px;height:150px;transition:opacity .4s,transform .4s;position:absolute;top:-40px;right:-40px}.channel-card:hover .channel-card-ambient{opacity:.75;transform:scale(1.35)}.channel-compact-header{align-items:center;gap:.75rem;margin-bottom:.95rem;display:flex}.channel-avatar-wrapper{flex-shrink:0;width:48px;height:48px;position:relative}.channel-avatar-wrapper .channel-card-emoji{position:relative;width:48px!important;height:48px!important;box-shadow:0 4px 16px var(--ch-glow,#0006)!important;background:conic-gradient(from var(--ring-angle,0deg), var(--cyber-blue), var(--cyber-cyan), #f472b6cc, var(--cyber-blue))!important;border-radius:15px!important;padding:2px!important;transition:transform .35s cubic-bezier(.34,1.56,.64,1)!important;animation:4s linear infinite avatarRingSpin!important}.channel-glowing-card:hover .channel-avatar-wrapper .channel-card-emoji{transform:scale(1.08)rotate(-4deg)!important}.channel-avatar-wrapper .channel-card-avatar{object-fit:cover!important;z-index:1!important;background:var(--bg-card)!important;border-radius:13px!important;width:100%!important;height:100%!important;display:block!important;position:relative!important}.channel-verified-badge{color:#fff;z-index:2;background:#0ea5e9;border:2px solid #0b1120;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 1px 6px #0ea5e999}.channel-header-text{flex-direction:column;flex:1;min-width:0;display:flex}.channel-badge-pill{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ch-color,#38bdf8);background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;width:fit-content;margin-bottom:.25rem;padding:.12rem .5rem;font-size:.62rem;font-weight:600;display:inline-block}.channel-card-name{color:#fff!important;letter-spacing:-.015em!important;margin:0!important;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:clamp(1.2rem,1.45vw,1.28rem)!important;font-weight:700!important;line-height:1.2!important}.channel-stat-hero{text-align:left;margin:.65rem 0 1rem}.channel-hero-metric{letter-spacing:-.035em;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.85rem,2.5vw,2.25rem);font-weight:800;line-height:1.05;display:block;background:linear-gradient(135deg,#00d4ff 0%,#38bdf8 45%,#3b82f6 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.channel-hero-label{font-family:var(--font-sans,-apple-system, sans-serif);color:#94a3b8;letter-spacing:.02em;margin-top:.25rem;font-size:.76rem;font-weight:500;display:block}.channel-card-footer{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:.85rem;transition:border-color .3s;display:flex}.channel-glowing-card:hover .channel-card-footer{border-color:#ffffff29}.channel-meta-pill{font-family:var(--font-mono);color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;align-items:center;gap:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:500;display:inline-flex}.channel-meta-dot{background:#10b981;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #10b981}.channel-footer-action{color:#cbd5e1;align-items:center;gap:6px;font-family:Space Grotesk,-apple-system,sans-serif;font-size:.82rem;font-weight:600;transition:color .25s;display:inline-flex}.channel-glowing-card:hover .channel-footer-action{color:#fff}.channel-card-arrow-circle{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.channel-glowing-card:hover .channel-card-arrow-circle{background:var(--ch-color,#00d4ff);color:#0b1120;border-color:var(--ch-color,#00d4ff);box-shadow:0 0 12px var(--ch-glow,#00d4ff80);transform:translate(3px)scale(1.08)}.steps-redesign-section .landing-section-header h2{font-family:var(--font-cyber), "Space Grotesk", sans-serif!important;letter-spacing:.02em!important;background:linear-gradient(#fff 0%,#e2e8f0 65%,#94a3b8 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:clamp(1.85rem,3.8vw,2.5rem)!important;font-weight:800!important;line-height:1.22!important}.steps-redesign-section .landing-section-header .section-kicker{text-shadow:0 0 14px #00d4ff66;font-family:var(--font-cyber)!important;letter-spacing:.18em!important;color:var(--cyber-cyan)!important;font-size:.75rem!important}.steps-redesign-section .landing-section-header p{color:#94a3b8!important;max-width:600px!important;font-size:1.02rem!important;line-height:1.65!important}.steps-flow-container{justify-content:space-between;align-items:stretch;gap:0;margin:1.5rem 0 .5rem;display:flex;position:relative}.step-card{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(16px)!important;background:linear-gradient(160deg,#131b2ec7 0%,#090e1ab3 100%)!important;border:1px solid #ffffff14!important;border-radius:20px!important;padding:2.5rem 2rem 2.2rem!important;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .35s!important;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff14!important}.step-card.in:hover,.step-card:hover{border-color:#00d4ff73!important;transform:translateY(-8px)!important;box-shadow:0 20px 40px -10px #00d4ff33,0 0 28px #00d4ff26,inset 0 1px #ffffff26!important}.step-card-top-line{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#00d4ff,#8b5cf6cc,#0000);border-radius:2px;height:2px;transition:opacity .35s,left .35s,right .35s;position:absolute;top:0;left:20%;right:20%}.step-card:hover .step-card-top-line{opacity:1;left:8%;right:8%}.step-badge-wrap{flex-direction:column;align-items:center;margin-bottom:.75rem;display:flex}.step-number{letter-spacing:.04em;justify-content:center;align-items:center;display:flex;color:#00d4ff!important;width:56px!important;height:56px!important;font-size:1.35rem!important;font-weight:800!important;font-family:var(--font-cyber), "Space Grotesk", sans-serif!important;background:linear-gradient(135deg,#00d4ff29 0%,#8b5cf633 100%)!important;border:1px solid #00d4ff59!important;border-radius:16px!important;margin:0 auto .85rem!important;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .35s!important;animation:none!important;box-shadow:0 4px 18px #00d4ff38,0 0 14px #8b5cf629,inset 0 1px #fff3!important}.step-card:hover .step-number{border-color:#00d4ff99!important;transform:scale(1.12)rotate(-4deg)!important;box-shadow:0 8px 24px #00d4ff66,0 0 22px #8b5cf64d,inset 0 0 12px #00d4ff4d!important}.step-phase-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#38bdf8;background:#00d4ff14;border:1px solid #00d4ff38;border-radius:9999px;margin-bottom:.25rem;padding:.25rem .75rem;font-size:.72rem;font-weight:600;display:inline-block;box-shadow:0 2px 8px #00d4ff14}.step-card h3{margin-top:.85rem;margin-bottom:.65rem;line-height:1.35;font-family:"Space Grotesk", var(--font-display), sans-serif!important;letter-spacing:-.01em!important;color:#fff!important;font-size:1.22rem!important;font-weight:700!important}.step-card p{margin-bottom:0;font-family:var(--font-sans)!important;color:#94a3b8!important;font-size:.88rem!important;line-height:1.65!important}.step-card-tag{font-size:.78rem;font-family:var(--font-mono);color:#38bdf8;background:#0ea5e90f;border:1px solid #0ea5e92e;border-radius:9999px;align-items:center;gap:8px;margin-top:auto;padding:.35rem .85rem;font-weight:500;transition:all .3s;display:inline-flex}.step-card:hover .step-card-tag{color:#7dd3fc;background:#0ea5e91f;border-color:#0ea5e952}.step-tag-dot{background:#00d4ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #00d4ff}.step-flow-connector{z-index:2;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:48px;margin:0 6px;display:flex;position:relative}.step-flow-track{background:linear-gradient(90deg,#00d4ff26,#8b5cf640,#00d4ff26);border-radius:999px;height:2px;position:absolute;left:0;right:0;overflow:hidden}.step-flow-pulse{background:linear-gradient(90deg,#0000,#00d4ff,#8b5cf6,#0000);width:60%;height:100%;position:absolute;top:0;left:-60%}.step-flow-pulse.pulse-1{animation:2.5s cubic-bezier(.4,0,.2,1) infinite stepLaserBeam}.step-flow-pulse.pulse-2{animation:2.5s cubic-bezier(.4,0,.2,1) 1.25s infinite stepLaserBeam}@keyframes stepLaserBeam{0%{opacity:0;left:-60%}30%{opacity:1}to{opacity:0;left:100%}}.step-flow-node{color:#00d4ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#0d1629f2;border:1px solid #00d4ff66;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 0 16px #00d4ff40,inset 0 1px #ffffff26}.step-flow-icon{animation:2.5s ease-in-out infinite stepArrowNudge}@keyframes stepArrowNudge{0%,to{opacity:.8;transform:translate(0)}50%{opacity:1;filter:drop-shadow(0 0 6px #00d4ffcc);transform:translate(3px)}}@media (width<=860px){.steps-flow-container{flex-direction:column;gap:0}.step-card{flex:none!important;width:100%!important;padding:2.2rem 1.5rem 1.8rem!important}.step-flow-connector{align-self:stretch;width:100%;height:44px;margin:6px 0}.step-flow-track{background:linear-gradient(#00d4ff26,#8b5cf640,#00d4ff26);width:2px;height:100%;inset:0 auto 0 50%;transform:translate(-50%)}.step-flow-pulse{background:linear-gradient(#0000,#00d4ff,#8b5cf6,#0000);width:100%;height:60%;top:-60%;left:0}.step-flow-pulse.pulse-1,.step-flow-pulse.pulse-2{animation-name:stepLaserBeamVert}@keyframes stepLaserBeamVert{0%{opacity:0;top:-60%}30%{opacity:1}to{opacity:0;top:100%}}.step-flow-node{transform:rotate(90deg)}}.stats-grid{gap:1.5rem!important}.stat-card{-webkit-backdrop-filter:blur(16px)!important;background:linear-gradient(135deg,#ffffff09 0%,#ffffff02 50%,#121828a6 100%)!important;border:1px solid #ffffff14!important;border-radius:18px!important;align-items:center!important;gap:1.15rem!important;padding:1.6rem 1.45rem!important;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .35s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 20px -2px #00000059,inset 0 1px #ffffff14!important}.stat-card:before{content:""!important;opacity:0!important;z-index:1!important;background:linear-gradient(90deg,#0000,#00d4ff,#8b5cf6cc,#0000)!important;height:2px!important;transition:opacity .3s!important;position:absolute!important;top:0!important;left:0!important;right:0!important}.stat-card:hover,.stat-card.in:hover{border-color:#00d4ff73!important;transform:translateY(-6px)!important;box-shadow:0 0 0 1px #00d4ff33,0 16px 40px -6px #0000008c,0 0 24px #00d4ff2e,inset 0 1px #ffffff1f!important}.stat-card:hover:before,.stat-card.in:hover:before{opacity:1!important}.stat-card-icon{color:#00d4ff!important;background:linear-gradient(135deg,#00d4ff29 0%,#8b5cf633 100%)!important;border:1px solid #00d4ff52!important;border-radius:14px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:52px!important;height:52px!important;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s!important;display:flex!important;box-shadow:0 4px 18px #00d4ff38,0 0 14px #8b5cf629,inset 0 1px #fff3!important}.stat-card:hover .stat-card-icon,.stat-card.in:hover .stat-card-icon{border-color:#00d4ff99!important;transform:scale(1.12)rotate(-4deg)!important;box-shadow:0 8px 24px #00d4ff66,0 0 22px #8b5cf64d,inset 0 1px #ffffff4d!important}.stat-card-value{font-family:"Space Grotesk", var(--font-display), sans-serif!important;letter-spacing:-.03em!important;background:linear-gradient(135deg,#00d4ff 0%,#38bdf8 45%,#3b82f6 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:2.1rem!important;font-weight:800!important;line-height:1.1!important;display:inline-block!important}.stat-card-label{font-family:var(--font-sans,sans-serif)!important;color:#94a3b8!important;margin-top:.25rem!important;font-size:.82rem!important;font-weight:500!important;line-height:1.35!important}@media (width<=640px){.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.stat-card{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;padding:1.2rem 1.1rem!important}.stat-card-icon{border-radius:12px!important;width:44px!important;height:44px!important}.stat-card-value{font-size:1.65rem!important}.stat-card-label{margin-top:.15rem!important;font-size:.75rem!important}.stat-card:last-child:nth-child(odd){grid-column:span 2;flex-direction:row!important;align-items:center!important;gap:1rem!important}}.cta-section{scroll-margin-top:90px}.cta-panel{text-align:left!important;-webkit-backdrop-filter:blur(24px)!important;background:linear-gradient(155deg,#0f172ad1 0%,#0a0f1ef0 100%)!important;border:1px solid #00d4ff29!important;border-radius:28px!important;grid-template-columns:1.15fr .85fr!important;align-items:center!important;gap:3.5rem!important;padding:3.8rem 3.5rem!important;animation:none!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 24px 64px -16px #0009,0 0 0 1px #00d4ff1a,inset 0 1px #ffffff14!important}.cta-panel:after{display:none!important}.cta-grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#00d4ff0d 1px,#0000 1px),linear-gradient(#00d4ff0d 1px,#0000 1px);background-size:32px 32px;animation:24s linear infinite ctaGridShift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 65%,#000 45%,#0000 85%);mask-image:radial-gradient(circle at 65%,#000 45%,#0000 85%)}@keyframes ctaGridShift{0%{background-position:0 0}to{background-position:32px 32px}}.cta-radial-glow{filter:blur(52px);pointer-events:none;z-index:0;background:radial-gradient(circle,#00d4ff33 0%,#a855f726 45%,#0000 72%);border-radius:50%;width:420px;height:420px;animation:5s ease-in-out infinite alternate ctaRadialBreathe;position:absolute;top:50%;right:5%;transform:translateY(-50%)}@keyframes ctaRadialBreathe{0%{opacity:.7;transform:translateY(-50%)scale(.95)}to{opacity:1;transform:translateY(-50%)scale(1.1)}}.cta-col-left{z-index:1;text-align:left;flex-direction:column;align-items:flex-start;display:flex;position:relative}.cta-panel h2{font-family:var(--font-cyber);letter-spacing:.02em;color:#fff;text-align:left;margin-bottom:1.1rem;font-size:clamp(1.6rem,2.5vw,2.15rem);font-weight:700;line-height:1.25}.cta-stats-row{font-family:var(--font-mono);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:1.8rem;font-size:.85rem;display:flex}.cta-stat-pill{color:var(--text-dim);align-items:center;gap:5px;display:inline-flex}.cta-stat-num{color:var(--cyber-cyan);font-weight:700}.cta-stat-dot{color:#00d4ff59;font-size:.8rem}.cta-actions{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.cta-btn{border-radius:12px!important;align-items:center!important;gap:8px!important;padding:.85rem 1.8rem!important;font-size:1rem!important;font-weight:600!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;display:inline-flex!important;box-shadow:0 4px 20px #00d4ff59!important}.cta-btn:hover{transform:translateY(-2px)scale(1.02)!important;box-shadow:0 8px 28px #00d4ff80!important}.cta-btn-icon{transition:transform .25s}.cta-btn:hover .cta-btn-icon{transform:translate(4px)}.cta-note{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.02em;text-align:left!important;margin:0!important;font-size:.78rem!important}.cta-ring-col{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.mastery-ring-wrap{--stage-color:#00d4ff;--stage-glow:#00d4ff8c;--stage-bg:#00d4ff1f;--stage-border:#00d4ff59;--stage-pill-glow:#00d4ff38;flex-direction:column;justify-content:center;align-items:center;transition:--stage-color .35s;display:flex;position:relative}.mastery-ring-wrap.stage-learning{--stage-color:#00d4ff;--stage-glow:#00d4ff8c;--stage-bg:#00d4ff1f;--stage-border:#00d4ff59;--stage-pill-glow:#00d4ff38}.mastery-ring-wrap.stage-practicing{--stage-color:#818cf8;--stage-glow:#818cf899;--stage-bg:#6366f124;--stage-border:#818cf86b;--stage-pill-glow:#818cf842}.mastery-ring-wrap.stage-mastered{--stage-color:#c084fc;--stage-glow:#c084fca6;--stage-bg:#a855f729;--stage-border:#c084fc7a;--stage-pill-glow:#a855f752}.mastery-svg-wrap{justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.mastery-svg{width:220px;height:220px;transform:translateZ(0)}.mastery-track{stroke:#ffffff14}.mastery-progress-stroke{filter:drop-shadow(0 0 6px var(--stage-color)) drop-shadow(0 0 14px var(--stage-glow));transition:none!important}.mastery-dot-halo{animation:1.4s ease-in-out infinite alternate orbitPulse}@keyframes orbitPulse{0%{r:8px;opacity:.2}to{r:12px;opacity:.55}}.mastery-center-badge{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.mastery-kicker{letter-spacing:.14em;font-size:.62rem;font-family:var(--font-mono);color:var(--text-dim);opacity:.85;margin-bottom:2px}.mastery-value{font-size:2.5rem;font-weight:800;font-family:var(--font-cyber);color:#fff;letter-spacing:-.02em;text-shadow:0 0 22px var(--stage-glow);line-height:1;transition:text-shadow .35s}.mastery-sub{letter-spacing:.1em;font-size:.62rem;font-family:var(--font-mono);color:var(--stage-color);margin-top:4px;transition:color .35s}.mastery-stage-pill{font-size:.82rem;font-weight:600;font-family:var(--font-cyber);letter-spacing:.04em;color:var(--stage-color);border:1px solid var(--stage-border);background:var(--stage-bg);box-shadow:0 0 14px var(--stage-pill-glow);border-radius:999px;align-items:center;gap:7px;margin-top:.9rem;padding:5px 16px;transition:all .35s;display:inline-flex}.stage-pulse-dot{background:var(--stage-color);width:7px;height:7px;box-shadow:0 0 8px var(--stage-color);border-radius:50%;transition:background-color .35s,box-shadow .35s}.mastery-ring-wrap.is-bursting .mastery-progress-stroke{stroke-dashoffset:0!important;filter:drop-shadow(0 0 20px #00d4ff)drop-shadow(0 0 40px #a855f7)!important}.mastery-ring-wrap.is-bursting .mastery-value{transition:transform .2s;transform:scale(1.08);color:#38bdf8!important;text-shadow:0 0 30px #00d4ff,0 0 60px #a855f7!important}.mastery-burst-particles{pointer-events:none;z-index:10;width:0;height:0;position:absolute;top:110px;left:50%;transform:translate(-50%,-50%)}.mastery-particle{width:var(--size,6px);height:var(--size,6px);background:var(--color,#00d4ff);box-shadow:0 0 8px var(--color,#00d4ff);pointer-events:none;animation:.65s cubic-bezier(.16,1,.3,1) forwards particleBurst;animation-delay:var(--delay,0s);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}@keyframes particleBurst{0%{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(1);opacity:1}to{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(-1 * var(--dist))) scale(0);opacity:0}}@media (width<=860px){.cta-panel{text-align:center!important;grid-template-columns:1fr!important;gap:2.2rem!important;padding:2.8rem 1.6rem!important}.cta-col-left{text-align:center;align-items:center}.cta-panel h2{text-align:center}.cta-stats-row{justify-content:center}.cta-actions{justify-content:center;width:100%}.cta-note{text-align:center!important}.cta-radial-glow{top:75%;left:50%;right:auto;transform:translate(-50%,-50%)}}[data-theme=light] .feature-card{-webkit-backdrop-filter:none!important;background:linear-gradient(135deg,#ffffffeb 0%,#f1f5f9e0 100%)!important;border-color:#0ea5e92e!important;box-shadow:0 2px 8px #0000000f,0 8px 32px #00000014,inset 0 1px #ffffffe6!important}[data-theme=light] .feature-card:hover{border-color:#0ea5e980!important;box-shadow:0 0 0 1px #0ea5e94d,0 8px 40px #0ea5e924,0 20px 60px #0000001a,inset 0 1px #fff!important}[data-theme=light] .features-redesign-section .landing-section-header h2{background:linear-gradient(#0f172a 0%,#1e293b 65%,#334155 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}[data-theme=light] .features-redesign-section .landing-section-header p{color:#475569!important}[data-theme=light] .feature-card h3{color:#0f172a!important}[data-theme=light] .feature-card p{color:#475569!important}[data-theme=light] .feature-kicker-pill{color:#475569!important;background:#0000000a!important;border-color:#00000014!important}[data-theme=light] .feature-widget{background:#f8fafc!important;border-color:#e2e8f0!important;box-shadow:inset 0 1px 2px #0000000a!important}[data-theme=light] .widget-lesson-name{color:#475569!important}[data-theme=light] .widget-flow-arrow{color:#94a3b8!important}[data-theme=light] .widget-badge-time{color:#0284c7!important;background:#e0f2fe!important}[data-theme=light] .widget-step-item.active{color:#0284c7!important}[data-theme=light] .widget-pulse-dot{background:#0284c7!important;box-shadow:0 0 6px #0284c780!important}[data-theme=light] .widget-code-status{color:#059669!important}[data-theme=light] .widget-bench-time{color:#64748b!important}[data-theme=light] .widget-ai-tip{color:#047857!important}[data-theme=light] .widget-mastery-header{color:#1e293b!important}[data-theme=light] .widget-meter-val{color:#d97706!important}[data-theme=light] .widget-progress-track{background:#e2e8f0!important}[data-theme=light] .widget-retention-tag{color:#64748b!important}[data-theme=light] .widget-mastery-status{color:#d97706!important}[data-theme=light] .widget-mode-pill{color:#475569!important;background:#fff!important;border-color:#cbd5e1!important}[data-theme=light] .widget-mode-pill.active{color:#e11d48!important;background:#ffe4e6!important;border-color:#fecdd3!important}[data-theme=light] .widget-lang-active{color:#4f46e5!important}[data-theme=light] .widget-compiler-status{color:#059669!important}[data-theme=light] .widget-lang-chip{color:#4338ca!important;background:#eef2ff!important;border-color:#c7d2fe!important}[data-theme=light] .widget-lang-more{color:#64748b!important}[data-theme=light] .widget-vis-badge{color:#0f766e!important;background:#ccfbf1!important}[data-theme=light] .widget-vis-line{color:#64748b!important}[data-theme=light] .widget-var-name{color:#475569!important}[data-theme=light] .widget-var-val{color:#0f172a!important}[data-theme=light] .widget-var-val.true{color:#0f766e!important}[data-theme=light] .widget-var-sep{color:#cbd5e1!important}[data-theme=light] .creators-redesign-section .landing-section-header h2{background:linear-gradient(#0f172a 0%,#1e293b 65%,#334155 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}[data-theme=light] .creators-redesign-section .landing-section-header p{color:#475569!important}[data-theme=light] .creators-redesign-section .channel-card,[data-theme=light] .channels-section .channel-card,[data-theme=light] .channel-card{background:linear-gradient(145deg,#fffffff0 0%,#f8fafce6 100%)!important;border-color:#00000014!important;box-shadow:0 4px 20px #0000000d,inset 0 1px #fff!important}[data-theme=light] .creators-redesign-section .channel-card:hover,[data-theme=light] .channels-section .channel-card:hover,[data-theme=light] .channel-card:hover{border-color:var(--ch-color,#0ea5e9)!important;box-shadow:0 16px 48px #0000001f, 0 0 24px var(--ch-glow,#0ea5e933)!important}[data-theme=light] .creators-redesign-section .channel-card-name,[data-theme=light] .channels-section .channel-card-name,[data-theme=light] .channel-card-name{color:#0f172a!important}[data-theme=light] .channel-hero-metric{background:linear-gradient(135deg,#0284c7 0%,#0ea5e9 45%,#2563eb 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .channel-hero-label{color:#64748b!important}[data-theme=light] .channel-badge-pill{background:#0000000a!important;border-color:#00000014!important}[data-theme=light] .channel-sub-pill{color:#0369a1!important;background:#0ea5e914!important;border-color:#0ea5e940!important}[data-theme=light] .channel-card-tagline{color:#475569!important}[data-theme=light] .channel-meta-pill{color:#475569!important;background:#f1f5f9!important;border-color:#e2e8f0!important}[data-theme=light] .channel-card-footer{border-color:#0000000f!important}[data-theme=light] .channel-footer-action{color:#334155!important}[data-theme=light] .channel-card-arrow-circle{color:#475569!important;background:#0000000a!important;border-color:#00000014!important}[data-theme=light] .channel-card:hover .channel-footer-action,[data-theme=light] .creators-redesign-section .channel-glowing-card:hover .channel-footer-action{color:#0f172a!important}[data-theme=light] .channel-card:hover .channel-card-arrow-circle,[data-theme=light] .creators-redesign-section .channel-glowing-card:hover .channel-card-arrow-circle{background:var(--ch-color,#0ea5e9)!important;color:#fff!important;border-color:var(--ch-color,#0ea5e9)!important}[data-theme=light] .channel-verified-badge{border-color:#fff!important}[data-theme=light] .steps-redesign-section .landing-section-header h2{background:linear-gradient(#0f172a 0%,#1e293b 65%,#334155 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .steps-redesign-section .landing-section-header p{color:#475569!important}[data-theme=light] .step-card{background:linear-gradient(160deg,#fffffff2 0%,#f1f5f9e6 100%)!important;border:1px solid #94a3b838!important;box-shadow:0 4px 20px #0f172a0d,inset 0 1px #fff!important}[data-theme=light] .step-card:hover{background:linear-gradient(160deg,#fff 0%,#eef6ffd9 100%)!important;border-color:#0ea5e973!important;box-shadow:0 18px 38px -8px #0ea5e92e,0 0 0 1px #0ea5e940,inset 0 1px #fff!important}[data-theme=light] .step-number{color:#0284c7!important;text-shadow:none!important;background:linear-gradient(135deg,#0ea5e91f 0%,#8b5cf61f 100%)!important;border:1px solid #0ea5e94d!important;box-shadow:0 4px 14px #0ea5e926,inset 0 1px #ffffffe6!important}[data-theme=light] .step-card:hover .step-number{border-color:#0ea5e98c!important;box-shadow:0 6px 20px #0ea5e947,inset 0 1px #fff!important}[data-theme=light] .step-phase-kicker{color:#0284c7!important;background:#0ea5e914!important;border-color:#0ea5e940!important}[data-theme=light] .step-card h3{color:#0f172a!important}[data-theme=light] .step-card p{color:#64748b!important}[data-theme=light] .step-card-tag{color:#0284c7!important;background:#0ea5e90f!important;border-color:#0ea5e933!important}[data-theme=light] .step-card:hover .step-card-tag{color:#0369a1!important;background:#0ea5e91f!important;border-color:#0ea5e959!important}[data-theme=light] .step-tag-dot{background:#0ea5e9!important;box-shadow:0 0 6px #0ea5e9!important}[data-theme=light] .step-flow-track{background:#0ea5e933!important}[data-theme=light] .step-flow-pulse{background:linear-gradient(90deg,#0000,#0ea5e9,#8b5cf6,#0000)!important}[data-theme=light] .step-flow-node{color:#0284c7!important;background:#fff!important;border-color:#0ea5e959!important;box-shadow:0 2px 10px #0ea5e933!important}[data-theme=light] .stat-card{-webkit-backdrop-filter:blur(16px)!important;background:linear-gradient(135deg,#ffffffe6 0%,#f1f5f9cc 100%)!important;border:1px solid #94a3b838!important;box-shadow:0 4px 16px -2px #0f172a0f,inset 0 1px #ffffffe6!important}[data-theme=light] .stat-card:hover,[data-theme=light] .stat-card.in:hover{border-color:#0ea5e973!important;transform:translateY(-6px)!important;box-shadow:0 0 0 1px #0ea5e933,0 14px 34px -4px #0ea5e92e,0 0 20px #0ea5e91f,inset 0 1px #fff!important}[data-theme=light] .stat-card-icon{color:#0284c7!important;background:linear-gradient(135deg,#0ea5e91f 0%,#8b5cf61f 100%)!important;border:1px solid #0ea5e94d!important;box-shadow:0 4px 14px #0ea5e926,inset 0 1px #fffc!important}[data-theme=light] .stat-card:hover .stat-card-icon,[data-theme=light] .stat-card.in:hover .stat-card-icon{border-color:#0ea5e980!important;box-shadow:0 6px 20px #0ea5e940,inset 0 1px #fff!important}[data-theme=light] .stat-card-value{background:linear-gradient(135deg,#0284c7 0%,#0ea5e9 45%,#2563eb 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .stat-card-label{color:#64748b!important}[data-theme=light] .cta-panel{background:linear-gradient(155deg,#fffffff5 0%,#f0f9ffeb 100%)!important;border-color:#0ea5e940!important;box-shadow:0 24px 60px #0ea5e91f,0 0 0 1px #0ea5e926,inset 0 1px #fff!important}[data-theme=light] .cta-panel h2{color:#0f172a!important}[data-theme=light] .cta-grid-bg{background-image:linear-gradient(90deg,#0ea5e914 1px,#0000 1px),linear-gradient(#0ea5e914 1px,#0000 1px)}[data-theme=light] .cta-radial-glow{background:radial-gradient(circle,#0ea5e929 0%,#a855f71f 45%,#0000 72%)}[data-theme=light] .cta-stat-num{color:#0284c7}[data-theme=light] .cta-stat-dot{color:#0ea5e966}[data-theme=light] .mastery-track{stroke:#0ea5e91f!important}[data-theme=light] .mastery-ring-wrap.stage-learning{--stage-color:#0284c7;--stage-glow:#0284c766;--stage-bg:#0284c714;--stage-border:#0284c74d;--stage-pill-glow:#0284c72e}[data-theme=light] .mastery-ring-wrap.stage-practicing{--stage-color:#4f46e5;--stage-glow:#4f46e566;--stage-bg:#4f46e514;--stage-border:#4f46e54d;--stage-pill-glow:#4f46e52e}[data-theme=light] .mastery-ring-wrap.stage-mastered{--stage-color:#9333ea;--stage-glow:#9333ea66;--stage-bg:#9333ea14;--stage-border:#9333ea4d;--stage-pill-glow:#9333ea33}[data-theme=light] .mastery-ring-wrap .mastery-value{color:#0f172a!important;text-shadow:0 0 20px var(--stage-glow)!important}[data-theme=light] .cta-note{color:#64748b!important}[data-theme=light] .mastery-kicker{color:#64748b}@media (prefers-reduced-motion:reduce){.step-number,.channel-card-emoji,.cta-grid-bg,.cta-radial-glow,.mastery-dot-halo{animation:none!important}.mastery-particle,.step-flow-pulse{animation:none!important;display:none!important}.step-flow-icon{animation:none!important}}.features-redesign-section .landing-section-header h2{font-family:var(--font-display)!important;letter-spacing:-.02em!important;color:var(--text)!important;background:0 0!important;background-clip:initial!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:var(--text)!important;text-shadow:none!important;margin-bottom:.4rem!important;font-size:clamp(1.6rem,3.4vw,2.2rem)!important;font-weight:700!important;line-height:1.22!important}.features-redesign-section .landing-section-header .section-kicker{text-shadow:0 0 14px #00d4ff66;font-family:var(--font-cyber)!important;letter-spacing:.15em!important;color:var(--cyber-cyan)!important;font-size:.7rem!important;font-weight:700!important}.features-redesign-section .landing-section-header p{color:var(--text-dim)!important;max-width:500px!important;font-size:.95rem!important;line-height:1.65!important}.features-redesign-section .feature-card h3{font-family:var(--font-display)!important;color:var(--text)!important;background:0 0!important;background-clip:initial!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:var(--text)!important;font-weight:700!important}.features-redesign-section .feature-card p{color:var(--text-dim)!important}.features-redesign-section .feature-kicker-pill{color:var(--text-dim)!important;background:#94a3b814!important;border-color:#94a3b829!important}.features-redesign-section .circular-carousel-card-wrap .feature-card{transition:transform .28s,border-color .28s,box-shadow .28s!important}.features-redesign-section .circular-carousel-card-wrap .feature-card:hover{border-color:var(--feature-border,#00d4ff73)!important;box-shadow:0 18px 46px -10px #0000008c, 0 0 28px var(--feature-glow,#00d4ff47), 0 0 64px -14px var(--feature-glow,#00d4ff33), 0 0 0 1px var(--feature-border,#00d4ff73), inset 0 1px 0 #ffffff26!important;transition:transform .28s,border-color .28s,box-shadow .28s!important;transform:translateY(-4px)!important}.features-redesign-section .circular-carousel-card-wrap .feature-card:before{content:""!important;background:linear-gradient(90deg, transparent, var(--feature-accent,#00d4ff), transparent)!important;opacity:0!important;pointer-events:none!important;z-index:3!important;height:2px!important;transition:opacity .28s!important;position:absolute!important;top:0!important;left:0!important;right:0!important}.features-redesign-section .circular-carousel-card-wrap .feature-card:hover:before{opacity:1!important;transition:opacity .28s!important}.features-redesign-section .circular-carousel-card-wrap .feature-card:after{content:""!important;z-index:0!important;pointer-events:none!important;border-radius:inherit!important;background:radial-gradient(140% 100% at 50% -10%, var(--feature-glow,#00d4ff4d), transparent 55%)!important;opacity:0!important;transition:opacity .28s!important;position:absolute!important;inset:0!important}.features-redesign-section .circular-carousel-card-wrap .feature-card:hover:after{opacity:1!important;transition:opacity .28s!important}.features-redesign-section .circular-carousel-card-wrap .feature-card .feature-icon{transition:transform .28s,box-shadow .28s!important}.features-redesign-section .circular-carousel-card-wrap .feature-card:hover .feature-icon{box-shadow:0 8px 24px var(--feature-glow,#00d4ff57), inset 0 1px 0 #ffffff26!important;transition:transform .28s,box-shadow .28s!important;transform:scale(1.1)rotate(-4deg)!important}.features-redesign-section .circular-carousel-card-wrap .feature-card>*{z-index:2!important;position:relative!important}.features-redesign-section .landing-section-header{margin-bottom:3.25rem!important}@media (width<=640px){.features-redesign-section .landing-section-header{margin-bottom:2rem!important}}.features-redesign-section .circular-carousel-root{padding-bottom:.35rem!important}.features-redesign-section .circular-carousel-stage{height:360px!important}.features-redesign-section .circular-carousel-counter{margin-top:0!important;margin-bottom:.5rem!important}.features-redesign-section .circular-carousel-controls{gap:1rem!important}@media (width<=640px){.features-redesign-section .circular-carousel-stage{height:380px!important}}@media (width>=641px){.features-redesign-section .circular-carousel-counter{margin-top:-44px!important}}.features-redesign-section .counter-current{font-family:var(--font-display)!important;background:linear-gradient(135deg,#00d4ff 0%,#38bdf8 45%,#3b82f6 100%)!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;-webkit-background-clip:text!important;background-clip:text!important;font-weight:800!important}.features-redesign-section .counter-total{color:var(--text-dim)!important}.features-redesign-section .circular-carousel-card-wrap.is-flank h3{color:#eef0ff8c!important}.features-redesign-section .circular-carousel-card-wrap.is-flank p{color:#a6adc98c!important}[data-theme=light] .features-redesign-section .landing-section-header h2{font-family:var(--font-display)!important;letter-spacing:-.02em!important;color:var(--text)!important;background:0 0!important;background-clip:initial!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:var(--text)!important;text-shadow:none!important;margin-bottom:.4rem!important;font-size:clamp(1.6rem,3.4vw,2.2rem)!important;font-weight:700!important}[data-theme=light] .features-redesign-section .landing-section-header .section-kicker{text-shadow:0 0 14px #00d4ff66;color:var(--cyber-cyan)!important}[data-theme=light] .features-redesign-section .feature-card h3{color:var(--text)!important}[data-theme=light] .features-redesign-section .feature-card p,[data-theme=light] .features-redesign-section .feature-kicker-pill{color:var(--text-dim)!important}[data-theme=light] .features-redesign-section .feature-kicker-pill{background:#94a3b81f!important;border-color:#94a3b847!important}[data-theme=light] .features-redesign-section .counter-current{background:linear-gradient(135deg,#0284c7 0%,#0ea5e9 45%,#2563eb 100%)!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .features-redesign-section .circular-carousel-card-wrap.is-flank h3{color:#0f172a99!important}[data-theme=light] .features-redesign-section .circular-carousel-card-wrap.is-flank p{color:#4755698c!important}.channels-coming-soon{background:linear-gradient(90deg, rgba(var(--accent-rgb), .1), #22d3ee0f, rgba(var(--accent-rgb), .1));border:1px solid rgba(var(--accent-rgb), .3);max-width:820px;color:var(--text);-webkit-backdrop-filter:blur(8px);text-align:left;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;margin:1.1rem auto 0;padding:.6rem 1.1rem;display:flex;box-shadow:0 4px 18px #00000040}.channels-coming-soon-icon{color:var(--accent-hover);flex-shrink:0}.channels-coming-soon-text{margin:0;font-size:.86rem;line-height:1.45}.channels-coming-soon-text strong{color:#fff;font-weight:800}.channels-coming-soon-text span{color:var(--text-dim)}.notify-form{flex-direction:column;gap:.35rem;margin-top:.6rem;display:flex}.notify-row{gap:.5rem;display:flex}.notify-input{min-width:0;font-size:.82rem;font-family:var(--font-sans);background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:8px;flex:1;padding:.5rem .7rem;transition:border-color .2s,box-shadow .2s}.notify-input::placeholder{color:var(--text-muted)}.notify-input:focus{border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb), .3);outline:none}.notify-input:disabled{opacity:.6}.notify-btn{white-space:nowrap;font-family:var(--font-mono);color:#fff;background:var(--accent);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.76rem;font-weight:700;transition:background .2s,box-shadow .2s;display:inline-flex}.notify-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 12px rgba(var(--accent-rgb), .4)}.notify-btn:disabled{opacity:.6;cursor:default}.notify-done{color:var(--success);align-items:center;gap:.4rem;margin-top:.6rem;font-size:.8rem;font-weight:600;display:inline-flex}.notify-error-msg{color:#f87171;margin:0;font-size:.74rem;font-weight:600}.channel-card-ghost{cursor:not-allowed!important;border-style:dashed!important;border-color:#94a3b859!important}.channel-card-ghost:hover{border-color:#94a3b873!important;transform:none!important;box-shadow:0 0 0 1px #94a3b840,0 4px 20px #0000004d!important}.channel-card-ghost .channel-card-ambient,.channel-card-ghost:hover .channel-card-ambient,.channel-card-ghost .channel-card-top-line,.channel-card-ghost:hover .channel-card-top-line{opacity:0!important}.channel-card-ghost .channel-card-top-row,.channel-card-ghost .channel-card-identity,.channel-card-ghost .channel-card-tagline,.channel-card-ghost .channel-card-footer{opacity:.6}.channel-card-ghost .channel-card-emoji{background:linear-gradient(160deg,#64748b80,#334155d9)!important;animation:none!important;box-shadow:0 4px 14px #0006!important}.channel-card-ghost:hover .channel-avatar-wrapper .channel-card-emoji{transform:none!important}.channel-ghost-lock{color:#94a3b8}.channel-ghost-badge{color:#fbbf24!important;background:#fbbf241a!important;border-color:#fbbf2447!important}.channel-ghost-name,.channel-ghost-meta{color:var(--text-muted)!important}.channel-ghost-waitlist{cursor:auto;margin-top:.1rem}.compact-course-card-ghost{cursor:not-allowed!important;background:linear-gradient(160deg,#1e293b8c,#0f172abf)!important;border-style:dashed!important;border-color:#94a3b859!important}.compact-course-card-ghost:hover{border-color:#94a3b873!important;transform:none!important;box-shadow:0 0 0 1px #94a3b84d,0 4px 20px #00000040!important}.compact-thumb-ghost{aspect-ratio:16/9;border-bottom:1px solid var(--border);width:100%;color:var(--text-muted);cursor:not-allowed;background:linear-gradient(160deg,#1e293b99,#0f172ad9),repeating-linear-gradient(45deg,#ffffff0a 0 10px,#0000 10px 20px);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex;position:relative}.compact-ghost-lock{color:#94a3b8}.compact-ghost-thumb-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fbbf24;font-size:.7rem;font-weight:700}.compact-ghost-tag{color:#fbbf24}.compact-ghost-title,.compact-ghost-title:hover{color:var(--text-dim)!important;cursor:default!important}.compact-ghost-waitlist{cursor:auto;margin-top:.25rem}[data-theme=light] .channels-coming-soon{background:linear-gradient(90deg,#0284c70f,#0ea5e90d,#0284c70f);border-color:#0284c74d;box-shadow:0 2px 10px #0f172a0f}[data-theme=light] .channels-coming-soon-text strong{color:#0f172a}[data-theme=light] .channels-coming-soon-text span{color:#64748b}[data-theme=light] .channel-card-ghost,[data-theme=light] .channel-card-ghost:hover{background:linear-gradient(145deg,#fffffff2,#f8fafceb)!important}[data-theme=light] .compact-course-card-ghost,[data-theme=light] .compact-course-card-ghost:hover{background:#fff linear-gradient(160deg,#fff,#f8fafc)!important;box-shadow:0 4px 16px -2px #0f172a12!important}[data-theme=light] .compact-thumb-ghost{border-bottom-color:#e2e8f0f2;background:#f1f5f9 linear-gradient(160deg,#f1f5f9,#e2e8f0)!important}[data-theme=light] .compact-ghost-lock,[data-theme=light] .channel-ghost-lock{color:#64748b}[data-theme=light] .channel-card-ghost .notify-input,[data-theme=light] .compact-course-card-ghost .notify-input{color:#0f172a;background:#fff;border-color:#e2e8f0}[data-theme=light] .notify-error-msg{color:#dc2626}.confidence-section{border:1px solid var(--border);background:rgba(var(--accent-rgb), .06);border-radius:12px;flex-direction:column;align-items:stretch;gap:.85rem;width:100%;margin-top:1rem;padding:1.1rem 1.25rem;display:flex}.confidence-section.card{background:linear-gradient(168deg,#121626e0,#090c16fa);padding:1.25rem 1.35rem}.confidence-label-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.confidence-label{color:var(--text);margin:0;font-size:.92rem;font-weight:600;line-height:1.3}.confidence-label span{font-family:var(--font-mono);color:var(--accent);vertical-align:-1px;font-size:1.05rem;font-weight:800}.confidence-hint{color:var(--text-dim);opacity:.85;white-space:nowrap;margin:0;font-size:.72rem;font-style:italic;font-weight:500}.confidence-meter{grid-template-columns:repeat(5,1fr);gap:.4rem;display:grid}.conf-meter-seg{border:1px solid var(--border);cursor:pointer;color:var(--text-dim);font:inherit;outline-offset:2px;background:#ffffff05;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;margin:0;padding:.6rem .2rem .5rem;transition:all .18s;display:flex}.conf-meter-seg:hover{border-color:rgba(var(--accent-rgb), .55);color:var(--text);transform:translateY(-1px)}.conf-meter-seg:focus-visible{outline:2px solid var(--accent)}.conf-meter-num{font-family:var(--font-mono);font-size:1rem;font-weight:800;line-height:1}.conf-meter-label{letter-spacing:.015em;text-transform:uppercase;font-size:.6rem;font-weight:600;line-height:1.1}.conf-meter-seg.lit{border-color:rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .1);color:var(--text)}.conf-meter-seg.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 14px rgba(var(--accent-rgb), .4);transform:translateY(-1px)}.conf-meter-seg.active .conf-meter-label{color:#ffffffe6}.conf-meter-track{background:rgba(var(--accent-rgb), .12);border-radius:999px;height:5px;overflow:hidden}.conf-meter-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:999px;height:100%;transition:width .32s}.confidence-slider{display:none}