:root{--bg-dark: #070a13;--bg-surface: #0f172a;--bg-card: rgba(15, 23, 42, .7);--bg-card-hover: rgba(30, 41, 59, .85);--border-card: rgba(148, 163, 184, .14);--border-glow: rgba(56, 189, 248, .35);--accent-cyan: #38bdf8;--accent-blue: #0284c7;--accent-indigo: #6366f1;--accent-emerald: #10b981;--accent-rose: #f43f5e;--accent-amber: #f59e0b;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at 50% 0%,#1e293b,#070a13 70%);background-attachment:fixed;color:var(--text-main);font-family:var(--font-sans);display:flex;flex-direction:column;line-height:1.5}.home-navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:8px 32px;background:#070a13d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-card)}.navbar-brand{display:flex;align-items:center;gap:12px}.navbar-brand-link{text-decoration:none;display:inline-flex;align-items:center}.navbar-brand-link h2,.brand-titles h2{font-size:17px;font-weight:800;letter-spacing:-.3px;color:#fff;transition:opacity .2s ease}.navbar-brand-link:hover h2{opacity:.85}.brand-sub{font-size:11.5px;color:var(--text-muted)}.nav-links{display:flex;align-items:center;gap:12px}.nav-jump-link{color:var(--text-muted);text-decoration:none;font-size:13.5px;font-weight:600;padding:6px 12px;border-radius:6px;transition:all .2s ease}.nav-jump-link:hover{color:#fff;background:#ffffff14}.nav-ar-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--accent-cyan);text-decoration:none;font-size:13.5px;font-weight:700;padding:5px 8px;border-radius:7px;border:1px solid rgba(56,189,248,.35);background:#38bdf814;transition:all .2s ease}.nav-ar-link:hover{background:#38bdf833;border-color:var(--accent-cyan);transform:translateY(-1px)}.home-main-wrapper{flex:1;max-width:1180px;width:100%;margin:0 auto;padding:8px 24px 80px}.hero-container{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:999px;background:#38bdf81a;border:1px solid rgba(56,189,248,.25);color:var(--accent-cyan);font-size:12.5px;font-weight:600;margin-bottom:20px}.hero-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.hero-title{font-size:44px;font-weight:800;line-height:1.2;margin-bottom:16px;letter-spacing:-1px;background:linear-gradient(135deg,#fff 40%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{max-width:760px;font-size:16px;line-height:1.65;color:var(--text-muted);margin-bottom:32px}.stats-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:900px}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:11px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease}.stat-card:hover{transform:translateY(-3px);border-color:#38bdf866}.stat-num{font-size:28px;font-weight:800;color:var(--accent-cyan);font-family:var(--font-mono);line-height:1.1;margin-bottom:4px}.stat-icon{font-size:20px;font-weight:800;color:#38bdf8;margin-bottom:4px}.stat-label{font-size:12.5px;color:var(--text-muted);font-weight:600}.stat-card-ar{border-color:#38bdf859;background:linear-gradient(135deg,#0284c733,#6366f126)}.stat-card-ar .stat-label{color:var(--accent-cyan)}.toc-toolbar-section{z-index:90;margin-bottom:18px}.toolbar-inner{background:#0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-card);box-shadow:0 10px 30px #0006;border-radius:13px;padding:12px 18px;display:flex;flex-direction:column;gap:8px}.search-box-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none;opacity:.7}.toc-search-input{width:100%;padding:13px 18px 13px 46px;border-radius:6px;border:1px solid rgba(148,163,184,.2);background:#070a1399;color:#fff;font-size:14.5px;font-family:inherit;transition:all .2s ease}.toc-search-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #38bdf833;background:#070a13e6}.filter-controls-group{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.grade-tabs-list{display:flex;align-items:center;gap:8px;background:#070a1380;padding:4px;border-radius:8px;border:1px solid var(--border-card)}.grade-filter-tab{background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease}.grade-filter-tab:hover{color:#fff}.grade-filter-tab.active{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;font-weight:700;box-shadow:0 2px 8px #0284c766}.action-buttons-group{display:flex;gap:8px}.btn-tool{background:#1e293bb3;border:1px solid var(--border-card);color:var(--text-muted);font-family:inherit;font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-tool:hover{color:#fff;background:#334155e6;border-color:#94a3b84d}.toolbar-status-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(148,163,184,.1);padding-top:12px;font-size:12.5px;color:var(--text-dim)}.stats-summary-text{font-weight:600;color:var(--text-muted)}.guide-hint{font-style:italic}.toc-container{display:flex;flex-direction:column;gap:56px}.grade-section{display:flex;flex-direction:column;gap:22px;scroll-margin-top:190px}.grade-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:2px solid rgba(148,163,184,.15);flex-wrap:wrap;gap:12px}.grade-title-group{display:flex;align-items:center;gap:14px}.grade-emblem{font-weight:800;font-size:13px;letter-spacing:.5px;padding:6px 14px;border-radius:7px;text-transform:uppercase}.grade-emblem.grade-10{background:linear-gradient(135deg,#059669,#0284c7);color:#fff;box-shadow:0 4px 15px #05966959}.grade-emblem.grade-11{background:linear-gradient(135deg,#4f46e5,#0284c7);color:#fff;box-shadow:0 4px 15px #4f46e559}.grade-emblem.grade-12{background:linear-gradient(135deg,#e11d48,#ea580c);color:#fff;box-shadow:0 4px 15px #e11d4859}.grade-heading-wrap{display:flex;flex-direction:column}.grade-title{font-size:24px;font-weight:800;letter-spacing:-.5px;color:#fff}.grade-subtitle{font-size:13.5px;color:var(--text-muted)}.grade-meta{display:flex;align-items:center;gap:8px}.meta-pill{background:#1e293b99;border:1px solid var(--border-card);color:var(--text-muted);font-size:12px;font-weight:600;padding:4px 10px;border-radius:5px}.grade-toggle-all-btn{background:transparent;border:1px dashed rgba(148,163,184,.3);color:var(--text-muted);font-family:inherit;font-size:12px;padding:4px 10px;border-radius:5px;cursor:pointer;transition:all .2s ease}.grade-toggle-all-btn:hover{color:#fff;border-color:var(--accent-cyan)}.chapters-grid{display:flex;flex-direction:column;gap:16px}.chapter-card{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:11px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.chapter-card:hover{border-color:#94a3b84d}.chapter-card.is-3d-chapter{border-color:#38bdf840;box-shadow:inset 0 0 20px #38bdf80a}.chapter-card-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:#0f172a66;-webkit-user-select:none;user-select:none;transition:background .2s ease}.chapter-card-header:hover{background:#1e293b80}.chapter-card-title-wrap{display:flex;align-items:center;gap:12px;flex:1}.chapter-tag{font-size:12px;font-weight:700;color:var(--accent-cyan);background:#38bdf81a;border:1px solid rgba(56,189,248,.2);padding:3px 8px;border-radius:5px;white-space:nowrap}.chapter-name{font-size:16px;font-weight:700;color:#fff}.chapter-card-actions{display:flex;align-items:center;gap:10px}.badge-3d-feature{font-size:11px;font-weight:700;color:#38bdf8;background:#38bdf826;border:1px solid rgba(56,189,248,.35);padding:3px 8px;border-radius:5px;display:inline-flex;align-items:center;gap:5px}.lesson-count-badge{font-size:12px;color:var(--text-muted);background:#ffffff0f;padding:3px 8px;border-radius:5px}.toggle-icon{font-size:11px;color:var(--text-dim);width:18px;text-align:center;transition:transform .2s ease}.chapter-body{border-top:1px solid rgba(148,163,184,.1);padding:10px 14px}.chapter-body.is-hidden{display:none}.lessons-list{list-style:none;display:flex;flex-direction:column;gap:6px}.lesson-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;background:#0f172a4d;border:1px solid transparent;cursor:pointer;text-decoration:none;color:inherit;transition:all .15s ease}.lesson-item:hover{background:#1e293b99;border-color:#94a3b833;transform:translate(4px)}.lesson-left{display:flex;align-items:center;gap:14px;flex:1}.lesson-number{font-family:var(--font-mono);font-size:12.5px;font-weight:700;color:var(--text-muted);background:#ffffff0d;padding:3px 8px;border-radius:5px;white-space:nowrap}.lesson-name{font-size:14.5px;font-weight:600;color:#e2e8f0}mark{background:#eab30859;color:#fef08a;padding:1px 4px;border-radius:3px}.lesson-right{display:flex;align-items:center;gap:8px}.lesson-tag-code{font-family:var(--font-mono);font-size:11px;font-weight:700;color:#a5b4fc;background:#6366f126;border:1px solid rgba(99,102,241,.3);padding:2px 7px;border-radius:4px}.badge-ar-mini{font-size:10.5px;font-weight:700;color:#38bdf8;background:#38bdf826;border:1px solid rgba(56,189,248,.3);padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.badge-ar-mini svg,.badge-3d-feature svg{flex-shrink:0}.lesson-detail-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid rgba(148,163,184,.2);color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:600;padding:4px 10px;border-radius:5px;cursor:pointer;transition:all .15s ease}.lesson-item:hover .lesson-detail-btn{color:#fff;border-color:var(--accent-cyan);background:#38bdf81f}.lesson-detail-btn .arrow{font-size:14px;line-height:1}.no-results-box{text-align:center;padding:60px 20px;background:var(--bg-card);border:1px dashed var(--border-card);border-radius:13px}.no-results-icon{font-size:40px;margin-bottom:14px;opacity:.7}.no-results-box h3{font-size:18px;font-weight:700;margin-bottom:8px}.no-results-box p{color:var(--text-muted);font-size:14px;margin-bottom:20px}.btn-clear-search{background:var(--accent-blue);color:#fff;border:none;font-family:inherit;font-size:13.5px;font-weight:600;padding:8px 18px;border-radius:6px;cursor:pointer;transition:background .2s ease}.btn-clear-search:hover{background:#0284c7}.lesson-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s ease}.lesson-modal.active{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{position:relative;z-index:2;background:#0f172a;border:1px solid rgba(148,163,184,.25);box-shadow:0 25px 50px -12px #000000b3;border-radius:16px;width:100%;max-width:620px;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px) scale(.97);transition:transform .25s ease}.lesson-modal.active .modal-card{transform:translateY(0) scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(148,163,184,.15);background:#0f172ab3}.modal-header-left{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.modal-tag-badge{font-family:var(--font-mono);font-size:11.5px;font-weight:700;background:linear-gradient(135deg,#0284c7,#6366f1);color:#fff;padding:3px 8px;border-radius:4px}.modal-dot{opacity:.5}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:18px;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:auto}.modal-lesson-title{font-size:20px;font-weight:800;color:#fff;line-height:1.35}.modal-section{display:flex;flex-direction:column;gap:10px}.section-title{font-size:13.5px;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px}.modal-lesson-desc{font-size:15px;line-height:1.6;color:#cbd5e1;background:#070a1399;padding:16px 18px;border-radius:10px;border:1px solid rgba(148,163,184,.12)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(148,163,184,.15);background:#0f172ab3}.btn-modal-secondary{background:#1e293bcc;border:1px solid var(--border-card);color:var(--text-muted);font-family:inherit;font-size:13.5px;font-weight:600;padding:9px 18px;border-radius:8px;cursor:pointer;transition:all .15s ease}.btn-modal-secondary:hover{color:#fff;background:#334155e6}.btn-modal-3d{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;text-decoration:none;font-size:13.5px;font-weight:700;padding:9px 20px;border-radius:8px;box-shadow:0 4px 14px #0284c766;transition:all .2s ease}.btn-modal-3d:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0284c78c;background:linear-gradient(135deg,#0369a1,#1d4ed8)}.home-footer{text-align:center;padding:4px 20px;font-size:13px;color:var(--text-dim);border-top:1px solid var(--border-card);background:#070a13f2;margin-top:60px}.footer-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:6px}.footer-sub{font-size:12px;color:#475569}@media(max-width:860px){.hero-title{font-size:32px}.stats-cards-grid{grid-template-columns:repeat(2,1fr)}.home-navbar{padding:12px 18px}.nav-jump-link{display:none}.filter-controls-group{flex-direction:column;align-items:stretch}.grade-tabs-list{overflow-x:auto}.lesson-item{flex-direction:column;align-items:flex-start;gap:8px}.lesson-right{width:100%;justify-content:flex-end}.toc-toolbar-section{top:60px}}