:root{--brand:#5b2de8;--brand-dark:#4c1fa8;--brand-accent:#b024c8;--brand-rgb:91, 45, 232;--brand-gradient:linear-gradient(135deg, #5b2de8, #b024c8);--radius-sm:8px;--radius:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 4px 12px #00000014;--shadow-md:0 12px 28px #0f172a1f;--shadow-lg:0 24px 60px #0f172a24}*{box-sizing:border-box;border:none;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{color:#2e2b3b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;box-shadow:0 1px 8px #0000000f}.navInner{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:auto;padding:0 24px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logoIcon{background:var(--brand);border-radius:var(--radius);justify-content:center;align-items:center;width:38px;height:38px;display:flex}.logoText{font-size:20px;font-weight:700}.navList{gap:5px;list-style:none;display:flex}.navLink{border-radius:var(--radius-sm);color:#374151;cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.navIcon{font-size:18px}.navLink:hover{background:#f3f4f6}.navLink.active{background:var(--brand);color:#fff}.mobileMenuBtn{cursor:pointer;background:0 0;border:none;font-size:24px;display:none}.mobileMenu{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;padding:10px;display:none}.mobileLink{color:#374151;border-radius:var(--radius-sm);align-items:center;gap:10px;padding:12px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.mobileLink:hover{background:#f3f4f6}.mobileLink.active{background:var(--brand);color:#fff}.hero{text-align:center;color:#fff;background:radial-gradient(820px at 50% 0,#ffffff2e,#0000 55%),linear-gradient(165deg,#6a3df2 0%,#8a2bc9 52%,#3f1d96 100%);padding:120px 24px 130px;position:relative;overflow:hidden}.heroGlow{filter:blur(70px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.heroGlow1{background:#d14bff;width:340px;height:340px;top:-90px;left:-70px}.heroGlow2{background:#6a3df2;width:380px;height:380px;bottom:-130px;right:-90px}.heroInner{z-index:1;max-width:760px;margin:0 auto;position:relative}.heroEyebrow{border-radius:var(--radius-pill);letter-spacing:.01em;background:#ffffff1f;border:1px solid #ffffff40;align-items:center;gap:8px;margin-bottom:26px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.heroTitle{letter-spacing:-.02em;margin-bottom:22px;font-size:clamp(38px,5.5vw,60px);font-weight:800;line-height:1.08}.heroSubtitle{opacity:.92;max-width:560px;margin:0 auto 34px;font-size:clamp(16px,1.6vw,19px);line-height:1.65}.heroActions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.heroBtn{color:var(--brand);border-radius:var(--radius);cursor:pointer;background:#fff;border:none;align-items:center;padding:14px 30px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.heroBtn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000038}.heroBtnGhost{color:#fff;border-radius:var(--radius);background:#ffffff14;border:1px solid #ffffff59;align-items:center;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.heroBtnGhost:hover{background:#ffffff29;transform:translateY(-2px)}.stats{flex-wrap:wrap;justify-content:center;gap:30px;max-width:1200px;margin:auto;padding:50px 20px;display:flex}.statCard{text-align:center;flex:1;min-width:200px;padding:30px 20px}.statValue{color:#5b21b6;margin-bottom:10px;font-size:36px;font-weight:700}.highlights{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:60px 24px;display:grid}.highlightCard{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #eef0f4;padding:28px 24px;transition:transform .2s,box-shadow .2s}.highlightCard:hover{box-shadow:0 16px 32px rgba(var(--brand-rgb), .12);transform:translateY(-4px)}.highlightIcon{border-radius:var(--radius-md);background:rgba(var(--brand-rgb), .1);width:48px;height:48px;color:var(--brand);justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.highlightIcon svg{width:24px;height:24px}.highlightTitle{color:#111827;margin-bottom:8px;font-size:17px;font-weight:700}.highlightText{color:#6b7280;font-size:14px;line-height:1.6}.subscriptions{background:#fff;padding:80px 24px}.subscriptionHeader{text-align:center;max-width:1200px;margin:0 auto 50px}.subscriptionHeader h2{color:#1f2937;margin-bottom:15px;font-size:36px;font-weight:800}.subscriptionHeader p{color:#6b7280;font-size:18px}.subscriptionCards{grid-template-columns:repeat(auto-fit,minmax(280px,360px));justify-content:center;gap:40px;max-width:1200px;margin:0 auto;display:grid}.subscriptionCards.isMarquee{display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.subscriptionTrack{width:max-content;animation:22s linear infinite subscriptionMarquee;display:flex}.subscriptionTrack:hover{animation-play-state:paused}.subscriptionCards.isMarquee .courseCategory{flex:0 0 340px;margin-right:40px}@keyframes subscriptionMarquee{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.subscriptionTrack{animation:none}}.courseCategory{border-radius:var(--radius-lg);text-align:center;background:#fff;border:2px solid #e5e7eb;padding:40px 30px;transition:all .3s;position:relative}.courseCategory:hover{border-color:var(--brand);transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.courseCategory.featured{border-color:var(--brand);box-shadow:0 20px 40px rgba(var(--brand-rgb), .15);background:linear-gradient(135deg,#f9f5ff,#f3e8ff)}.categoryIcon{margin-bottom:15px;font-size:48px}.categoryName{color:#1f2937;margin-bottom:25px;font-size:28px;font-weight:700}.courseLevels{margin-bottom:30px;list-style:none}.levelItem{border-radius:var(--radius-sm);background:#f9fafb;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;transition:all .3s;display:flex}.courseCategory.featured .levelItem{background:rgba(var(--brand-rgb), .1)}.levelItem:hover{background:#f3f4f6;transform:translate(5px)}.courseCategory.featured .levelItem:hover{background:rgba(var(--brand-rgb), .2)}.levelNumber{color:#374151;text-align:left;flex:1;font-weight:600}.levelBtn{background:var(--brand);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.levelBtn:hover{background:var(--brand-dark);transform:scale(1.05)}.categoryBtn{border:2px solid var(--brand);width:100%;color:var(--brand);border-radius:var(--radius-sm);cursor:pointer;text-align:center;box-sizing:border-box;background:#fff;padding:12px;font-weight:600;text-decoration:none;transition:all .3s;display:block}.categoryBtn:hover{background:var(--brand);color:#fff}.featured-btn{background:var(--brand);color:#fff;border-color:var(--brand)}.featured-btn:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.app{background:#f9fafb;flex-direction:column;min-height:100vh;display:flex}.app main{flex:1}.footer{color:#fff;background:#1f2937;margin-top:60px;padding:50px 24px 20px}.footerContent{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto 30px;display:grid}.footerSection h3{margin-bottom:15px;font-size:16px}.footerLogo{align-items:center;gap:10px;margin-bottom:15px;display:flex}.authPage{background:radial-gradient(circle at top left, rgba(var(--brand-rgb), .12), transparent 55%), radial-gradient(circle at 20% 20%, #b024c81f, transparent 45%), #f8fafc;align-items:center;min-height:calc(100vh - 64px);padding:70px 24px 90px;display:flex}.authShell{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:40px;width:100%;max-width:1120px;margin:0 auto;display:grid}.authIntro{animation:.6s both fadeUp}.authKicker{text-transform:uppercase;letter-spacing:2px;color:var(--brand);margin-bottom:14px;font-size:12px;font-weight:700}.authIntro h1{color:#0f172a;margin-bottom:16px;font-size:36px;font-weight:800}.authBody{color:#475569;margin-bottom:24px;font-size:16px;line-height:1.7}.authHighlights{flex-wrap:wrap;gap:12px;display:flex}.authBadge{border:1px solid rgba(var(--brand-rgb), .2);color:var(--brand);border-radius:var(--radius-pill);background:#fff;padding:8px 14px;font-size:13px;font-weight:600}.authCard{border-radius:var(--radius-lg);background:#fff;border:1px solid #94a3b833;padding:32px;animation:.7s both fadeUp;box-shadow:0 20px 50px #0f172a14}.authCard h2{color:#0f172a;margin-bottom:8px;font-size:26px;font-weight:700}.authSubtitle{color:#64748b;margin-bottom:24px;font-size:14px}.authForm{flex-direction:column;gap:16px;display:flex}.authField{color:#334155;flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.authInput{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;transition:border .2s,box-shadow .2s}.authInput:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb), .2);background:#fff;outline:none}.autocomplete{position:relative}.autocompleteList{z-index:30;border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;max-height:220px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #0f172a24}.autocompleteItem{border-radius:var(--radius-sm);color:#334155;cursor:pointer;padding:9px 12px;font-size:14px;font-weight:500}.autocompleteItem.isActive,.autocompleteItem:hover{color:var(--brand);background:#f1f5f9}.authError{color:#b91c1c;border-radius:var(--radius);background:#b91c1c14;padding:10px 12px;font-size:13px}.authNotice{color:var(--brand);background:rgba(var(--brand-rgb), .08);border-radius:var(--radius);padding:10px 12px;font-size:13px}.authButton{border-radius:var(--radius);background:var(--brand-gradient);color:#fff;cursor:pointer;padding:12px 16px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s}.authButton:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.authButton:hover:not(:disabled){box-shadow:0 12px 24px rgba(var(--brand-rgb), .25);transform:translateY(-2px)}.authSteps{align-items:center;gap:10px;margin-bottom:22px;display:flex}.authStep{color:#94a3b8;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.authStep.isActive{color:var(--brand)}.authStepNum{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.authStep.isActive .authStepNum{background:var(--brand);color:#fff}.authStepBar{border-radius:var(--radius-pill);background:#e2e8f0;flex:1;height:2px}.authActions{gap:12px;display:flex}.authActions .authButton{flex:1}.authButtonGhost{border-radius:var(--radius);color:var(--brand);cursor:pointer;background:#fff;border:1px solid #e2e8f0;padding:12px 20px;font-size:15px;font-weight:600;transition:background .2s}.authButtonGhost:hover{background:#f8fafc}.authFooter{color:#64748b;margin-top:18px;font-size:14px}.authFooter a{color:var(--brand);font-weight:600;text-decoration:none}.authFooter a:hover{text-decoration:underline}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.authPage{padding:50px 18px 70px}.authCard{padding:26px}.authIntro h1{font-size:30px}}.footerLogo .logoIcon{background:var(--brand);border-radius:var(--radius);justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.footerLogo .logoText{font-size:20px;font-weight:700}.footerDesc{color:#d1d5db;font-size:14px;line-height:1.6}.footerTitle{text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.footerLinks{flex-direction:column;gap:10px;list-style:none;display:flex}.footerLinks a{color:#d1d5db;font-size:14px;text-decoration:none;transition:color .3s}.footerLinks a:hover{color:var(--brand)}.socialLinks{gap:15px;display:flex}.socialLink{color:#d1d5db;font-size:14px;text-decoration:none;transition:color .3s}.socialLink:hover{color:var(--brand)}.footerBottom{text-align:center;color:#9ca3af;border-top:1px solid #374151;padding-top:20px;font-size:14px}@media (width<=768px){.navList{display:none}.mobileMenuBtn{display:block}.mobileMenu{display:flex}.heroTitle{font-size:28px}.heroContent{gap:20px}.statCard{flex:1;min-width:150px}.subscriptionHeader h2{font-size:28px}.subscriptionCards{grid-template-columns:1fr}.categoryName{font-size:24px}.footerContent{grid-template-columns:1fr;gap:30px}.socialLinks{flex-wrap:wrap}}.about{background:#f9fafb;padding:60px 24px}.aboutContainer{max-width:1200px;margin:0 auto}.aboutHeader{text-align:center;margin-bottom:60px}.aboutHeader h1{color:#1f2937;margin-bottom:10px;font-size:40px;font-weight:800}.aboutHeader p{color:#6b7280;font-size:18px}.aboutContent{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:80px;display:grid}.aboutSection{border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);background:#fff;padding:40px 30px;transition:all .3s}.aboutSection:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001f}.sectionIcon{margin-bottom:20px;font-size:48px}.aboutSection h2{color:#1f2937;margin-bottom:15px;font-size:24px;font-weight:700}.aboutSection p{color:#6b7280;font-size:15px;line-height:1.8}.aboutStats{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:60px 40px}.aboutStats h2{color:#1f2937;text-align:center;margin-bottom:40px;font-size:32px;font-weight:800}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;display:grid}.statItem{text-align:center}.statNumber{color:var(--brand);margin-bottom:10px;font-size:36px;font-weight:800;display:block}.statText{color:#6b7280;font-size:15px}.offers{background:#f9fafb;padding:60px 24px}.offersHeader{text-align:center;max-width:1200px;margin:0 auto 60px}.offersHeader h1{color:#1f2937;margin-bottom:10px;font-size:40px;font-weight:800}.offersHeader p{color:#6b7280;font-size:18px}.levelSection{max-width:1200px;margin:0 auto 60px}.levelSectionHeader{margin-bottom:30px}.levelTitle{color:#1f2937;border-bottom:3px solid var(--brand);padding:15px 0;font-size:28px;font-weight:800;display:inline-block}.classSubHeader{margin:30px 0 18px}.classTitle{color:#374151;border-left:4px solid var(--brand);padding-left:12px;font-size:18px;font-weight:700;line-height:1.2}.sectionsGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;display:grid}.sectionCard{border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);background:#fff;border:2px solid #0000;flex-direction:column;padding:25px;transition:all .3s;display:flex;position:relative}.sectionCard:hover{box-shadow:0 12px 30px rgba(var(--brand-rgb), .2);border-color:var(--brand);transform:translateY(-8px)}.sectionLevel{color:var(--brand);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-xl);background:#f3f4f6;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.sectionIcon{margin:15px 0;font-size:45px;display:block}.sectionCard h3{color:#1f2937;margin:12px 0;font-size:18px;font-weight:700}.sectionCard p{color:#6b7280;min-height:40px;margin-bottom:15px;font-size:13px;line-height:1.6}.sectionStats{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;justify-content:space-around;align-items:center;margin-top:auto;margin-bottom:15px;padding:12px 0;font-size:13px;font-weight:600;display:flex}.sectionStats span:first-child{color:#6b7280}.sectionPrice{color:var(--brand);font-size:15px;font-weight:800}.offerSkeleton{flex-direction:column;align-items:center;gap:14px;display:flex}.skel{border-radius:var(--radius-sm);background:linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%) 0 0/400% 100%;animation:1.2s ease-in-out infinite skelShimmer}.skelBadge{border-radius:var(--radius-xl);width:90px;height:22px}.skelIcon{border-radius:var(--radius);width:44px;height:44px}.skelTitle{width:70%;height:18px}.skelPrice{width:40%;height:14px}.skelBtn{border-radius:var(--radius-sm);width:100%;height:38px;margin-top:8px}@keyframes skelShimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.viewCoursesBtn{width:100%;color:var(--brand);border:2px solid var(--brand);border-radius:var(--radius-sm);cursor:pointer;text-align:center;box-sizing:border-box;background:#fff;padding:10px;font-weight:600;text-decoration:none;transition:all .3s;display:block}.viewCoursesBtn:hover{background:var(--brand);color:#fff;transform:scale(1.02)}.enrollBtn{background:var(--brand);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:8px;font-size:12px;font-weight:600;transition:all .3s}.enrollBtn:hover{background:var(--brand-dark);transform:scale(1.05)}.levelSubjects{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0;padding:8px 0;display:flex}.subjectBadge{background:rgba(var(--brand-rgb), .1);color:var(--brand);border-radius:var(--radius-md);padding:4px 10px;font-size:11px;font-weight:600}.levelSections{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:center;gap:5px;margin:6px 0;padding:6px 0;display:flex}.sectionBadge{color:#7c3aed;border-radius:var(--radius);background:#f0e6ff;padding:3px 8px;font-size:10px;font-weight:600}.offersInfo{max-width:1200px;margin:0 auto}.collegeSection{max-width:1200px;margin:0 auto 60px}.collegeLevelsGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px;display:grid}.collegeLevelsGrid>.collegeLevelCard:only-child{max-width:360px}.collegeLevelCard{border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);background:#fff;border:2px solid #0000;padding:30px 25px;transition:all .3s}.collegeLevelCard:hover{box-shadow:0 12px 30px rgba(var(--brand-rgb), .2);border-color:var(--brand);transform:translateY(-8px)}.collegeLevelIcon{margin-bottom:15px;font-size:50px;display:block}.collegeLevelCard h3{color:#1f2937;margin-bottom:15px;font-size:24px;font-weight:800}.collegeDescription{color:#6b7280;margin-bottom:20px;font-size:14px;line-height:1.6}.collegeLevelStats{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;justify-content:space-around;align-items:center;margin-bottom:15px;padding:12px 0;font-size:14px;font-weight:600;display:flex}.collegeLevelStats span:first-child{color:#6b7280}.lyceeSection{max-width:1200px;margin:0 auto}.subjectsSection{max-width:1200px;margin:0 auto 60px}.subjectsSection h2{color:#1f2937;text-align:center;margin-bottom:10px;font-size:32px;font-weight:800}.subjectsSection p{text-align:center;color:#6b7280;margin-bottom:40px;font-size:16px}.subjectsGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.subjectCard{border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);background:#fff;border:2px solid #0000;padding:25px;transition:all .3s;position:relative}.subjectCard:hover{box-shadow:0 12px 30px rgba(var(--brand-rgb), .2);border-color:var(--brand);transform:translateY(-8px)}.subjectCard.featured{border-color:var(--brand);box-shadow:0 8px 24px rgba(var(--brand-rgb), .15);background:linear-gradient(135deg,#f9f5ff,#f3e8ff)}.subjectLevel{color:var(--brand);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-xl);background:#f3f4f6;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.subjectCard.featured .subjectLevel{background:rgba(var(--brand-rgb), .1);color:var(--brand)}.subjectIcon{margin:12px 0;font-size:40px;display:block}.subjectCard h3{color:#1f2937;margin:10px 0;font-size:18px;font-weight:700}.subjectCard p{color:#6b7280;margin-bottom:15px;font-size:13px;line-height:1.6}.subjectStats{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;justify-content:space-around;align-items:center;margin-bottom:15px;padding:12px 0;font-size:13px;font-weight:600;display:flex}.subjectStats span:first-child{color:#6b7280}.subjectStats span:last-child{color:var(--brand);font-weight:800}.viewBtn{width:100%;color:var(--brand);border:2px solid var(--brand);border-radius:var(--radius-sm);cursor:pointer;background:#fff;padding:10px;font-weight:600;transition:all .3s}.viewBtn:hover,.viewBtn.featured-btn{background:var(--brand);color:#fff}.viewBtn.featured-btn:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.offersInfo h2{color:#1f2937;text-align:center;margin-bottom:40px;font-size:32px;font-weight:800}.infoGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.infoCard{border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);background:#fff;padding:30px;transition:all .3s}.infoCard:hover{box-shadow:0 12px 30px rgba(var(--brand-rgb), .15);transform:translateY(-5px)}.infoIcon{margin-bottom:15px;font-size:40px}.infoCard h3{color:#1f2937;margin-bottom:10px;font-size:18px;font-weight:700}.infoCard p{color:#6b7280;font-size:14px;line-height:1.6}@media (width<=768px){.offersHeader h1{font-size:28px}.levelTitle{font-size:22px}.collegeLevelsGrid{grid-template-columns:1fr;gap:20px}.collegeLevelCard{padding:20px}.collegeLevelIcon{font-size:40px}.collegeLevelCard h3{font-size:20px}.collectiveDescription{font-size:13px}.sectionsGrid{grid-template-columns:repeat(2,1fr);gap:15px}.sectionCard{padding:15px}.sectionIcon{margin:10px 0;font-size:35px}.sectionCard h3{font-size:15px}.sectionCard p{min-height:auto;font-size:12px}.sectionStats{padding:10px 0;font-size:12px}.viewCoursesBtn{padding:8px;font-size:12px}.aboutHeader h1{font-size:28px}.infoGrid,.statsGrid{grid-template-columns:1fr}.aboutStats,.offersFooter{padding:40px 20px}}.secondLayout{background:#f9fafb;min-height:100vh;display:flex}.mainContent{flex:1;width:100%;padding:24px;overflow-y:auto}.sidebar{color:#1f2937;background:#fff;flex-direction:column;width:80px;height:100vh;padding:16px 0;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:2px 0 8px #0000001a}.sidebarNav{flex-direction:column;gap:4px;display:flex}.sidebarLink{color:#6b7280;border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:0 8px;padding:12px 8px;font-size:10px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.linkIcon{justify-content:center;align-items:center;font-size:28px;transition:all .2s;display:flex}.linkText{text-align:center;white-space:normal;max-width:70px;line-height:1.1}.sidebarLink:hover{color:#1f2937;background:#f3f4f6}.sidebarLink.active{color:#6b7280;background:0 0;border-right:none}.studentTopbar,.studentMenuBtn,.sidebarClose,.sidebarOverlay{display:none}@media (width<=768px){.secondLayout{flex-direction:column}.studentTopbar{z-index:120;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.studentMenuBtn{border-radius:var(--radius);color:#1f2937;cursor:pointer;background:#f3f4f6;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.studentMenuBtn svg{width:22px;height:22px}.studentTopbarBrand{color:var(--brand);align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.studentBrandMark{color:var(--brand);display:inline-flex}.studentBrandMark svg{width:22px;height:22px}.sidebar{z-index:200;background:#fff;border-bottom:none;flex-direction:column;width:250px;max-width:80vw;height:100%;padding:20px 0;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 18px 50px #0f172a40}.sidebar.isOpen{transform:translate(0)}.sidebarClose{border-radius:var(--radius);color:#6b7280;cursor:pointer;background:#f3f4f6;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:14px;right:14px}.sidebarClose svg{width:20px;height:20px}.sidebarNav{flex-flow:column;flex:1;gap:4px;width:100%;padding:32px 12px 0}.sidebarLink{border-radius:var(--radius);flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:14px;min-width:0;margin:0;padding:12px 14px;font-size:14px}.sidebarLink:before{display:none}.sidebarLink .linkText{text-align:left;max-width:none;font-size:14px}.sidebarLink.active{background:rgba(var(--brand-rgb), .1);color:var(--brand);border-right:none}.sidebarLink.active:after{display:none}.signOutBtn{margin-top:auto}.linkIcon{font-size:22px}.sidebarOverlay{opacity:0;pointer-events:none;z-index:150;background:#0f172a73;transition:opacity .25s;display:block;position:fixed;inset:0}.sidebarOverlay.isOpen{opacity:1;pointer-events:auto}.mainContent{padding:16px}}.matiere{background:#f6f6f8;min-height:100vh;padding:32px 40px 48px}.matiereWrap{max-width:1120px}.matiereHeader{margin-bottom:24px}.matiereHeader h1{color:#2e2b3b;letter-spacing:-.01em;font-size:24px;font-weight:700}.matiereClass{border-radius:var(--radius-pill);background:rgba(var(--brand-rgb), .1);color:var(--brand);align-items:center;margin-top:10px;padding:5px 13px;font-size:13px;font-weight:600;display:inline-flex}.matiereMuted{color:#8a8a93;margin-top:6px;font-size:14px}.matiereSearch{border-radius:var(--radius);color:#2e2b3b;background:#fff;border:1px solid #ececf0;width:100%;max-width:360px;margin-bottom:22px;padding:10px 14px;font-size:14px}.matiereSearch:focus{box-shadow:0 0 0 3px rgba(var(--brand-rgb), .1);border-color:#c9bdf3;outline:none}.matieresGrid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:18px;display:grid}.matiereCard{border-radius:var(--radius-lg);cursor:pointer;background:#fff;border:1px solid #ececf0;flex-direction:column;gap:14px;padding:22px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.matiereCard:hover{box-shadow:0 14px 30px rgba(var(--brand-rgb), .1);border-color:#ddd6f7;transform:translateY(-3px)}.matiereIconBox{border-radius:var(--radius-md);width:48px;height:48px;color:var(--brand);background:#f4f1fe;place-items:center;display:grid}.matiereIconBox svg{width:24px;height:24px}.matiereContent h3{color:#2e2b3b;margin:0;font-size:16px;font-weight:700}.matiereContent p{color:#8a8a93;margin:4px 0 0;font-size:13px;font-weight:500;line-height:1.45}.matiereGo{color:var(--brand);align-items:center;gap:4px;margin-top:auto;font-size:13px;font-weight:600;display:inline-flex}.matiereGoIcon{width:15px;height:15px;transition:transform .18s}.matiereCard:hover .matiereGoIcon{transform:translate(3px)}.matiereEmpty{border-radius:var(--radius-lg);text-align:center;background:#fff;border:1px dashed #dcdce3;padding:40px}.matiereEmpty h3{color:#2e2b3b;font-size:16px;font-weight:700}.matiereEmpty p{color:#8a8a93;margin-top:6px;font-size:14px}@media (width<=640px){.matiere{padding:24px 16px 40px}.matieresGrid{grid-template-columns:1fr}}.assistance{background:linear-gradient(#fff 0%,#f3f4f6 100%);min-height:100vh;padding:30px 24px}.assistanceHeader{margin-bottom:40px}.assistanceHeader h1{color:#1f2937;margin-bottom:6px;font-size:28px;font-weight:700}.assistanceHeader p{color:#0ea5e9;font-size:14px;font-weight:500}.assistanceGrid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;display:grid}.assistanceCard{border-radius:var(--radius-md);cursor:pointer;background:#fff;flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 4px #00000014}.assistanceCard:hover{box-shadow:var(--shadow-sm)}.assistanceIconBox{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:45px;height:45px;display:flex}.assistanceIcon{justify-content:center;align-items:center;font-size:24px;display:flex}.assistanceContent h3{color:#1f2937;margin:0;font-size:15px;font-weight:600}.assistanceContent p{color:#6b7280;margin:0;font-size:12px;font-weight:500}@media (width<=1024px){.assistanceGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.assistance{padding:20px 16px}.assistanceHeader h1{font-size:22px}.assistanceGrid{grid-template-columns:1fr}}.chapitres{border-radius:var(--radius-md);background:linear-gradient(#fff 0%,#f3f4f6 100%);min-height:100vh;padding:30px 24px}.chapitresHeader{margin-bottom:40px}.chapitresHeader h1{color:#1f2937;margin-bottom:6px;font-size:28px;font-weight:700}.chapitresHeader p{color:#0ea5e9;font-size:14px;font-weight:500}.chapitresGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.chapitreCard{border-radius:var(--radius-md);cursor:pointer;background:#fff;flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 4px #00000014}.chapitreCard:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.chapitreIconBox{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:45px;height:45px;display:flex}.chapitreIcon{justify-content:center;align-items:center;font-size:24px;display:flex}.chapitreContent h3{color:#1f2937;margin:0;font-size:15px;font-weight:600}.chapitreContent p{color:#6b7280;margin:0;font-size:12px;font-weight:500}.lessonCount{color:#0ea5e9!important;font-weight:600!important}@media (width<=1024px){.chapitresGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.chapitres{padding:20px 16px}.chapitresHeader h1{font-size:22px}.chapitresGrid{grid-template-columns:1fr;gap:12px}.chapitreCard{padding:14px 16px}.chapitreIcon{font-size:28px}}.matiereDetailContainer{background:#f6f6f8;min-height:100vh;padding:32px 40px 48px}.matiereDetailGrid{grid-template-columns:320px 1fr;align-items:start;gap:22px;max-width:1120px;display:grid}.matiereInfoCard{border-radius:var(--radius-lg);background:#fff;border:1px solid #ececf0;height:fit-content;padding:24px;position:sticky;top:24px}.matiereTitle{color:#2e2b3b;letter-spacing:-.01em;margin:16px 0 8px;font-size:22px;font-weight:700}.matiereDescription{color:#8a8a93;margin-bottom:22px;font-size:14px;line-height:1.5}.matiereStats{border-top:1px solid #f1f1f4;flex-direction:column;gap:14px;padding-top:18px;display:flex}.statItem{justify-content:space-between;align-items:center;gap:12px;display:flex}.statLabel{color:#8a8a93;font-size:13px}.statValue{color:#2e2b3b;font-size:14px;font-weight:600}.chapitresListCard{border-radius:var(--radius-lg);background:#fff;border:1px solid #ececf0;padding:18px}.chapitresList{flex-direction:column;gap:10px;display:flex}.chapitreListItem{border-radius:var(--radius-md);cursor:pointer;background:#fff;border:1px solid #f0eff5;align-items:center;gap:16px;padding:14px 16px;transition:border-color .18s,background .18s,transform .18s;display:flex}.chapitreListItem:hover{background:#faf9ff;border-color:#ddd6f7;transform:translate(3px)}.chapitreNumber{border-radius:var(--radius-md);width:40px;height:40px;color:var(--brand);background:#f4f1fe;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.chapitreListContent{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chapitreListName{color:#2e2b3b;margin:0;font-size:15px;font-weight:600}.videosCount{color:#9a9aa5;font-size:12px;font-weight:500}.chapitreChevron{color:#c4bfe0;flex-shrink:0;width:18px;height:18px;transition:transform .18s,color .18s}.chapitreListItem:hover .chapitreChevron{color:var(--brand);transform:translate(3px)}@media (width<=980px){.matiereDetailGrid{grid-template-columns:1fr}.matiereInfoCard{position:static}}@media (width<=640px){.matiereDetailContainer{padding:24px 16px 40px}.matiereTitle{font-size:20px}}.videoPageContainer{background:#f6f6f8;min-height:100vh;padding:32px 40px 48px}.videoLock{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.videoLockIcon{background:var(--brand-gradient);color:#fff;width:84px;height:84px;box-shadow:0 14px 34px rgba(var(--brand-rgb), .45);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.videoLockIcon svg{width:38px;height:38px}.videoLockTitle{color:#c4c8d4;max-width:440px;font-size:16px;line-height:1.55}.videoLockLink{color:#f87171;font-size:15px;font-weight:700;text-decoration:none}.videoLockLink:hover{text-decoration:underline}.contentItem.isLocked{cursor:default;opacity:.7}.backButton{border-radius:var(--radius);color:#2e2b3b;cursor:pointer;background:#fff;border:1px solid #ececf0;align-items:center;gap:6px;margin-bottom:20px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.backButton:hover{color:var(--brand);background:#faf9ff;border-color:#ddd6f7}.videoGrid{grid-template-columns:1.6fr 1fr;gap:22px;max-width:1200px;display:grid}.videoSection{flex-direction:column;gap:18px;display:flex}.videoPlayer{border-radius:var(--radius-lg);aspect-ratio:16/9;background:#15131f;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.videoPlayer iframe{border-radius:var(--radius-lg)}.playButton{background:#ffffff24;border-radius:50%;place-items:center;width:76px;height:76px;margin-bottom:18px;display:grid}.playButton svg{color:#fff;width:30px;height:30px}.videoPlaceholder{color:#fff;margin:0;font-size:18px;font-weight:600}.videoSubtext{color:#b8b4c8;margin:8px 0 0;font-size:14px}.courseInfoBox{border-radius:var(--radius-lg);background:#fff;border:1px solid #ececf0;padding:24px}.courseTitle{color:#2e2b3b;letter-spacing:-.01em;margin:0 0 14px;font-size:22px;font-weight:700}.courseStats{color:#8a8a93;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:13px;font-weight:500;display:flex}.courseStats>span:nth-child(2n){color:#d8d6e0}.courseDescription{color:#6f6c7d;margin:0;font-size:14px;line-height:1.6}.contentSection{border-radius:var(--radius-lg);background:#fff;border:1px solid #ececf0;flex-direction:column;height:fit-content;max-height:640px;padding:20px;display:flex}.contentHeader{border-bottom:1px solid #f1f1f4;margin-bottom:16px;padding-bottom:14px}.contentHeader h2{color:#2e2b3b;margin:0;font-size:16px;font-weight:700}.contentList{flex-direction:column;gap:6px;padding-right:6px;display:flex;overflow-y:auto}.contentList::-webkit-scrollbar{width:6px}.contentList::-webkit-scrollbar-track{background:0 0}.contentList::-webkit-scrollbar-thumb{background:#e0dced;border-radius:3px}.contentList::-webkit-scrollbar-thumb:hover{background:#c4bfe0}.contentItem{border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:11px 12px;transition:background .18s;display:flex}.contentItem:hover{background:#f7f6fb}.contentItem.current{background:#f1ecff}.itemThumb{border-radius:var(--radius-sm);background:#f0eff5;place-items:center;width:72px;min-width:72px;height:44px;display:grid;position:relative;overflow:hidden}.itemThumbImg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.itemThumbOverlay{z-index:1;color:#fff;background:#1412288c;border-radius:50%;place-items:center;width:26px;height:26px;transition:background .18s;display:grid;position:relative}.contentItem.current .itemThumbOverlay{background:var(--brand)}.itemPlayIcon{width:13px;height:13px}.itemContent{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.itemTitle{color:#2e2b3b;margin:0;font-size:14px;font-weight:600}.contentItem.current .itemTitle{color:var(--brand)}.itemDuration{color:#9a9aa5;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (width<=1024px){.videoGrid{grid-template-columns:1fr}.contentSection{max-height:420px}}@media (width<=640px){.videoPageContainer{padding:24px 16px 40px}.videoPlayer{aspect-ratio:auto;min-height:240px;padding:30px}.courseTitle{font-size:20px}}.profilePage{background:#f6f6f8;min-height:100vh;padding:32px 40px 48px}.profileWrap{max-width:1120px}.profilePageHead{margin-bottom:22px}.profilePageHead h1{color:#2e2b3b;letter-spacing:-.01em;font-size:24px;font-weight:700}.profilePageHead p{color:#8a8a93;margin-top:3px;font-size:14px}.profileHeader{border-radius:var(--radius-lg);background:#fff;border:1px solid #ececf0;margin-bottom:18px;overflow:hidden}.profileBanner{background:linear-gradient(120deg, var(--brand) 0%, #7c4dff 60%, #9b6bff 100%);height:76px}.profileHeaderRow{align-items:flex-end;gap:18px;padding:0 28px 22px;display:flex}.profileAvatar{border-radius:var(--radius-xl);background:var(--brand);color:#fff;letter-spacing:.02em;width:92px;height:92px;box-shadow:0 10px 22px rgba(var(--brand-rgb), .25);border:4px solid #fff;flex:none;place-items:center;margin-top:-46px;font-size:32px;font-weight:700;display:grid}.profileHeaderInfo{flex:1;min-width:0;padding-bottom:2px}.profileHeaderInfo h2{color:#2e2b3b;word-break:break-word;font-size:21px;font-weight:700;line-height:1.2}.profileHeaderInfo p{color:#8a8a93;word-break:break-word;margin-top:3px;font-size:14px}.profileHeaderMeta{flex-shrink:0;align-items:center;gap:14px;padding-bottom:4px;display:flex}.profileRoleBadge{border-radius:var(--radius-pill);background:rgba(var(--brand-rgb), .1);color:var(--brand);padding:6px 14px;font-size:12px;font-weight:700}.profileStatus{align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.profileStatusDot{border-radius:50%;width:8px;height:8px}.profileStatus.isActive{color:#16a34a}.profileStatus.isActive .profileStatusDot{background:#16a34a;box-shadow:0 0 0 3px #16a34a26}.profileStatus.isInactive{color:#9ca3af}.profileStatus.isInactive .profileStatusDot{background:#9ca3af;box-shadow:0 0 0 3px #9ca3af26}.profileGrid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;display:grid}.profilePanel{border-radius:var(--radius-lg);background:#fff;border:1px solid #ececf0;padding:22px 24px;transition:border-color .15s,box-shadow .15s}.profilePanel:hover{box-shadow:0 8px 24px rgba(var(--brand-rgb), .06);border-color:#ddd6f7}.profilePanelTitle{color:#2e2b3b;border-bottom:1px solid #f1f1f4;margin-bottom:16px;padding-bottom:12px;font-size:14px;font-weight:700}.profileFields{flex-direction:column;gap:16px;display:flex}.profileField{flex-direction:column;gap:4px;min-width:0;display:flex}.profileFieldLabel{letter-spacing:.05em;text-transform:uppercase;color:#9a9aa5;font-size:11px;font-weight:600}.profileFieldValue{color:#45424f;word-break:break-word;font-size:15px;font-weight:500}.profileStateCard{border-radius:var(--radius-lg);background:#fff;border:1px solid #ececf0;place-items:center;max-width:1120px;min-height:200px;padding:30px;display:grid}.profileError{color:#dc2626;border-radius:var(--radius-md);background:#fef2f2;border:1px solid #fecaca;padding:16px 18px;font-size:15px}.signOutBtn{cursor:pointer;color:#ef4444;background:0 0;margin-top:auto}.signOutBtn:hover{color:#fff;background:#ef4444}@media (width<=640px){.profilePage{padding:24px 16px 40px}.profileHeaderRow{flex-wrap:wrap}.profileHeaderMeta{width:100%}}:root{--admin-primary:var(--brand);--admin-primary-dark:#4a23c4;--admin-bg:#f3f4f6;--admin-border:#e5e7eb;--admin-text:#1f2937;--admin-muted:#6b7280}.adminLoginPage{background:linear-gradient(135deg,#ede9fe 0%,#f8fafc 60%);place-items:center;min-height:100vh;padding:24px;display:grid}.adminLoginCard{border:1px solid var(--admin-border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:0 24px 60px rgba(var(--brand-rgb), .12);background:#fff;padding:36px 32px}.adminLoginBrand{color:var(--admin-primary);align-items:center;gap:10px;margin-bottom:18px;font-weight:700;display:flex}.adminBrandMark{color:var(--admin-primary);align-items:center;display:inline-flex}.adminSidebarBrand,.adminLoginBrand{letter-spacing:-.01em;font-size:17px}.adminLoginCard h1{color:var(--admin-text);margin-bottom:6px;font-size:24px}.adminLoginSubtitle{color:var(--admin-muted);margin-bottom:22px;font-size:14px}.adminShell{background:var(--admin-bg);min-height:100vh;display:flex}.adminSidebar{border-right:1px solid var(--admin-border);background:#fff;flex-direction:column;flex-shrink:0;gap:8px;width:250px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.adminSidebarBrand{color:var(--admin-primary);align-items:center;gap:10px;margin-bottom:18px;font-weight:700;display:flex}.adminNav{flex-direction:column;gap:4px;display:flex}.adminNavLink{border-radius:var(--radius);color:#4b5563;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.adminNavIcon{flex-shrink:0;width:18px;height:18px}.adminNavLink:hover{color:var(--admin-text);background:#f3f4f6}.adminNavLink.active{background:var(--admin-primary);color:#fff}.adminLogoutBtn{color:#ef4444;background:#fff;border:1px solid #fde2e2;justify-content:flex-start;align-items:center;gap:12px;margin-top:auto;display:flex}.adminLogoutBtn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.adminMain{flex:1;padding:32px;overflow-x:auto}.adminTopbar,.adminMenuBtn,.adminSidebarClose,.adminOverlay{display:none}.adminPage{max-width:1100px;margin:0 auto}.adminPageHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.adminPageHeader h1{color:var(--admin-text);font-size:26px}.adminPageHeader p{color:var(--admin-muted);font-size:14px}.adminCards{grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:18px;display:grid}.adminCard{border:1px solid var(--admin-border);border-radius:var(--radius-lg);color:var(--admin-text);background:#fff;flex-direction:column;padding:22px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.adminCard:before{content:"";background:var(--admin-primary);opacity:0;width:4px;transition:opacity .18s;position:absolute;top:0;bottom:0;left:0}.adminCard:hover{box-shadow:0 18px 38px rgba(var(--brand-rgb), .14);border-color:#0000;transform:translateY(-3px)}.adminCard:hover:before{opacity:1}.adminCardTop{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.adminCardIcon{border-radius:var(--radius-md);width:46px;height:46px;color:var(--admin-primary);background:#f4f1fe;place-items:center;display:grid}.adminCardIcon svg{width:23px;height:23px}.adminCardCount{color:var(--admin-primary);font-size:26px;font-weight:800;line-height:1}.adminCard h3{margin-bottom:4px;font-size:17px}.adminCard p{color:var(--admin-muted);margin-bottom:14px;font-size:13px}.adminCardLink{color:var(--admin-primary);margin-top:auto;font-size:13px;font-weight:600}.adminFilters{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.adminFilters .adminField{min-width:220px}.adminTableWrap{border:1px solid var(--admin-border);border-radius:var(--radius-md);background:#fff;overflow:hidden}.adminTable{border-collapse:collapse;width:100%}.adminTable th,.adminTable td{text-align:left;border-bottom:1px solid var(--admin-border);padding:12px 16px;font-size:14px}.adminTable th{color:var(--admin-muted);text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;font-size:12px;font-weight:600}.adminTable tbody tr:last-child td{border-bottom:none}.adminTable tbody tr:hover{background:#faf5ff}.adminTableActions{white-space:nowrap;text-align:right;justify-content:flex-end;gap:8px;display:flex}.adminNowrap{white-space:nowrap}.accessTag,.accessToggle{border-radius:var(--radius-pill);white-space:nowrap;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.accessToggle{cursor:pointer;border:none;transition:filter .2s}.accessToggle:hover{filter:brightness(.95)}.accessTag.isGranted,.accessToggle.isGranted{color:#15803d;background:#16a34a1f}.accessToggle.isBlocked{color:#b45309;background:#f59e0b24}.adminEmpty{color:var(--admin-muted);border:1px dashed var(--admin-border);border-radius:var(--radius-md);text-align:center;background:#fff;padding:24px}.adminPagination{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.adminPaginationInfo{color:var(--admin-muted);font-size:14px;font-weight:600}.pagination{justify-content:center;align-items:center;gap:16px;margin:28px 0 8px;display:flex}.paginationBtn{border:2px solid var(--brand);color:var(--brand);border-radius:var(--radius-sm);cursor:pointer;background:#fff;padding:8px 18px;font-weight:600;transition:all .2s}.paginationBtn:hover:not(:disabled){background:var(--brand);color:#fff}.paginationBtn:disabled{opacity:.5;cursor:not-allowed}.paginationInfo{color:#6b7280;font-size:14px;font-weight:600}.resourcesBox{border-top:1px solid #e5e7eb;margin-top:18px;padding-top:16px}.resourcesTitle{color:#1f2937;margin-bottom:10px;font-size:15px;font-weight:700}.resourcesList{flex-direction:column;gap:8px;list-style:none;display:flex}.resourceLink{border-radius:var(--radius);color:#374151;background:#fafafa;border:1px solid #e5e7eb;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.resourceLink:hover{border-color:var(--brand);color:var(--brand);background:#f5f2ff}.resourceIcon{color:#e11d48;flex-shrink:0;width:20px;height:20px}.resourceName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.resourceDownload{color:#9ca3af;flex-shrink:0;width:16px;height:16px}.resourceLink:hover .resourceDownload{color:var(--brand)}.breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;display:flex}.breadcrumbLink{color:var(--brand);font-weight:600;text-decoration:none}.breadcrumbLink:hover{text-decoration:underline}.breadcrumbSep{color:#9ca3af}.breadcrumbCurrent{color:#6b7280;font-weight:600}.adminBtn{cursor:pointer;border-radius:var(--radius);background:#fff;padding:9px 16px;font-size:14px;font-weight:600;transition:all .15s}.adminBtn:disabled{opacity:.55;cursor:not-allowed}.adminBtnPrimary{background:var(--admin-primary);color:#fff}.adminBtnPrimary:hover:not(:disabled){background:var(--admin-primary-dark)}.adminBtnGhost{color:#374151;background:#f3f4f6}.adminBtnGhost:hover:not(:disabled){background:#e5e7eb}.adminBtnDanger{color:#dc2626;background:#fee2e2}.adminBtnDanger:hover:not(:disabled){color:#fff;background:#dc2626}.adminForm{flex-direction:column;gap:14px;display:flex}.adminField{flex-direction:column;gap:6px;display:flex}.adminField>span{color:#374151;font-size:13px;font-weight:600}.adminRequired{color:#dc2626;font-style:normal}.adminMultiselect{flex-wrap:wrap;gap:8px 16px;padding:8px 0;display:flex}.adminCheck{cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.adminCheck input{cursor:pointer;width:16px;height:16px}.adminSectionRows{flex-direction:column;gap:8px;display:flex}.adminSectionRow{grid-template-columns:1fr 120px auto;align-items:center;gap:8px;display:grid}.adminInput{border:1px solid var(--admin-border);border-radius:var(--radius);width:100%;color:var(--admin-text);background:#fff;padding:10px 12px;font-size:14px}.adminInput:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px rgba(var(--brand-rgb), .12);outline:none}.adminError{color:#dc2626;border-radius:var(--radius);background:#fee2e2;border:1px solid #fecaca;padding:10px 14px;font-size:14px}.adminModalOverlay{z-index:1000;background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.adminModal{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:520px;max-height:90vh;padding:26px;overflow-y:auto;box-shadow:0 30px 70px #0f172a4d}.adminModalHeader{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.adminModalHeader h2{color:var(--admin-text);font-size:20px}.adminModalClose{cursor:pointer;color:var(--admin-muted);background:0 0;font-size:26px;line-height:1}.adminModalActions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}@media (width<=768px){.adminShell{flex-direction:column}.adminTopbar{border-bottom:1px solid var(--admin-border);z-index:120;background:#fff;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.adminMenuBtn{border-radius:var(--radius);width:40px;height:40px;color:var(--admin-text);cursor:pointer;background:#f3f4f6;justify-content:center;align-items:center;display:inline-flex}.adminMenuBtn svg{width:22px;height:22px}.adminSidebar{z-index:200;width:270px;max-width:82vw;height:100%;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 18px 50px #0f172a40}.adminSidebar.isOpen{transform:translate(0)}.adminSidebarClose{border-radius:var(--radius);width:34px;height:34px;color:var(--admin-muted);cursor:pointer;background:#f3f4f6;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:14px}.adminSidebarClose svg{width:20px;height:20px}.adminOverlay{opacity:0;pointer-events:none;z-index:150;background:#0f172a73;transition:opacity .25s;display:block;position:fixed;inset:0}.adminOverlay.isOpen{opacity:1;pointer-events:auto}.adminMain{padding:20px 16px}.adminPageHeader{flex-direction:column;align-items:flex-start}}.logoIcon{color:#fff}.logoIcon svg{width:22px;height:22px}.mobileMenuBtn{cursor:pointer;color:#374151;background:0 0}.mobileMenuBtn svg{width:24px;height:24px}.linkIcon{justify-content:center;align-items:center;display:inline-flex}.linkIcon svg{width:20px;height:20px}.categoryIcon,.sectionIcon,.infoIcon,.collegeLevelIcon{color:var(--brand);justify-content:center;align-items:center;display:inline-flex}.categoryIcon svg{width:40px;height:40px}.sectionIcon svg,.collegeLevelIcon svg{width:34px;height:34px}.infoIcon svg{width:30px;height:30px}.assistanceIcon{color:#1f2937;justify-content:center;align-items:center;display:inline-flex}.assistanceIcon svg{width:26px;height:26px}.statChip{align-items:center;gap:5px;display:inline-flex}.statIcon{width:15px;height:15px}.backButton{align-items:center;gap:6px;display:inline-flex}.backIcon{width:16px;height:16px}img,video,iframe{max-width:100%}.videoPlayer iframe{width:100%;height:100%}@media (width<=1024px){.navInner{padding:0 20px}.hero{padding:96px 20px 104px}.subscriptions{padding:60px 20px}.about,.offers{padding:48px 20px}.matiere,.matiereDetailContainer,.videoPageContainer,.profilePage{padding:28px 24px 40px}.adminMain{padding:24px}}@media (width<=768px){.stats{gap:16px;padding:36px 16px}.statValue{font-size:30px}.subscriptionHeader p,.offersHeader p,.subjectsSection p{font-size:15px}.adminTableWrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.adminTable{min-width:640px}.adminCards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.adminFilters{flex-direction:column}.adminFilters .adminField{width:100%;min-width:0}.adminPagination,.pagination{flex-wrap:wrap;gap:10px}.profileHeaderRow{gap:12px}.courseStats{font-size:12px}}@media (width<=480px){.navInner{height:58px;padding:0 14px}.logoText{font-size:18px}.hero{padding:72px 16px 80px}.heroActions{flex-direction:column}.heroBtn,.heroBtnGhost{justify-content:center;width:100%}.stats{flex-direction:column}.statCard{width:100%;min-width:0}.subscriptions{padding:48px 16px}.subscriptionHeader h2,.offersHeader h1,.subjectsSection h2,.aboutHeader h1{font-size:24px}.courseCategory{padding:28px 20px}.sectionsGrid{grid-template-columns:1fr}.authCard{padding:22px 18px}.authIntro h1{font-size:26px}.authActions{flex-direction:column}.adminTableActions{flex-wrap:wrap}.adminSectionRow{grid-template-columns:1fr}.adminModal{padding:20px 18px}.adminPageHeader h1{font-size:22px}.profileHeaderRow{padding:0 18px 18px}.profileAvatar{width:76px;height:76px;margin-top:-38px;font-size:26px}.videoPlayer{padding:20px}.breadcrumb{font-size:13px}}@media (width<=360px){.sidebarLink{min-width:60px}.linkText{font-size:8px}.adminNavLink{padding:9px 10px;font-size:13px}}