@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body{color:#1e293b;background:radial-gradient(circle at 15% 20%,#ffd6a5 0%,#0000 28%),radial-gradient(circle at 80% 15%,#c7d2fe 0%,#0000 30%),radial-gradient(circle at 80% 90%,#bae6fd 0%,#0000 30%),linear-gradient(135deg,#fff7ed,#f5f3ff 50%,#eff6ff);min-height:100vh;font-family:DM Sans,sans-serif;overflow:hidden}.page{min-height:100vh;position:relative;overflow:hidden}.circle{pointer-events:none;border-radius:50%;position:absolute}.circle-1{opacity:.12;background:#fbbf24;width:420px;height:420px;top:-120px;right:-180px}.circle-2{opacity:.1;background:#6366f1;width:360px;height:360px;bottom:-160px;left:-180px}.header{z-index:10;position:absolute;top:28px;left:40px;right:40px}.logo{color:#172033;align-items:center;gap:10px;font-family:Nunito,sans-serif;font-size:20px;font-weight:800;display:flex}.logo-symbol{color:#fff;background:linear-gradient(135deg,#f97316,#f43f5e);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:flex;box-shadow:0 5px 12px #f9731633}.main{grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:100vh;padding:90px 8%;display:grid}.visual{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.math-circle{background:linear-gradient(135deg,#fff7ed,#fff);border:14px solid #f97316;border-radius:50%;justify-content:center;align-items:center;width:340px;height:340px;display:flex;position:relative;box-shadow:18px 18px #facc15,0 30px 60px #0f172a1f}.math-content{text-align:center}.math-number{color:#6366f1;letter-spacing:-8px;font-family:Nunito,sans-serif;font-size:110px;font-weight:800;line-height:.9}.math-symbol{color:#f97316;margin-top:10px;font-size:42px;font-weight:800}.number{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;font-family:Nunito,sans-serif;font-size:22px;font-weight:800;display:flex;position:absolute;box-shadow:0 12px 20px #0f172a1f}.number-1{background:#6366f1;top:55px;left:12%;transform:rotate(-10deg)}.number-2{background:#f97316;top:115px;right:5%;transform:rotate(9deg)}.number-3{background:#ec4899;bottom:90px;left:8%;transform:rotate(8deg)}.number-4{background:#22c55e;bottom:45px;right:15%;transform:rotate(-8deg)}.abacus{background:#fff;border:8px solid #7c3aed;border-radius:18px;width:300px;height:155px;padding:15px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:12px 12px #facc15,0 20px 35px #0f172a1f}.abacus-row{border-bottom:3px solid #e2e8f0;align-items:center;height:25%;display:flex;position:relative}.abacus-row:last-child{border-bottom:none}.abacus-bead{border-radius:50%;width:27px;height:27px;position:absolute;box-shadow:inset -3px -3px #00000014}.abacus-bead.orange{background:#f97316}.abacus-bead.purple{background:#8b5cf6}.abacus-bead.yellow{background:#facc15}.abacus-bead.pink{background:#ec4899}.b1{left:10%}.b2{left:24%}.b3{left:40%}.b4{left:58%}.b5{left:74%}.login-area{z-index:5;background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:100%;max-width:430px;margin:auto;padding:38px 36px 36px;position:relative;box-shadow:0 22px 45px #0f172a24,8px 8px #6366f11f}.login-header{margin-bottom:30px}.login-header h1{letter-spacing:-1.5px;color:#172033;font-family:Nunito,sans-serif;font-size:42px;font-weight:800}.login-header p{color:#64748b;margin-top:8px;font-size:14px}.field{margin-bottom:18px}.field label{text-align:left;color:#334155;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.input{color:#1e293b;background:#f8fafc;border:1px solid #dbe2ea;border-radius:11px;outline:none;width:100%;height:52px;padding:0 15px;font-family:inherit;font-size:14px;transition:all .2s}.input::placeholder{color:#94a3b8}.input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.password-wrapper{position:relative}.password-wrapper .input{padding-right:70px}.show-password{color:#6366f1;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.options{justify-content:space-between;align-items:center;margin:5px 0 24px;font-size:12px;display:flex}.remember{color:#64748b;cursor:pointer;align-items:center;gap:7px;display:flex}.remember input{accent-color:#6366f1}.forgot{color:#6366f1;font-weight:700;text-decoration:none}.forgot:hover{text-decoration:underline}.login-btn{cursor:pointer;color:#fff;background:linear-gradient(100deg,#f97316,#f43f5e 52%,#8b5cf6);border:none;border-radius:12px;width:100%;height:54px;font-family:inherit;font-size:14px;font-weight:700;transition:all .18s;box-shadow:0 6px #d946ef,0 13px 24px #6366f12e}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px #d946ef,0 17px 28px #6366f138}.login-btn:active{transform:translateY(4px);box-shadow:0 2px #d946ef,0 7px 14px #6366f11f}.login-btn:disabled{cursor:not-allowed;opacity:.75}.bottom{text-align:center;color:#64748b;margin-top:22px;font-size:12px}.bottom a{color:#6366f1;margin-left:4px;font-weight:700;text-decoration:none}.bottom a:hover{text-decoration:underline}@media (width<=900px){body{overflow:auto}.main{grid-template-columns:1fr;padding:100px 25px 40px}.visual{display:none}.login-area{max-width:430px}}@media (width<=500px){.header{left:20px;right:20px}.main{padding:95px 20px 30px}.login-area{border-radius:18px;padding:30px 24px 28px;box-shadow:0 16px 32px #0f172a1f,6px 6px #6366f11a}.login-header h1{font-size:36px}}:root{--navy:#111827;--navy-2:#1b2537;--indigo:#5b4ee8;--indigo-dark:#4739c8;--purple:#7659e8;--orange:#f47b20;--orange-dark:#df6410;--green:#159b63;--red:#dc4d5b;--page:#f7f8fb;--white:#fff;--text:#172033;--text-2:#475467;--muted:#8993a5;--border:#e2e6ed;--shadow-sm:0 2px 8px #1018280b;--shadow-md:0 12px 30px #10182814;--shadow-dropdown:0 18px 45px #10182821;--radius-sm:10px;--radius-md:15px;--radius-lg:20px;--header-height:76px}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;overflow-y:auto}body{min-height:100vh;overflow:hidden auto}button,input{font-family:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-background{z-index:-1;pointer-events:none;background:linear-gradient(135deg,#f8f9fc 0%,#f5f6fa 48%,#f8f9fc 100%);position:fixed;inset:0;overflow:hidden}.page-background:before{content:"";border:1px solid #5b4ee812;border-radius:50%;width:620px;height:620px;position:absolute;top:150px;right:-280px;box-shadow:0 0 0 80px #5b4ee805,0 0 0 160px #5b4ee803}.page-background:after{content:"";background:linear-gradient(90deg,#5b4ee809,#f47b2006);border-top:1px solid #5b4ee80d;border-bottom:1px solid #f47b200d;width:700px;height:230px;position:absolute;bottom:120px;left:-300px;transform:rotate(-18deg)}.topbar{height:var(--header-height);border-bottom:1px solid var(--border);z-index:1000;background:#fffffffa;align-items:center;display:flex;position:sticky;top:0}.topbar-inner{align-items:center;width:min(1480px,100% - 64px);height:100%;margin:auto;display:flex}.brand{flex-shrink:0;align-items:center;gap:12px;margin-right:42px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--indigo), var(--purple));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;display:flex;position:relative;overflow:hidden}.brand-mark:after{content:"";background:#fff;border-radius:3px;width:20px;height:3px;position:absolute;bottom:8px;left:10px;box-shadow:0 -7px #ffffffeb,0 -14px #ffffffd1}.brand-name{letter-spacing:-.5px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.brand-sub{color:var(--muted);letter-spacing:1.6px;margin-top:-2px;font-size:9px;font-weight:700;display:block}.main-nav{align-items:center;gap:2px;height:100%;display:flex}.nav-item{color:#667085;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;height:100%;padding:0 15px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:relative}.nav-item:hover,.nav-item.active{color:var(--indigo)}.nav-item.active:after{content:"";background:var(--indigo);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:15px;right:15px}.nav-arrow{color:#8b95a7;font-size:9px;transition:transform .2s}.nav-dropdown.open .nav-arrow{color:var(--indigo);transform:rotate(180deg)}.nav-dropdown{height:100%;position:relative}.nav-menu{border:1px solid var(--border);width:235px;box-shadow:var(--shadow-dropdown);opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:13px;padding:8px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-5px)}.nav-dropdown.open .nav-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-menu-title{color:var(--muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);margin-bottom:5px;padding:9px 12px 8px;font-size:10px;font-weight:800}.nav-menu-item{text-align:left;color:#344054;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:10px 11px;font-size:13px;font-weight:600;display:flex}.nav-menu-item:hover{color:var(--indigo);background:#f4f5f8}.menu-icon{color:#667085;background:#f0f1f5;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:13px;display:flex}.nav-menu-item:hover .menu-icon{color:var(--indigo);background:#ebe9ff}.menu-description{color:var(--muted);margin-top:1px;font-size:10px;font-weight:400;display:block}.header-right{align-items:center;gap:16px;margin-left:auto;display:flex}.notification{border:1px solid var(--border);color:#667085;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;position:relative}.notification-dot{background:var(--orange);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.student-menu{position:relative}.student-trigger{background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:5px 7px 5px 12px;transition:all .2s;display:flex}.student-trigger:hover{background:#f4f5f8}.profile-avatar{width:40px;height:40px;color:var(--indigo);background:#ebe9ff;border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.profile-info{text-align:left}.profile-info strong{font-size:13px;font-weight:700;display:block}.profile-info span{color:var(--muted);margin-top:1px;font-size:11px;display:block}.dropdown-arrow{color:#667085;margin-left:5px;font-size:9px;transition:all .2s}.student-menu.open .dropdown-arrow{transform:rotate(180deg)}.student-dropdown{border:1px solid var(--border);width:245px;box-shadow:var(--shadow-dropdown);z-index:2000;background:#fff;border-radius:13px;padding:8px;animation:.18s studentDropdownIn;position:absolute;top:calc(100% + 12px);right:0}@keyframes studentDropdownIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-user{border-bottom:1px solid var(--border);align-items:center;gap:11px;margin-bottom:6px;padding:12px;display:flex}.dropdown-user-avatar{width:39px;height:39px;color:var(--indigo);background:#ebe9ff;border-radius:9px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.dropdown-user strong{font-size:13px;display:block}.dropdown-user span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.dropdown-item{text-align:left;color:#344054;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:13px;font-weight:600;display:flex}.dropdown-item:hover{color:var(--indigo);background:#f5f6f9}.dropdown-icon{color:#667085;background:#f0f1f5;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:13px;display:flex}.dropdown-item:hover .dropdown-icon{color:var(--indigo);background:#ebe9ff}.dropdown-divider{background:var(--border);height:1px;margin:6px 4px}.dropdown-item.logout{color:var(--red)}.dropdown-item.logout .dropdown-icon{color:var(--red);background:#fff0f1}.dashboard{width:min(1480px,100% - 64px);margin:auto;padding:42px 0 70px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.welcome{letter-spacing:-1.4px;font-family:Manrope,sans-serif;font-size:36px;font-weight:800;line-height:1.1}.welcome span{color:var(--indigo)}.welcome-description{color:var(--text-2);margin-top:8px;font-size:15px}.level-box{text-align:right}.level-label{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:800}.level-value{margin-top:3px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800}.hero-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr);gap:22px;margin-bottom:42px;display:grid}.hero{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(115deg,#25264b 0%,#39366f 48%,#5b4ee8 100%);align-items:center;min-height:295px;padding:38px 42px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";border:1px solid #ffffff24;border-radius:50%;width:380px;height:380px;position:absolute;top:-180px;right:-180px}.hero:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-115px;right:90px}.hero-content{z-index:2;max-width:650px;position:relative}.hero-eyebrow{color:#c8c4ff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:11px;font-size:11px;font-weight:800}.hero-title{letter-spacing:-.9px;font-family:Manrope,sans-serif;font-size:32px;font-weight:800;line-height:1.15}.hero-text{color:#d9d9eb;max-width:500px;margin-top:11px;font-size:14px}.hero-meta{align-items:center;gap:11px;margin-top:25px;display:flex}.hero-tag{background:#ffffff1a;border:1px solid #ffffff21;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:600}.hero-button{color:#392bbd;background:#fff;border:0;border-radius:8px;padding:12px 19px;font-size:13px;font-weight:800;transition:all .2s}.hero-button:hover{transform:translateY(-2px)}.progress-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;padding:30px;display:flex}.card-heading{justify-content:space-between;align-items:center;display:flex}.card-heading h3{font-family:Manrope,sans-serif;font-size:17px;font-weight:800}.card-heading span{color:var(--muted);font-size:11px}.progress-circle-wrap{flex:1;justify-content:center;align-items:center;display:flex}.progress-circle{background:conic-gradient(var(--indigo) 0deg 244deg, #edf0f4 244deg 360deg);border-radius:50%;justify-content:center;align-items:center;width:142px;height:142px;display:flex;position:relative}.progress-circle:after{content:"";background:#fff;border-radius:50%;width:112px;height:112px;position:absolute}.progress-number{z-index:2;text-align:center;position:relative}.progress-number strong{font-family:Manrope,sans-serif;font-size:28px;font-weight:800;display:block}.progress-number span{color:var(--muted);font-size:11px}.progress-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;padding-top:16px;font-size:11px;display:flex}.progress-footer strong{color:var(--text);font-size:14px}.section-header{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.section-header h2{font-family:Manrope,sans-serif;font-size:19px;font-weight:800}.section-header a{color:var(--indigo);font-size:13px;font-weight:700}.practice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:42px;display:grid}.practice-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;min-height:160px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.practice-card:hover{box-shadow:var(--shadow-md);border-color:#cdd2dc;transform:translateY(-3px)}.practice-number{color:#f1f2f5;font-family:Manrope,sans-serif;font-size:43px;font-weight:800;position:absolute;top:10px;right:17px}.practice-icon{z-index:2;border-radius:10px;justify-content:center;align-items:center;width:43px;height:43px;margin-bottom:20px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;display:flex;position:relative}.purple{color:var(--indigo);background:#eeecff}.orange{color:var(--orange);background:#fff0e5}.green{color:var(--green);background:#e8f7ef}.dark{color:var(--navy);background:#edf0f4}.practice-card h3{margin-bottom:4px;font-family:Manrope,sans-serif;font-size:16px;font-weight:800}.practice-card p{color:var(--muted);font-size:12px}.practice-arrow{color:var(--indigo);font-size:18px;position:absolute;bottom:19px;right:20px}.lower-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:22px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.panel-header h3{font-family:Manrope,sans-serif;font-size:17px;font-weight:800}.panel-header a{color:var(--indigo);font-size:12px;font-weight:700}.lesson{border-bottom:1px solid var(--border);align-items:center;gap:17px;padding:20px 25px;display:flex}.lesson:last-child{border-bottom:0}.lesson-icon{width:45px;height:45px;color:var(--indigo);background:#f0efff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.lesson-content{flex:1}.lesson-title{font-size:14px;font-weight:700}.lesson-meta{color:var(--muted);margin-top:2px;font-size:12px}.lesson-progress{width:140px}.lesson-progress-top{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.progress-bar{background:#edf0f3;border-radius:5px;height:5px;overflow:hidden}.progress-bar span{background:var(--indigo);border-radius:inherit;height:100%;display:block}.lesson-action{border:1px solid var(--border);width:34px;height:34px;color:var(--indigo);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:flex}.achievement-list{padding:7px 25px 10px}.achievement{border-bottom:1px solid var(--border);align-items:center;gap:15px;padding:17px 0;display:flex}.achievement:last-child{border-bottom:0}.achievement-icon{width:43px;height:43px;color:var(--orange);background:#fff1e5;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.achievement:nth-child(2) .achievement-icon{color:var(--indigo);background:#ebe9ff}.achievement:nth-child(3) .achievement-icon{color:var(--green);background:#e7f7ee}.achievement-content{flex:1}.achievement-content strong{font-size:13px;font-weight:700;display:block}.achievement-content span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.footer{border-top:1px solid var(--border);color:var(--muted);padding-top:20px;font-size:11px;position:fixed;bottom:0}@media (width<=1250px){.brand{margin-right:20px}.nav-item{padding:0 10px}.nav-item.active:after{left:10px;right:10px}}@media (width<=1100px){.main-nav{gap:0}.nav-item{padding:0 8px;font-size:13px}.nav-item.active:after{left:8px;right:8px}.practice-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}}@media (width<=900px){.topbar{height:auto;min-height:70px}.topbar-inner{flex-wrap:wrap;width:calc(100% - 32px);padding:12px 0}.brand{margin-right:auto}.main-nav{border-top:1px solid var(--border);order:3;width:100%;height:48px;margin-top:10px;overflow-x:auto}.nav-dropdown{height:48px}.nav-item{white-space:nowrap;height:48px}.nav-menu{width:min(235px,100vw - 40px);position:fixed;top:118px;left:20px;transform:translateY(-5px)}.nav-dropdown.open .nav-menu{transform:translateY(0)}.profile-info{display:none}.dashboard{width:calc(100% - 32px);padding-top:30px}.lower-grid{grid-template-columns:1fr}}@media (width<=600px){.dashboard{width:calc(100% - 24px)}.page-heading{flex-direction:column;align-items:flex-start;gap:12px}.welcome{font-size:29px}.level-box{text-align:left}.hero{padding:30px 25px}.hero-title{font-size:27px}.hero-meta{flex-direction:column;align-items:flex-start}.practice-grid{grid-template-columns:1fr 1fr;gap:10px}.practice-card{min-height:145px;padding:18px}.lesson{padding:17px}.lesson-progress{display:none}.panel-header{padding:18px}.achievement-list{padding-left:18px;padding-right:18px}.footer{flex-direction:column;gap:5px}}@media (width<=420px){.notification{display:none}.practice-grid{grid-template-columns:1fr}.practice-card{min-height:125px}}.card{background:#fff;border:1px solid #e6e8ee;border-radius:16px;width:100%;padding:20px;overflow:hidden;box-shadow:0 8px 30px #1018280d}.table-header{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;min-height:82px;padding:20px 24px;display:flex}.table-kicker{color:#667085;letter-spacing:.12em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.table-header h2{color:#101828;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.table-action{color:#4f46e5;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.table-action:hover{color:#3730a3}.table-wrapper{width:100%;overflow-x:auto}.student-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.student-table thead{background:#f8f9fb}.student-table th{color:#667085;letter-spacing:.05em;text-transform:uppercase;text-align:center;white-space:nowrap;border-bottom:1px solid #eaecf0;height:48px;padding:0 20px;font-size:11px;font-weight:700}.student-table td{color:#475467;white-space:nowrap;border-bottom:1px solid #f0f1f3;height:76px;padding:0 20px;font-size:13px;font-weight:500}.student-table tbody tr:last-child td{border-bottom:0}.student-table tbody tr{transition:background .15s}.student-table tbody tr:hover{background:#fafbff}.table{border-collapse:collapse;table-layout:auto;width:100%;max-width:100%;font-size:13px}.table thead{background:#f8f9fb}.table th{color:#667085;letter-spacing:.05em;text-transform:uppercase;text-align:center;white-space:nowrap;border-bottom:1px solid #eaecf0;padding:5px;font-size:11px;font-weight:700}.table td{color:#475467;white-space:nowrap;border-bottom:1px solid #f0f1f3;padding:5px;font-size:17px;font-weight:300}.table td input{text-align:center}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:#fafbff}.test-name{align-items:center;gap:12px;display:flex}.test-icon{color:#4f46e5;background:#f0efff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;font-weight:700;display:flex}.test-name strong{color:#101828;margin-bottom:4px;font-size:13px;font-weight:700;display:block}.test-name span{color:#98a2b3;font-size:11px;font-weight:500;display:block}table tbody tr td input{margin:"10px"}.accuracy{align-items:center;gap:10px;min-width:120px;display:flex}.accuracy-bar{background:#eaecf0;border-radius:10px;width:65px;height:6px;overflow:hidden}.accuracy-bar span{border-radius:inherit;background:#4f46e5;height:100%;display:block}.accuracy strong{color:#344054;font-size:12px;font-weight:700}.status-badge{border-radius:20px;align-items:center;min-height:26px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.completed{color:#027a48;background:#ecfdf3}@media (width<=768px){.table-header{padding:18px}.table-header h2{font-size:18px}.student-table th,.student-table td{padding-left:16px;padding-right:16px}}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 2px 5px #4f46e529}.btn-primary:hover{color:#fff;background:#4338ca;border-color:#4338ca}.btn-secondary{color:#344054;background:#fff;border-color:#d0d5dd}.btn-secondary:hover{color:#1d2939;background:#f9fafb;border-color:#98a2b3}.btn-success{color:#fff;background:#12b76a;border-color:#12b76a}.btn-success:hover{color:#fff;background:#039855;border-color:#039855}.btn-danger{color:#fff;background:#d92d20;border-color:#d92d20}.btn-danger:hover{color:#fff;background:#b42318;border-color:#b42318}.btn-warning{color:#344054;background:#fdb022;border-color:#fdb022}.btn-warning:hover{color:#344054;background:#f79009;border-color:#f79009}.btn-info{color:#fff;background:#0ba5ec;border-color:#0ba5ec}.btn-info:hover{color:#fff;background:#0086c9;border-color:#0086c9}.btn-light{color:#344054;background:#f2f4f7;border-color:#eaecf0}.btn-light:hover{color:#101828;background:#e4e7ec;border-color:#d0d5dd}.btn-dark{color:#fff;background:#1d2939;border-color:#1d2939}.btn-dark:hover{background:#101828;border-color:#101828}.btn-outline-primary{color:#4f46e5;background:#fff;border-color:#4f46e5}.btn-outline-primary:hover{color:#fff;background:#4f46e5}.btn-outline-secondary{color:#475467;background:#fff;border-color:#d0d5dd}.btn-outline-secondary:hover{color:#344054;background:#f9fafb}.btn-outline-danger{color:#d92d20;background:#fff;border-color:#d92d20}.btn-outline-danger:hover{color:#fff;background:#d92d20}.btn-sm{min-height:34px;padding:0 12px;font-size:12px}.btn-lg{min-height:48px;padding:0 22px;font-size:15px}.btn-block{width:100%}.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none;transform:none}*,:before,:after{box-sizing:border-box}.row{flex-wrap:wrap;margin-left:-12px;margin-right:-12px;display:flex}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{width:100%;padding-left:12px;padding-right:12px;position:relative}.col{flex:1 0}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.6667%;max-width:16.6667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333%;max-width:33.3333%}.col-5{flex:0 0 41.6667%;max-width:41.6667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333%;max-width:58.3333%}.col-8{flex:0 0 66.6667%;max-width:66.6667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333%;max-width:83.3333%}.col-11{flex:0 0 91.6667%;max-width:91.6667%}.col-12{flex:0 0 100%;max-width:100%}@media (width>=768px){.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{flex:0 0 16.6667%;max-width:16.6667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-5{flex:0 0 41.6667%;max-width:41.6667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333%;max-width:58.3333%}.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333%;max-width:83.3333%}.col-md-11{flex:0 0 91.6667%;max-width:91.6667%}.col-md-12{flex:0 0 100%;max-width:100%}}.form-label{color:#344054;margin-bottom:7px;font-size:14px;font-weight:600;line-height:1.4;display:inline-block}.form-control{color:#1d2939;background-color:#fff;border:1px solid #d0d5dd;border-radius:7px;outline:none;width:100%;height:44px;padding:8px 13px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;transition:border-color .2s,box-shadow .2s,background-color .2s;display:block}.form-control:hover{border-color:#98a2b3}.form-control:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.form-control::placeholder{color:#98a2b3}.form-control:disabled,.form-control[readonly]{color:#667085;cursor:not-allowed;background-color:#f2f4f7}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;height:auto;min-height:100px}.form-check{align-items:center;gap:8px;min-height:24px;margin-bottom:8px;display:flex}.form-check-input{cursor:pointer;accent-color:#4f46e5;width:16px;height:16px;margin:0}.form-check-label{color:#344054;cursor:pointer;font-size:14px}.form-group{margin-bottom:18px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mb-5{margin-bottom:32px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mt-5{margin-top:32px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:16px}.p-4{padding:24px}.p-5{padding:32px}.text-start{text-align:left}.text-center{text-align:center}.text-end{text-align:right}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}@media (width<=767px){.row{margin-left:-8px;margin-right:-8px}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{padding-left:8px;padding-right:8px}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{flex:0 0 100%;max-width:100%}}