.learn-root{--bg:#F4F2FF;--surface:#FFFFFF;--sidebar:#160D2B;--sidebar-hover:rgba(255,255,255,0.07);--sidebar-active:rgba(124,58,237,0.22);--sidebar-text:#C4B5FD;--sidebar-muted:#6B5C88;--primary:#7C3AED;--primary-d:#5B21B6;--primary-m:#DDD6FE;--primary-l:#EDE9FE;--text:#0F0A1E;--text-2:#4B4465;--muted:#6B6580;--border:#E8E2F5;--green:#059669;--green-l:#D1FAE5;--green-d:#065F46;--amber:#B45309;--amber-l:#FEF3C7;--amber-d:#78350F;--r:14px;--font:var(--font-outfit-learn,"Outfit",system-ui,sans-serif);position:fixed;inset:0;overflow-y:auto;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65}.learn-root *,.learn-root :after,.learn-root :before{box-sizing:border-box;margin:0;padding:0}.l-topbar{background:var(--surface);border-bottom:1px solid var(--border);height:56px;padding:0 1.25rem;display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:200;box-shadow:0 2px 10px rgba(15,10,30,.06)}.l-hamburger{display:none;background:none;border:1.5px solid var(--border);border-radius:8px;padding:.3rem .45rem;flex-shrink:0;font-size:1rem;line-height:1}.l-brand,.l-hamburger{cursor:pointer;color:var(--text)}.l-brand{font-size:.95rem;font-weight:900;white-space:nowrap;letter-spacing:-.01em}.l-brand em{color:var(--primary);font-style:normal}.l-topbar-right{margin-left:auto;display:flex;align-items:center;gap:.625rem}.l-progress-pill{font-size:.72rem;color:var(--primary);background:var(--primary-l);padding:.28rem .75rem}.l-home-link,.l-progress-pill{font-weight:700;border-radius:100px;white-space:nowrap}.l-home-link{font-size:.78rem;color:white;background:var(--primary);padding:.32rem .85rem;cursor:pointer;text-decoration:none;transition:background .15s}.l-home-link:hover{background:var(--primary-d)}.l-logout-btn{font-size:.78rem;font-weight:700;color:#fca5a5;background:rgba(255,255,255,.08);border:none;padding:.32rem .85rem;border-radius:100px;cursor:pointer;white-space:nowrap;transition:background .15s;font-family:inherit}.l-logout-btn:hover{background:rgba(239,68,68,.25);color:#fff}.l-prog-bar-wrap{height:3px;background:var(--border);position:sticky;top:56px;z-index:199;flex-shrink:0}.l-prog-bar{height:100%;background:linear-gradient(90deg,var(--primary),#A78BFA);transition:width .5s ease;min-width:0}.l-wrap{display:flex;min-height:calc(100vh - 59px)}.l-side{width:262px;flex-shrink:0;background:var(--sidebar);padding:1.25rem .625rem 3rem;position:sticky;top:59px;height:calc(100vh - 59px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;transition:left .25s ease}.l-side::-webkit-scrollbar{width:4px}.l-side::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:4px}.l-side-header{padding:.5rem .625rem .875rem;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:.875rem}.l-side-header-title{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-muted);margin-bottom:.5rem}.l-side-prog-text{font-size:.75rem;font-weight:600;color:var(--sidebar-text);margin-bottom:.4rem}.l-side-prog-bar{height:4px;background:rgba(255,255,255,.1);border-radius:100px;overflow:hidden}.l-side-prog-fill{height:100%;background:var(--primary);border-radius:100px;transition:width .4s ease}.l-s-cat{font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar-muted);padding:.75rem .625rem .2rem}.l-s-item{display:flex;align-items:center;gap:.45rem;padding:.42rem .625rem;border-radius:8px;cursor:pointer;font-size:.78rem;color:var(--sidebar-text);transition:background .12s,color .12s;margin-bottom:1px;font-weight:400;line-height:1.3}.l-s-item:hover{background:var(--sidebar-hover);color:#E9D5FF}.l-s-item.active{background:var(--sidebar-active);color:#DDD6FE;font-weight:600}.l-s-num{font-size:.63rem;font-weight:700;min-width:18px;color:var(--sidebar-muted);flex-shrink:0;text-align:right}.l-s-item.active .l-s-num{color:#A78BFA}.l-s-label{flex:1;min-width:0}.l-s-check{flex-shrink:0;width:15px;height:15px;border-radius:50%;border:1.5px solid var(--sidebar-muted);display:flex;align-items:center;justify-content:center;font-size:8px;color:transparent;transition:all .15s}.l-s-check.done{background:var(--green);border-color:var(--green);color:white}.l-s-div{height:1px;background:rgba(255,255,255,.07);margin:.5rem .625rem}.l-s-back{display:flex;align-items:center;gap:.45rem;padding:.42rem .625rem;border-radius:8px;cursor:pointer;font-size:.75rem;color:var(--sidebar-muted);font-weight:500;transition:color .12s}.l-s-back:hover{color:var(--sidebar-text)}.l-main{flex:1;padding:2.5rem 3rem 5rem;min-width:0}.l-index-hero{max-width:600px;margin:0 auto;text-align:center;padding:1.5rem 1rem 2rem}.l-index-hero h1{font-size:2.4rem;font-weight:900;line-height:1.1;margin-bottom:.6rem;letter-spacing:-.03em}.l-index-hero h1 em{color:var(--primary);font-style:normal}.l-index-hero p{font-size:.95rem;color:var(--muted);margin-bottom:1.25rem}.l-search-wrap{position:relative;max-width:380px;margin:0 auto}.l-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;font-size:.875rem}.l-search{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:1.5px solid var(--border);border-radius:100px;font-size:.875rem;font-family:var(--font);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.l-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(124,58,237,.1)}.l-search::-moz-placeholder{color:var(--muted)}.l-search::placeholder{color:var(--muted)}.l-stats{justify-content:center;gap:1.5rem;padding:.75rem 0 1.25rem;font-size:.78rem;color:var(--muted);flex-wrap:wrap}.l-stat,.l-stats{display:flex;align-items:center}.l-stat{gap:.35rem}.l-stat-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);opacity:.5}.l-stat-dot.green{background:var(--green);opacity:.8}.l-cat-block{margin-bottom:2.25rem}.l-cat-row{display:flex;align-items:center;gap:.875rem;margin-bottom:.875rem}.l-cat-name{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.l-cat-line{flex:1;height:1px;background:var(--border)}.l-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.l-t-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);padding:1rem;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.l-t-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,58,237,.11);border-color:#C4B5FD}.l-t-card.done{border-color:#A7F3D0}.l-t-card-bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary)}.l-t-card.done .l-t-card-bar{background:var(--green)}.l-t-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.l-t-num{font-size:.6rem;letter-spacing:.06em;color:var(--muted)}.l-t-done-pill,.l-t-num{font-weight:800;text-transform:uppercase}.l-t-done-pill{font-size:.58rem;color:var(--green);background:var(--green-l);padding:.12rem .45rem;border-radius:100px;letter-spacing:.04em}.l-t-title{font-size:.84rem;font-weight:700;color:var(--text);line-height:1.35;margin-bottom:.3rem}.l-t-sub{font-size:.73rem;color:var(--muted);line-height:1.4;margin-bottom:.5rem}.l-t-meta{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--muted)}.l-empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.l-empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.4}.l-empty-text{font-size:.9rem}.l-topic-hdr{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.l-t-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .875rem;border-radius:100px;background:var(--primary-l);color:var(--primary-d);margin-bottom:.875rem}.l-topic-hdr h1{font-size:1.9rem;font-weight:900;line-height:1.15;margin-bottom:.5rem;letter-spacing:-.025em}.l-topic-meta{display:flex;align-items:center;gap:1rem;font-size:.76rem;color:var(--muted);margin-bottom:.875rem;flex-wrap:wrap}.l-topic-meta-item{display:flex;align-items:center;gap:.3rem}.l-topic-meta-item.done{color:var(--green);font-weight:600}.l-overview{font-size:.95rem;color:var(--text-2);line-height:1.78;max-width:680px}.l-section{margin-bottom:2rem}.l-sec-title{font-size:1rem;font-weight:800;margin-bottom:.875rem;color:var(--text);padding-bottom:.5rem;border-bottom:2px solid var(--primary-l)}.l-subsec-title{font-size:.875rem;font-weight:700;color:var(--primary);margin-bottom:.5rem;margin-top:1.25rem}.l-body-text{font-size:.95rem;line-height:1.8;color:var(--text-2);margin-bottom:.75rem}.l-bullet-list{list-style:none;margin:.4rem 0 .875rem}.l-bullet-item{font-size:.9rem;padding:.32rem 0;display:flex;align-items:flex-start;gap:.65rem;line-height:1.55;color:var(--text-2)}.l-bullet-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--primary);margin-top:.5rem;opacity:.55}.l-tbl-wrap{overflow-x:auto;margin:.875rem 0 1.25rem;border-radius:var(--r);border:1.5px solid var(--border)}.l-tbl-wrap table{width:100%;border-collapse:collapse;font-size:.83rem}.l-tbl-wrap th{background:var(--primary-l);color:var(--primary-d);font-weight:700;padding:.65rem .875rem;text-align:left;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.l-tbl-wrap td{padding:.6rem .875rem;border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:top;line-height:1.5}.l-tbl-wrap tr:last-child td{border-bottom:none}.l-tbl-wrap tr:hover td{background:#FAFAFF}.l-insight{border-radius:var(--r);padding:1.25rem 1.5rem;margin:1.5rem 0}.l-insight.purple{background:var(--primary-l);border-left:3px solid var(--primary)}.l-insight.green{background:var(--green-l);border-left:3px solid var(--green)}.l-insight.amber{background:var(--amber-l);border-left:3px solid var(--amber)}.l-insight-label{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.l-insight.purple .l-insight-label{color:var(--primary)}.l-insight.green .l-insight-label{color:var(--green)}.l-insight.amber .l-insight-label{color:var(--amber)}.l-insight-text{font-size:.9rem;line-height:1.65;font-weight:500}.l-insight.purple .l-insight-text{color:var(--primary-d)}.l-insight.green .l-insight-text{color:var(--green-d)}.l-insight.amber .l-insight-text{color:var(--amber-d)}.l-content-gate-wrap{position:relative;margin-top:.5rem}.l-content-gate-blur{filter:blur(5px);opacity:.55;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:280px;overflow:hidden}.l-content-gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;background:linear-gradient(180deg,rgba(244,242,255,.3),rgba(244,242,255,.97) 55%);border-radius:16px;padding:1.5rem;text-align:center}.l-gate-icon{font-size:2rem}.l-gate-title{font-size:1.1rem;font-weight:900;color:#0F0A1E;letter-spacing:-.02em}.l-gate-sub{font-size:.85rem;color:#6B6580;line-height:1.6}.l-gate-actions{display:flex;gap:.5rem;margin-top:.25rem;flex-wrap:wrap;justify-content:center}.l-gate-login{font-size:.85rem;font-weight:700;color:#fff;background:#7C3AED;border:none;border-radius:100px;padding:.5rem 1.4rem;cursor:pointer;font-family:inherit;transition:background .15s}.l-gate-login:hover{background:#5B21B6}.l-gate-register{font-size:.85rem;font-weight:700;color:#7C3AED;background:none;border:1.5px solid #c4b5fd;border-radius:100px;padding:.5rem 1.2rem;cursor:pointer;font-family:inherit;transition:all .15s}.l-gate-register:hover{background:#EDE9FE}.l-mark-done-wrap{display:flex;justify-content:center;padding:1.25rem 0 .5rem}.l-mark-done-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.75rem;border-radius:100px;font-size:.875rem;font-weight:700;font-family:var(--font);cursor:pointer;transition:all .15s;border:2px solid var(--primary);background:transparent;color:var(--primary)}.l-mark-done-btn:hover{background:var(--primary);color:white}.l-mark-done-btn.done{background:var(--green-l);border-color:var(--green);color:var(--green-d)}.l-mark-done-btn.done:hover{background:#BBFCE0}.l-topic-nav{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border);margin-top:.5rem;gap:.75rem}.l-nav-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:10px;background:var(--surface);border:1.5px solid var(--border);font-size:.78rem;font-weight:600;color:var(--text);cursor:pointer;transition:all .12s;font-family:var(--font);white-space:nowrap;flex:1;max-width:220px}.l-nav-btn.next{justify-content:flex-end}.l-nav-btn:hover:not(:disabled){background:var(--primary-l);border-color:var(--primary-m);color:var(--primary)}.l-nav-btn:disabled{opacity:.35;cursor:default}.l-nav-center{font-size:.75rem;color:var(--muted);font-weight:600;flex-shrink:0}.l-scroll-top{position:fixed;bottom:1.75rem;right:1.75rem;width:42px;height:42px;border-radius:50%;background:var(--primary);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;box-shadow:0 4px 16px rgba(124,58,237,.4);transition:all .2s;z-index:300;opacity:0;transform:translateY(10px);pointer-events:none}.l-scroll-top.visible{opacity:1;transform:translateY(0);pointer-events:all}.l-scroll-top:hover{background:var(--primary-d);box-shadow:0 6px 20px rgba(124,58,237,.5);transform:translateY(-2px)}.l-side-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:155;backdrop-filter:blur(1px)}.l-side-overlay.open{display:block}@media (max-width:1024px){.l-side{width:230px}.l-main{padding:2rem 2rem 4rem}.l-topic-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.l-hamburger{display:flex}.l-progress-pill{display:none}.l-side{position:fixed;top:0;left:-290px;height:100vh;width:280px;z-index:160;padding-top:1.25rem}.l-side.open{left:0}.l-main{padding:1.5rem 1.25rem 4rem}.l-index-hero h1{font-size:1.8rem}.l-topic-hdr h1{font-size:1.5rem}.l-topic-grid{grid-template-columns:1fr}.l-nav-btn{padding:.5rem .75rem;font-size:.75rem;max-width:160px}.l-scroll-top{bottom:1rem;right:1rem;width:38px;height:38px;font-size:1rem}}@media (max-width:480px){.l-topbar{padding:0 .875rem;gap:.5rem}.l-brand{font-size:.85rem}.l-main{padding:1.25rem .875rem 3.5rem}.l-topic-grid{grid-template-columns:1fr}}