:root{--navy: #12133C;--purple: #99569F;--blue: #47C6EB;--pink: #ED518E;--amber: #F9A534;--white: #ffffff;--font-body: "Poppins", sans-serif;--font-display: "Cormorant Upright", serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition: .2s ease;--transition-slow: .4s ease}:root,[data-theme=light]{--bg: #F8F7FF;--bg2: #EEEDF8;--bg3: #E2E0F5;--surface: #FFFFFF;--surface2: #F2F0FC;--border: rgba(153, 86, 159, .15);--border2: rgba(153, 86, 159, .08);--text: #12133C;--text2: #4A4870;--text3: #9896B8;--shadow: 0 4px 24px rgba(18, 19, 60, .08);--shadow-lg: 0 12px 48px rgba(18, 19, 60, .12)}[data-theme=dark]{--bg: #0C0D26;--bg2: #12133C;--bg3: #1a1b4b;--surface: #1E1F52;--surface2: #252660;--border: rgba(153, 86, 159, .2);--border2: rgba(153, 86, 159, .1);--text: #F0EFF8;--text2: #A9A8C8;--text3: #6B6A8E;--shadow: 0 4px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;transition:background var(--transition-slow),color var(--transition-slow);line-height:1.6;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.1;color:var(--text);letter-spacing:-.02em}p{line-height:1.75;color:var(--text2)}a{color:var(--purple);text-decoration:none;transition:opacity var(--transition)}a:hover{opacity:.8}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--purple)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 32px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeUp{animation:fadeUp .5s ease both}.animate-fadeIn{animation:fadeIn .4s ease both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.skeleton{background:linear-gradient(90deg,var(--bg2) 25%,var(--bg3) 50%,var(--bg2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.progress-track{background:var(--bg3);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--purple),var(--pink));transition:width .8s ease}.tag{display:inline-flex;align-items:center;padding:3px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.5px;font-family:var(--font-body)}.tag-purple{background:#99569f1f;color:var(--purple)}.tag-blue{background:#47c6eb1f;color:var(--blue)}.tag-pink{background:#ed518e1f;color:var(--pink)}.tag-amber{background:#f9a5341f;color:var(--amber)}.tag-green{background:#22c55e1f;color:#22c55e}.tag-gray{background:var(--bg3);color:var(--text3)}.divider{width:100%;height:1px;background:var(--border);margin:24px 0}@media (max-width: 1024px){.container{padding:0 24px}}@media (max-width: 768px){.container{padding:0 16px}.nav-desktop-links,.nav-desktop-right{display:none!important}.nav-hamburger{display:flex!important}.landing-nav-links,.landing-nav-right{display:none!important}.landing-nav-hamburger{display:flex!important}.login-grid{grid-template-columns:1fr!important}.login-brand{display:none!important}.login-form{padding:48px 24px!important;align-items:stretch!important}.mobile-logo{display:flex!important}.admin-layout-grid{grid-template-columns:1fr!important}.admin-sidebar{display:none!important}.admin-mobile-btn{display:flex!important}.admin-main{padding:20px 16px!important}.lesson-sidebar{display:none!important}.lesson-mob-btn{display:flex!important}.dashboard-wrap{padding:24px 16px!important}.dash-top-grid,.dash-bottom-grid{grid-template-columns:1fr!important}.dash-quick-links{grid-template-columns:1fr 1fr!important}}@media (max-width: 480px){h1{font-size:clamp(34px,10vw,52px)!important}h2{font-size:clamp(26px,8vw,40px)!important}}