:root{--primary:#2b8cee;--primary-dark:#1a6bc0;--background-light:#f6f7f8;--background-dark:#101922;--pastel-blue:#e0f2fe;--pastel-green:#dcfce7;--pastel-yellow:#fef3c7;--pastel-purple:#f3e8ff;--pastel-pink:#fce7f3;--star-gold:#ffc107}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Lexend,sans-serif}body{background-color:var(--background-light);color:#0d141b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.min-width-0{min-width:0}.btn-primary{background-color:var(--primary);border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.text-primary{color:var(--primary)!important}.bg-primary{background-color:var(--primary)!important}.card-pastel-blue{background-color:var(--pastel-blue)}.card-pastel-green{background-color:var(--pastel-green)}.card-pastel-yellow{background-color:var(--pastel-yellow)}.card-pastel-purple{background-color:var(--pastel-purple)}.card-pastel-pink{background-color:var(--pastel-pink)}.rounded-3{border-radius:1rem!important}.rounded-4{border-radius:1.5rem!important}.rounded-5{border-radius:2rem!important}.star-badge{background:linear-gradient(135deg,#ffc107,#ffd54f);color:#92400e}.progress-custom{height:.75rem;background-color:#e2e8f0}.progress-custom,.progress-custom .progress-bar{border-radius:1rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;padding:.5rem 1rem 1.5rem;z-index:1000}.bottom-nav .nav-item{flex:1 1;text-align:center}.bottom-nav .nav-link{color:#94a3b8;font-size:.625rem;font-weight:600;padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;transition:color .2s}.bottom-nav .nav-link.active,.bottom-nav .nav-link:hover{color:var(--primary)}.bottom-nav .nav-link .material-symbols-outlined{font-size:1.75rem}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}.avatar-lg{width:64px;height:64px}.student-card-blue{background-color:rgba(224,242,254,.8);border-color:#bae6fd}.student-card-purple{background-color:rgba(243,232,255,.8);border-color:#e9d5ff}.student-card-green{background-color:rgba(220,252,231,.8);border-color:#bbf7d0}.student-card-yellow{background-color:hsla(48,96%,89%,.8);border-color:#fde68a}.lesson-card{transition:transform .2s,box-shadow .2s}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.page-content{padding-bottom:100px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.sidebar{width:260px;z-index:1000}.sidebar .nav-link:hover{background-color:#f1f5f9}.sidebar .nav-link.bg-primary:hover{background-color:var(--primary-dark)!important}.dashboard-main{width:100%}.dashboard-content{max-width:500px;width:100%}@media (max-width:991.98px){.sidebar{display:none!important}.bottom-nav{display:block}.dashboard-main{margin-left:0}.dashboard-content{max-width:500px}}@media (min-width:992px){.bottom-nav{display:none!important}.dashboard-main{margin-left:260px}.dashboard-content{max-width:900px;padding:0 2rem}.page-content{padding-bottom:2rem}.sticky-top{position:-webkit-sticky!important;position:sticky!important;border-radius:0 0 1.5rem 1.5rem;margin:0 -.5rem}.desktop-grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.desktop-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.desktop-grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}}@media (min-width:1200px){.dashboard-content{max-width:1000px}}@media (min-width:768px){.landing-hero{display:flex;align-items:center;gap:3rem;text-align:left}.landing-hero-content,.landing-hero-image{flex:1 1}.landing-cta-buttons{flex-direction:row!important}}@media (min-width:992px){.landing-container{max-width:1200px;margin:0 auto;padding:0 2rem}.landing-steps-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}}@media (min-width:768px){.auth-container{max-width:450px;margin:0 auto}.auth-card{background:#fff;border-radius:2rem;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.min-vh-100,.page-content{animation:fadeIn .3s ease-out}.card{animation:fadeInUp .4s ease-out backwards}.btn,.card,.nav-link,a,button{transition:all .2s ease}img{opacity:1;transition:opacity .2s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}#nprogress{pointer-events:none}#nprogress .bar{background:linear-gradient(90deg,#6366f1,#2563eb);position:fixed;z-index:9999;top:0;left:0;width:100%;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #2563eb,0 0 5px #2563eb;opacity:1;transform:rotate(3deg) translateY(-4px)}