@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Cairo:wght@400;600;700&display=swap";
:root{--primary:#8b5cf6;--primary-hover:#7c3aed;--secondary:#ec4899;--accent:#06b6d4;--background:#0f172a;--card-bg:#1e293bb3;--foreground:#f8fafc;--text-primary:#f8fafc;--text-muted:#94a3b8;--glass:#ffffff08;--glass-border:#ffffff1a;--nav-height:70px;--transition:all .3s cubic-bezier(.4,0,.2,1);--hero-overlay:linear-gradient(to bottom,#0d1117b3,#0d1117f2);--footer-bg:#0a0d12;--secondary-btn-bg:#ffffff0d;--icon-box-bg:#8b5cf61a}.light-theme{--background:#f8fafc;--card-bg:#fff;--foreground:#0f172a;--text-primary:#1e293b;--text-muted:#64748b;--glass:#fffc;--glass-border:#0000000f;--hero-overlay:linear-gradient(to bottom,#f8fafccc,#f8fafc);--footer-bg:#f1f5f9;--secondary-btn-bg:#0000000d;--icon-box-bg:#8b5cf614}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s,color .3s,transform .3s}html,body{scroll-behavior:smooth;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}body{color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;min-height:100vh;transition:var(--transition);background-image:radial-gradient(at 0 0,#8b5cf61a 0,#0000 50%),radial-gradient(at 100% 100%,#ec48990d 0,#0000 50%);font-family:Cairo,Outfit,sans-serif}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary)}.glass::placeholder{color:var(--text-muted);opacity:.7}input.glass,textarea.glass{color:var(--text-primary)!important}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);transition:var(--transition);border-radius:30px;box-shadow:0 10px 40px -10px #0000001a}.light-theme .glass-card{background:#ffffffe6;border:1px solid #0000000d;box-shadow:0 10px 40px -10px #0000000d}.glass-card:hover{border-color:var(--primary);transform:translateY(-10px);box-shadow:0 20px 50px -15px #8b5cf633}@keyframes blink{0%{opacity:.1}50%{opacity:1}to{opacity:.1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeIn}.text-gradient{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-premium{cursor:pointer;background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;transition:var(--transition);border:none;border-radius:50px;align-items:center;gap:10px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:flex;box-shadow:0 10px 20px -10px #8b5cf680}.btn-premium:hover{filter:brightness(1.1);transform:translateY(-3px)scale(1.02);box-shadow:0 20px 40px -15px #8b5cf699}.glow-icon{filter:drop-shadow(0 0 10px var(--primary))}.stat-glow{text-shadow:0 0 20px #8b5cf64d}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px #8b5cf699}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}@media (max-width:1024px){:root{--nav-height:60px}}@media (max-width:768px){.btn-premium{padding:10px 20px;font-size:.9rem}.glass-card{border-radius:16px}.mobile-hide{display:none!important}.mobile-show{display:block!important}}@media (max-width:900px){.lesson-container{flex-direction:column-reverse!important;height:auto!important;overflow:visible!important}.lesson-sidebar{border-left:none!important;border-top:1px solid var(--glass-border)!important;width:100%!important}}.text-center{text-align:center}@media (min-width:769px){.mobile-show{display:none!important}}@media (max-width:768px){.mobile-only{display:block!important}.chat-sidebar{border-left:none!important;width:100%!important}.chat-main{width:100%!important}}@media (min-width:769px){.mobile-only{display:none!important}.chat-sidebar,.chat-main{display:flex!important}}.typing-dots span{font-size:1.5rem;line-height:0;animation:1.5s infinite blink;display:inline-block}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:20px;overflow-x:auto}.responsive-table-wrapper table{min-width:600px}.mobile-text-sm{font-size:.85rem!important}.responsive-title{font-size:2.2rem;line-height:1.2}@media (max-width:768px){.responsive-title{font-size:1.5rem!important}.mobile-p-0{padding:0!important}.mobile-m-0{margin:0!important}.mobile-gap-sm{gap:8px!important}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.float-anim{animation:6s ease-in-out infinite float}.float-anim-slow{animation:8s ease-in-out infinite float}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards scaleIn}