.container{max-width:1200px}.container,.container-sm{margin:0 auto;padding:0 1.25rem}.container-sm{max-width:880px}.btn{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-weight:600;gap:.5rem;transition:all .2s}.btn-primary{background:#f97316;color:#fff;font-size:.95rem;padding:.7rem 1.5rem}.btn-primary:hover{background:#ea580c;box-shadow:0 6px 20px #f9731659;transform:translateY(-1px)}.btn-secondary{background:#fff;border:2px solid #4f46e5;color:#4f46e5;font-size:.9rem;padding:.65rem 1.4rem}.btn-secondary:hover{background:#eef2ff}.btn-ghost{color:#4b5563;font-size:.9rem;padding:.5rem 1rem}.btn-ghost:hover{background:#f3f4f6;color:#1e1b4b}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:all .25s}.card:hover{box-shadow:0 8px 32px #0000001a;transform:translateY(-3px)}.card-flat{background:#fff;border:1px solid #e5e7eb;border-radius:16px}.subject-math{--sc:#4f46e5;--sl:#eef2ff;--sm:#c7d2fe}.subject-physics{--sc:#7c3aed;--sl:#f5f3ff;--sm:#ddd6fe}.subject-chemistry{--sc:#059669;--sl:#ecfdf5;--sm:#a7f3d0}.subject-biology{--sc:#0891b2;--sl:#ecfeff;--sm:#a5f3fc}.subject-english{--sc:#d97706;--sl:#fffbeb;--sm:#fde68a}.subject-social{--sc:#dc2626;--sl:#fef2f2;--sm:#fecaca}.subject-history{--sc:#b45309;--sl:#fffbeb;--sm:#fcd34d}.subject-geography{--sc:#16a34a;--sl:#f0fdf4;--sm:#bbf7d0}.subject-civics{--sc:#0369a1;--sl:#f0f9ff;--sm:#bae6fd}.subject-economics{--sc:#7c3aed;--sl:#f5f3ff;--sm:#ddd6fe}.subject-default{--sc:#4f46e5;--sl:#eef2ff;--sm:#c7d2fe}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:600;gap:.3rem;padding:.25rem .75rem}.badge-indigo{background:#eef2ff;color:#4f46e5}.badge-orange{background:#fff7ed;color:#c2410c}.badge-green{background:#ecfdf5;color:#065f46}.accordion-item{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:.75rem;overflow:hidden}.accordion-header{align-items:center;background:#fff;color:#1f2937;cursor:pointer;display:flex;font-weight:600;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;transition:background .15s}.accordion-header:hover{background:#f9fafb}.accordion-header.open{background:#eef2ff;background:var(--sl,#eef2ff);color:#4f46e5;color:var(--sc,#4f46e5)}.accordion-icon{align-items:center;background:#c7d2fe;background:var(--sm,#c7d2fe);border-radius:50%;color:#4f46e5;color:var(--sc,#4f46e5);display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:24px;justify-content:center;transition:transform .3s;width:24px}.accordion-icon.open{transform:rotate(180deg)}.accordion-body{background:#fff;max-height:0;overflow:hidden;padding:0 1.25rem;transition:max-height .35s ease,padding .35s ease}.accordion-body.open{max-height:600px;padding:1rem 1.25rem 1.25rem}.tab-bar{border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:0}.tab-bar::-webkit-scrollbar{height:3px}.tab-btn{border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:#6b7280;flex-shrink:0;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:600;margin-bottom:-2px;padding:.75rem 1.25rem;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#f5f3ff;color:#4f46e5}.tab-btn.active{background:#eef2ff;border-bottom-color:#4f46e5;color:#4f46e5}.breadcrumb{align-items:center;color:#9ca3af;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.4rem;margin-bottom:1.5rem}.breadcrumb a{color:#6366f1;font-weight:500}.breadcrumb a:hover{color:#4338ca}.breadcrumb-sep{color:#d1d5db}.topics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.topic-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #4f46e5;border-left:4px solid var(--sc,#4f46e5);border-radius:14px;cursor:pointer;padding:1.25rem;transition:all .2s}.topic-card:hover{box-shadow:0 6px 24px #0000001a;transform:translateY(-2px)}.topic-card-num,.topic-card:hover{background:#eef2ff;background:var(--sl,#eef2ff)}.topic-card-num{align-items:center;border-radius:8px;color:#4f46e5;color:var(--sc,#4f46e5);display:flex;font-size:.8rem;font-weight:700;height:32px;justify-content:center;margin-bottom:.75rem;width:32px}.topic-card-title{color:#1f2937;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;margin-bottom:.35rem}.topic-card-meta{color:#9ca3af;font-size:.8rem}.navbar{background:#1e1b4b;position:sticky;top:0;z-index:100}.nav-inner{align-items:center;display:flex;gap:.25rem;height:64px}.nav-logo{color:#fff;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:900;margin-right:1.5rem;text-decoration:none;white-space:nowrap}.nav-logo span{color:#f97316}.nav-links{align-items:center;display:flex;flex:1 1;gap:.1rem}.nav-item{position:relative}.nav-link{align-items:center;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:.87rem;font-weight:600;gap:.3rem;padding:.5rem .75rem;transition:all .2s;white-space:nowrap}.nav-link.active,.nav-link:hover{background:#ffffff1f;color:#fff}.nav-link svg{height:14px;transition:transform .2s;width:14px}.nav-item:hover .nav-link svg,.nav-link:hover svg{transform:rotate(180deg)}.dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 16px 48px #00000026;left:0;min-width:220px;opacity:0;padding:.5rem;position:absolute;top:calc(100% + 8px);transform:translateY(-8px);transition:all .2s;visibility:hidden;z-index:200}.nav-item:hover .dropdown{opacity:1;transform:translateY(0);visibility:visible}.dropdown-section{padding:.25rem 0}.dropdown-label{color:#9ca3af;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.25rem .75rem .4rem;text-transform:uppercase}.dropdown-item{align-items:center;border-radius:8px;color:#374151;display:flex;font-size:.88rem;font-weight:500;gap:.6rem;padding:.5rem .75rem;transition:all .15s}.dropdown-item:hover{background:#eef2ff;color:#4f46e5}.dropdown-divider{background:#f3f4f6;height:1px;margin:.25rem 0}.dropdown-mega{display:flex;gap:0;min-width:520px;padding:.75rem}.mega-col{display:flex;flex-direction:column}.mega-col-classes{flex-shrink:0;width:165px}.mega-col-subjects{flex:1 1;padding-left:.75rem}.mega-vert-divider{background:#f3f4f6;flex-shrink:0;margin:0 .5rem;width:1px}.mega-class-row{align-items:center;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:space-between;padding:0 .35rem 0 0;transition:background .15s}.mega-class-row.active,.mega-class-row:hover{background:#eef2ff;color:#4f46e5}.mega-class-link{align-items:center;color:#374151;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;padding:.42rem .6rem;text-decoration:none}.mega-class-row.active .mega-class-link,.mega-class-row:hover .mega-class-link{color:#4f46e5}.mega-teacher-card{align-items:center;background:#f9fafb;border-radius:10px;display:flex;gap:.6rem;margin-top:.25rem;padding:.5rem .75rem}.mega-teacher-avatar{font-size:1.5rem;line-height:1}.nav-actions{align-items:center;display:flex;flex-shrink:0;gap:.6rem;margin-left:auto}.mobile-menu-btn{background:none;border:none;color:#fff;cursor:pointer;display:none;padding:.5rem}.ai-backdrop{background:#0006;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;z-index:998}.ai-backdrop.open{opacity:1;pointer-events:all}.ai-panel{background:#fff;box-shadow:-8px 0 32px #00000026;display:flex;flex-direction:column;height:100dvh;max-width:100vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:380px;z-index:999}.ai-panel.open{transform:translateX(0)}.ai-panel-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#4f46e5);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem}.ai-panel-avatar{font-size:1.75rem;line-height:1}.ai-close-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background .15s;width:32px}.ai-close-btn:hover{background:#ffffff47}.ai-messages{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem 1.25rem}.ai-msg-row{align-items:flex-end;display:flex;gap:.5rem}.ai-msg-row.user{flex-direction:row-reverse}.ai-msg-avatar{flex-shrink:0;font-size:1.25rem}.ai-bubble{border-radius:14px;font-size:.875rem;line-height:1.5;max-width:80%;padding:.65rem .9rem;white-space:pre-wrap;word-break:break-word}.ai-msg-row.assistant .ai-bubble{background:#f3f4f6;border-bottom-left-radius:4px;color:#1f2937}.ai-msg-row.user .ai-bubble{background:#4f46e5;border-bottom-right-radius:4px;color:#fff}.ai-typing-indicator{align-items:center;display:flex;gap:4px;padding:.75rem .9rem}.ai-typing-indicator span{animation:aiTyping 1.2s infinite;background:#9ca3af;border-radius:50%;height:7px;width:7px}.ai-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-44%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes aiTyping{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.ai-suggestions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.4rem;padding:0 1.25rem .75rem}.ai-suggestion-chip{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;color:#4f46e5;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:600;padding:.35rem .75rem;transition:all .15s}.ai-suggestion-chip:hover{background:#eef2ff;border-color:#4f46e5}.ai-input-row{align-items:flex-end;border-top:1px solid #f3f4f6;display:flex;flex-shrink:0;gap:.5rem;padding:.75rem 1.25rem 1rem}.ai-input{border:1.5px solid #e5e7eb;border-radius:12px;flex:1 1;font-family:inherit;font-size:.875rem;line-height:1.4;outline:none;padding:.6rem .85rem;resize:none;transition:border-color .15s}.ai-input:focus{border-color:#4f46e5}.ai-send-btn{align-items:center;background:#4f46e5;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background .15s;width:40px}.ai-send-btn:hover{background:#4338ca}.ai-send-btn:disabled{background:#e5e7eb;cursor:not-allowed}.footer{background:#1e1b4b;color:#ffffffb3;margin-top:5rem;padding:4rem 0 2rem}.footer-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:3rem}.footer-logo{color:#fff;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:900;margin-bottom:.75rem}.footer-logo span{color:#f97316}.footer-desc{font-size:.9rem;line-height:1.7;margin-bottom:1rem}.footer-heading{color:#fff;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:700;margin-bottom:1rem}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:#fff9;font-size:.88rem;transition:color .15s}.footer-links a:hover{color:#f97316}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;justify-content:space-between;padding-top:1.5rem}.hero{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#1e1b4b);color:#fff;overflow:hidden;padding:6rem 0 5rem;position:relative}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='4' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;position:absolute}.hero-content{position:relative;z-index:1}.hero-eyebrow{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;color:#ffffffe6;display:inline-flex;font-size:.83rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.35rem 1rem}.hero-eyebrow-dot{animation:pulse 2s infinite;background:#4ade80;border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;line-height:1.15;margin-bottom:1.25rem}.hero h1 .accent{color:#f97316}.hero p{color:#ffffffbf;font-size:1.15rem;line-height:1.75;margin-bottom:2rem;max-width:600px}.hero-actions{gap:1rem}.hero-actions,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{border-top:1px solid #ffffff1a;gap:2.5rem;gap:2rem;margin-top:3.5rem;padding-top:2.5rem}.hero-stat-num{color:#fff;font-family:Nunito,sans-serif;font-size:1.75rem;font-weight:900}.hero-stat-label{color:#fff9;font-size:.83rem}.section{padding:5rem 0}.section-sm{padding:3rem 0}.section-title{color:#1e1b4b;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:.5rem}.section-sub{color:#6b7280;font-size:1rem;max-width:560px}.section-header,.section-sub{margin-bottom:2.5rem}.classes-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.class-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;padding:1.25rem 1rem;text-align:center;transition:all .2s}.class-card:hover{border-color:#6366f1;box-shadow:0 6px 24px #0000001a;transform:translateY(-3px)}.class-card-icon{font-size:1.75rem;margin-bottom:.5rem}.class-card-title{color:#1e1b4b;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800}.class-card-sub{color:#9ca3af;font-size:.75rem;margin-top:.15rem}.subjects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.subject-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;border-top:4px solid #4f46e5;border-top:4px solid var(--sc,#4f46e5);cursor:pointer;padding:1.5rem;transition:all .25s}.subject-card:hover{background:#eef2ff;background:var(--sl,#eef2ff);box-shadow:0 8px 28px #0000001a;transform:translateY(-4px)}.subject-card-icon{font-size:2rem;margin-bottom:.75rem}.subject-card-title{color:#1f2937;font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:800;margin-bottom:.25rem}.subject-card-count{color:#4f46e5;color:var(--sc,#4f46e5);font-size:.8rem;font-weight:600}.topic-hero{background:linear-gradient(135deg,#4f46e5,color-mix(in srgb,#4f46e5 70%,#000));background:linear-gradient(135deg,var(--sc,#4f46e5) 0,color-mix(in srgb,var(--sc,#4f46e5) 70%,#000) 100%);color:#fff;margin-bottom:3rem;padding:3.5rem 0}.topic-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;margin-bottom:.75rem}.topic-hero p{font-size:1rem;line-height:1.75;max-width:620px;opacity:.85}.topic-definition{background:#eef2ff;background:var(--sl,#eef2ff);border:1.5px solid #c7d2fe;border:1.5px solid var(--sm,#c7d2fe);border-radius:16px;margin-bottom:2.5rem;padding:1.75rem}.topic-definition-label{color:#4f46e5;color:var(--sc,#4f46e5);font-size:.78rem;font-weight:700;letter-spacing:.06em;margin-bottom:.5rem;text-transform:uppercase}.topic-definition-text{color:#1f2937;font-size:1.05rem;font-weight:500;line-height:1.75}.topic-section-title{font-size:1.3rem;gap:.5rem;margin-bottom:1rem}.topic-section-title:before{border-radius:2px;height:1.3rem;width:4px}.topic-content{color:#374151;font-size:.97rem;line-height:1.85}.topic-content p{margin-bottom:1rem}.topic-content h4{font-size:1rem;font-weight:700;margin:1.5rem 0 .5rem}.topic-content ol,.topic-content ul{margin-bottom:1rem}.topic-content li{margin-bottom:.4rem}.topic-content .formula{border:1px solid #c7d2fe;border:1px solid var(--sm,#c7d2fe);display:inline-block;font-family:monospace;margin:.5rem 0 1rem;padding:.75rem 1.25rem}.topic-content .example-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:1rem 0;padding:1.25rem}.topic-content .example-box strong{color:#1e1b4b}.page-header{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;margin-bottom:2.5rem;padding:3rem 0 2.5rem}.page-header h1{font-size:2.2rem;font-weight:900;margin-bottom:.4rem}.page-header p{color:#ffffffb3;font-size:.95rem}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:1.75rem}.feature-icon{align-items:center;border-radius:14px;display:flex;font-size:1.5rem;height:52px;justify-content:center;margin-bottom:1rem;width:52px}.feature-title{color:#1e1b4b;font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:800;margin-bottom:.5rem}.feature-desc{color:#6b7280;font-size:.88rem;line-height:1.7}.features-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media (max-width:768px){.nav-links{display:none}.nav-links.mobile-open{align-items:flex-start;background:#1e1b4b;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;left:0;max-height:calc(100vh - 64px);overflow-y:auto;padding:1rem;position:fixed;right:0;top:64px;z-index:99}.mobile-menu-btn{display:block}.dropdown{background:#ffffff0d;border:none;border-radius:8px;box-shadow:none;max-height:0;opacity:1!important;overflow:hidden;padding:0;position:static;transform:none!important;transition:max-height .3s ease,padding .3s ease;visibility:visible!important}.nav-item.mobile-expanded .dropdown{max-height:800px;padding:.5rem}.dropdown-mega{flex-direction:column;min-width:0;min-width:auto}.mega-col-classes{width:100%}.mega-col-subjects{padding-left:0}.mega-vert-divider{height:1px;margin:.5rem 0;width:100%}.mega-class-row{padding-right:0}.mega-class-link{color:#fffc}.mega-class-row.active .mega-class-link,.mega-class-row:hover .mega-class-link{color:#fff}.mega-teacher-card{background:#ffffff14}.mega-teacher-card div{color:#fffc!important}.ai-panel{width:100vw}.dropdown-item{color:#fffc}.dropdown-item:hover{background:#ffffff1a;color:#fff}.dropdown-label{color:#fff6}.dropdown-divider{background:#ffffff1a}.nav-actions{display:none}.footer-grid{gap:2rem;grid-template-columns:1fr 1fr}.hero-stats{gap:1.5rem}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}.classes-grid{grid-template-columns:repeat(3,1fr)}}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-6{margin-bottom:3rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.gap-2{gap:1rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.grid-2{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media (max-width:640px){.grid-2{grid-template-columns:1fr}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s ease forwards}.fade-up-delay-1{animation:fadeUp .5s ease .1s both}.fade-up-delay-2{animation:fadeUp .5s ease .2s both}.fade-up-delay-3{animation:fadeUp .5s ease .3s both}.topic-content strong{color:#1e1b4b;font-weight:700}.topic-content em{color:#4f46e5;color:var(--sc,#4f46e5);font-style:normal;font-weight:600}.topic-content h4{border-bottom:1px solid #f3f4f6;color:#1e1b4b;font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:800;margin:1.75rem 0 .6rem;padding-bottom:.4rem}.topic-content p{color:#374151;margin-bottom:1.1rem}.topic-content ol,.topic-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.topic-content li{color:#374151;margin-bottom:.5rem}.topic-content .formula,.topic-content li strong{color:#4f46e5;color:var(--sc,#4f46e5)}.topic-content .formula{background:#eef2ff;background:var(--sl,#eef2ff);border:1.5px solid #c7d2fe;border:1.5px solid var(--sm,#c7d2fe);border-radius:10px;display:block;font-family:Courier New,monospace;font-size:.95rem;font-weight:700;margin:.75rem 0 1.25rem;overflow-x:auto;padding:.65rem 1.25rem}.topic-content .example-box{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #4f46e5;border-left:4px solid var(--sc,#4f46e5);border-radius:0 12px 12px 0;margin:1.25rem 0;padding:1.25rem 1.5rem}.topic-content .example-box strong{color:#4f46e5;color:var(--sc,#4f46e5);display:block;margin-bottom:.35rem}.topic-section-title{align-items:center;color:#1e1b4b;display:flex;font-family:Nunito,sans-serif;font-size:1.35rem;font-weight:800;gap:.6rem;margin-bottom:1.25rem}.topic-section-title:before{background:#4f46e5;background:var(--sc,#4f46e5);border-radius:3px;content:"";display:inline-block;flex-shrink:0;height:1.4rem;width:5px}.breadcrumb-white a{color:#ffffffb3}.breadcrumb-white a:hover{color:#fff}.breadcrumb-white,.breadcrumb-white .breadcrumb-sep{color:#ffffff80}@media (max-width:640px){.topic-hero{padding:2.5rem 0}.page-header{padding:2rem 0 1.75rem}.tab-bar{gap:.25rem}.tab-btn{font-size:.82rem;padding:.6rem .9rem}.topics-grid{grid-template-columns:1fr}}.dark-toggle-btn{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.dark-toggle-btn:hover{background:#ffffff38}.topic-action-btn{align-items:center;background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:99px;color:#fff;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:700;gap:.4rem;padding:.4rem 1rem;transition:all .2s}.topic-action-btn:hover{background:#ffffff40}.topic-action-btn.done{background:#22c55e;border-color:#16a34a}.flashcard-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.flashcard-modal{background:#fff;border-radius:20px;box-shadow:0 24px 80px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.flashcard-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.flashcard-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .15s;width:32px}.flashcard-close-btn:hover{background:#e5e7eb;color:#1f2937}.flashcard-scene{cursor:pointer;flex:1 1;min-height:240px;padding:1.5rem;perspective:1200px}.flashcard-card{height:220px;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.flashcard-card.flipped{transform:rotateY(180deg)}.flashcard-face{align-items:center;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;inset:0;justify-content:center;padding:1.5rem;position:absolute;text-align:center}.flashcard-front{background:#f8fafc;border:2px solid #e5e7eb}.flashcard-back{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:rotateY(180deg)}.flashcard-label{background:#f3f4f6;border-radius:99px;color:#9ca3af;font-size:.7rem;font-weight:800;letter-spacing:.08em;margin-bottom:1rem;padding:.2rem .75rem;text-transform:uppercase}.flashcard-text{color:#1f2937;font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.6}.flashcard-hint{bottom:1rem;color:#d1d5db;font-size:.75rem;margin-top:1rem;position:absolute}.flashcard-controls{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:.75rem;padding:1rem 1.5rem}.flashcard-nav-btn{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;flex:1 1;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:600;padding:.55rem 1rem;transition:all .15s}.flashcard-nav-btn:hover:not(:disabled){background:#eef2ff;border-color:#4f46e5;color:#4f46e5}.flashcard-nav-btn:disabled{cursor:default;opacity:.35}.flashcard-flip-btn{background:#4f46e5;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:2 1;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700;padding:.55rem 1rem;transition:background .15s}.flashcard-flip-btn:hover{background:#4338ca}html[data-theme=dark],html[data-theme=dark] #root,html[data-theme=dark] .app,html[data-theme=dark] body{background:#0f0e1a!important;color:#e2e0f0;color-scheme:dark}html[data-theme=dark] ::-webkit-scrollbar-track{background:#1a1929}html[data-theme=dark] .card,html[data-theme=dark] .card-flat{background:#1a1929;border-color:#2d2c42;color:#e2e0f0}html[data-theme=dark] .card:hover{box-shadow:0 8px 32px #0006}html[data-theme=dark] .feature-card{background:#1a1929;border-color:#2d2c42}html[data-theme=dark] .section{background:#0f0e1a}html[data-theme=dark] .section-title{color:#e2e0f0}html[data-theme=dark] .section-sub{color:#8b89a8}html[data-theme=dark] .feature-title{color:#e2e0f0}html[data-theme=dark] .feature-desc{color:#8b89a8}html[data-theme=dark] .tab-bar{border-color:#2d2c42}html[data-theme=dark] .tab-btn{color:#8b89a8}html[data-theme=dark] .tab-btn.active{background:#1e1d2e;border-color:#6366f1;color:#a5b4fc}html[data-theme=dark] .tab-btn:hover{background:#1e1d2e;color:#a5b4fc}html[data-theme=dark] .topic-card{background:#1a1929;border-color:#2d2c42}html[data-theme=dark] .topic-card:hover{background:var(--sl);box-shadow:0 6px 24px #0006}html[data-theme=dark] .topic-card-title{color:#e2e0f0}html[data-theme=dark] .topic-card-meta{color:#8b89a8}html[data-theme=dark] .subject-card{background:#1a1929;border-color:#2d2c42}html[data-theme=dark] .subject-card:hover{background:var(--sl)}html[data-theme=dark] .subject-card-title{color:#e2e0f0}html[data-theme=dark] .class-card{background:#1a1929;border-color:#2d2c42}html[data-theme=dark] .class-card:hover{border-color:#6366f1}html[data-theme=dark] .class-card-title{color:#e2e0f0}html[data-theme=dark] .class-card-sub{color:#8b89a8}html[data-theme=dark] .accordion-item{border-color:#2d2c42}html[data-theme=dark] .accordion-header{background:#1a1929;color:#e2e0f0}html[data-theme=dark] .accordion-header:hover{background:#1e1d2e}html[data-theme=dark] .accordion-body{background:#1a1929;color:#c4c2db}html[data-theme=dark] .topic-definition{background:var(--sl);border-color:var(--sm)}html[data-theme=dark] .topic-definition-text{color:#e2e0f0}html[data-theme=dark] .topic-content,html[data-theme=dark] .topic-content li,html[data-theme=dark] .topic-content p{color:#c4c2db}html[data-theme=dark] .topic-content strong{color:#e2e0f0}html[data-theme=dark] .topic-content h4{border-color:#2d2c42;color:#e2e0f0}html[data-theme=dark] .topic-section-title{color:#e2e0f0}html[data-theme=dark] .topic-content .example-box{background:#1a1929;border-color:#2d2c42}html[data-theme=dark] .page-header+div,html[data-theme=dark] [style*="background: #f9fafb"],html[data-theme=dark] [style*="background: #fff"],html[data-theme=dark] [style*="background: white"],html[data-theme=dark] [style*="background:#f9fafb"],html[data-theme=dark] [style*="background:#fff"]{background:#1a1929!important}html[data-theme=dark] [style*="color: #374151"],html[data-theme=dark] [style*="color:#374151"]{color:#c4c2db!important}html[data-theme=dark] [style*="color: #1e1b4b"],html[data-theme=dark] [style*="color: #1f2937"],html[data-theme=dark] [style*="color:#1e1b4b"],html[data-theme=dark] [style*="color:#1f2937"]{color:#e2e0f0!important}html[data-theme=dark] [style*="color: #6b7280"],html[data-theme=dark] [style*="color:#6b7280"]{color:#8b89a8!important}html[data-theme=dark] [style*="color: #9ca3af"],html[data-theme=dark] [style*="color:#9ca3af"]{color:#5a5876!important}html[data-theme=dark] [style*="border-top: 1px solid #e5e7eb"],html[data-theme=dark] [style*="border: 1px solid #e5e7eb"],html[data-theme=dark] [style*="border:1px solid #e5e7eb"]{border-color:#2d2c42!important}html[data-theme=dark] .btn-secondary{background:#1a1929;border-color:#6366f1;color:#a5b4fc}html[data-theme=dark] .btn-secondary:hover{background:#1e1d2e}html[data-theme=dark] .btn-ghost{color:#c4c2db}html[data-theme=dark] .btn-ghost:hover{background:#1e1d2e;color:#e2e0f0}html[data-theme=dark] input{background:#1a1929;border-color:#2d2c42;color:#e2e0f0}html[data-theme=dark] input::placeholder{color:#5a5876}html[data-theme=dark] textarea{background:#1a1929;border-color:#2d2c42;color:#e2e0f0}html[data-theme=dark] .ai-panel{background:#1a1929}html[data-theme=dark] .ai-input,html[data-theme=dark] .ai-msg-row.assistant .ai-bubble{background:#1e1d2e;color:#e2e0f0}html[data-theme=dark] .ai-input{border-color:#2d2c42}html[data-theme=dark] .ai-input:focus{border-color:#6366f1}html[data-theme=dark] .ai-input-row{background:#1a1929;border-color:#2d2c42}html[data-theme=dark] .ai-suggestion-chip{background:#1e1d2e;border-color:#2d2c42;color:#a5b4fc}html[data-theme=dark] .ai-suggestion-chip:hover{background:#25243a;border-color:#6366f1}html[data-theme=dark] .ai-messages{background:#1a1929}html[data-theme=dark] .dropdown{background:#1a1929;border-color:#2d2c42}html[data-theme=dark] .dropdown-item{color:#c4c2db}html[data-theme=dark] .dropdown-item:hover{background:#1e1d2e;color:#a5b4fc}html[data-theme=dark] .dropdown-label{color:#5a5876}html[data-theme=dark] .dropdown-divider{background:#2d2c42}html[data-theme=dark] .flashcard-modal{background:#1a1929}html[data-theme=dark] .flashcard-header{border-color:#2d2c42}html[data-theme=dark] .flashcard-front{background:#1e1d2e;border-color:#2d2c42}html[data-theme=dark] .flashcard-text{color:#e2e0f0}html[data-theme=dark] .flashcard-nav-btn{background:#1e1d2e;border-color:#2d2c42;color:#c4c2db}html[data-theme=dark] .flashcard-nav-btn:hover:not(:disabled){background:#25243a;border-color:#6366f1;color:#a5b4fc}html[data-theme=dark] .flashcard-controls{background:#1a1929;border-color:#2d2c42}html[data-theme=dark] .flashcard-close-btn{background:#2d2c42;color:#c4c2db}html[data-theme=dark] .flashcard-close-btn:hover{background:#3d3b56}html[data-theme=dark] .flashcard-label{background:#2d2c42;color:#8b89a8}html[data-theme=dark] .subject-math{--sl:#1a1b3a}html[data-theme=dark] .subject-physics{--sl:#1c1828}html[data-theme=dark] .subject-chemistry{--sl:#0f1f1a}html[data-theme=dark] .subject-biology{--sl:#0f1d21}html[data-theme=dark] .subject-english{--sl:#1f1a0e}html[data-theme=dark] .subject-social{--sl:#1f1212}html[data-theme=dark] .subject-history{--sl:#1f1a0e}html[data-theme=dark] .subject-geography{--sl:#0f1f14}html[data-theme=dark] .subject-civics{--sl:#0f1820}html[data-theme=dark] .subject-economics{--sl:#1c1828}html[data-theme=dark] .subject-default{--sl:#1a1b3a}html[data-theme=dark] .mega-teacher-card{background:#ffffff0f}html[data-theme=dark] .ai-context-pill{background:#1e1d2e;border-color:#2d2c42;color:#a5b4fc}