:root{--bg-color:#0b0f19;--sidebar-bg:#111827;--card-bg:#1f2937;--text-primary:#f8fafc;--text-secondary:#94a3b8;--primary:#818cf8;--primary-hover:#6366f1;--success:#10b981;--error:#ef4444;--border:#374151;--accent:#3b82f6;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}h4{font-size:1rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}p{color:var(--text-secondary);font-size:.9rem}a{color:var(--primary);text-decoration:none}.app-container{flex-direction:row;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;height:100vh;padding:2rem 3rem;display:flex;overflow-y:auto}@media (width<=768px){.app-container{flex-direction:column}.main-content{height:calc(100vh - 60px);padding:1.5rem 1rem 5rem}}.card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--primary);background-color:#6366f10d}.badge{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;background-color:#818cf81a;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.progress-bar-bg{background-color:var(--border);border-radius:9999px;width:100%;height:.5rem;overflow:hidden}.progress-bar-fill{background-color:var(--primary);border-radius:9999px;height:100%;transition:width .3s}.top-bar{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.top-bar-title{font-size:1.5rem;font-weight:700}.search-box{background-color:var(--sidebar-bg);border:1px solid var(--border);color:var(--text-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-position:.75rem;background-repeat:no-repeat;border-radius:9999px;outline:none;width:300px;padding:.5rem 1rem .5rem 2.5rem}.search-box:focus{border-color:var(--primary)}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;width:260px;height:100vh;padding:2rem 0;display:flex}.sidebar-brand{margin-bottom:3rem;padding:0 2rem}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:0 1rem;display:flex}.nav-item{color:var(--text-secondary);border-radius:.5rem;align-items:center;gap:1rem;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background-color:#ffffff0d}.nav-item.active{color:var(--text-primary);border-left:3px solid var(--primary);background-color:#ffffff14;border-top-left-radius:0;border-bottom-left-radius:0}.sidebar-footer{padding:0 1.5rem}.quick-start-btn{color:#1e3a8a;cursor:pointer;background-color:#bfdbfe;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:2rem;padding:.75rem;font-weight:600;transition:transform .1s;display:flex}.quick-start-btn:active{transform:scale(.98)}.footer-links{flex-direction:column;gap:.5rem;display:flex}@media (width<=768px){.sidebar{border-right:none;border-top:1px solid var(--border);z-index:100;flex-direction:row;width:100%;height:60px;padding:0;position:fixed;bottom:0;left:0;right:0}.sidebar-brand,.sidebar-footer{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;align-items:center;width:100%;margin:0;padding:0}.nav-item{border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:.25rem;padding:.5rem;font-size:.65rem}.nav-item.active{border-left:none;border-top:2px solid var(--primary);background-color:#0000}}.dashboard .hero-banner{background-color:var(--card-bg);justify-content:space-between;align-items:center;margin-bottom:3rem;padding:3rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:60%;position:relative}.hero-content h2{margin-top:1rem;margin-bottom:1rem;font-size:2rem}.hero-content p{margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.hero-graphic{opacity:.5;z-index:1;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.hero-graphic svg{width:250px;height:250px}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.view-all{letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:500}.categories-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem;display:grid}.category-card{align-items:center;gap:.75rem;min-width:0;padding:.75rem;display:flex}.cat-icon-compact{background-color:#818cf81a;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cat-content-compact{flex:1;min-width:0}.cat-content-compact h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-size:.9rem;overflow:hidden}.cat-content-compact p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.3rem;font-size:.75rem;overflow:hidden}.cat-meta-compact{gap:.75rem;font-size:.75rem;display:flex}.compact-btn{border-radius:4px;padding:.35rem .75rem;font-size:.75rem}.active-filter{color:#fff!important;background-color:#3b82f6!important}.cat-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.cat-footer .modules{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.stat-card{flex-direction:column;padding:2rem;display:flex}.stat-card.center{text-align:center;align-items:center}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.stat-value{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.stat-subtext{color:var(--text-secondary);font-size:.875rem}.days-tracker{gap:.5rem;margin-top:.5rem;display:flex}.day{background-color:var(--sidebar-bg);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.day.active{color:#1e3a8a;background-color:#bfdbfe}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.icon-btn:hover{background-color:#ffffff0d}.global-banner{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex}.global-banner-content{align-items:center;gap:1rem;display:flex}.home-ctas{gap:1rem;margin-bottom:2rem;display:flex}@media (width<=768px){.dashboard .hero-banner{text-align:center;flex-direction:column;padding:1.5rem}.hero-content{max-width:100%}.hero-graphic{margin-top:2rem;position:relative;right:0;transform:none}.categories-grid,.stats-grid{grid-template-columns:1fr}.top-bar{flex-wrap:wrap}.search-box{width:150px}.section-header{flex-wrap:wrap;gap:1rem}}.practice-mode{align-items:center}.practice-header{justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-bottom:1rem;display:flex}.back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.9rem;transition:color .2s;display:flex}.back-btn:hover{color:var(--text-primary)}.progress-container{align-items:center;gap:1rem;display:flex}.progress-text{flex-direction:column;align-items:flex-end;display:flex}.question-container{width:100%;max-width:800px;padding:1.5rem}.question-meta{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.points{color:var(--text-secondary);letter-spacing:.05em;font-size:.75rem;font-weight:600}.question-text{margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;line-height:1.4}.options-list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.option-card{border:1px solid var(--border);cursor:pointer;background-color:#ffffff05;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.option-card:hover{background-color:#ffffff0d}.option-card.correct-opt{background-color:#34d3990d;border-color:#34d399}.option-card.wrong-opt{background-color:#f871710d;border-color:#f87171}.custom-radio,.custom-checkbox{border:2px solid var(--text-secondary);justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.custom-radio{border-radius:50%}.custom-checkbox{border-radius:4px}.option-card.selected .custom-radio,.option-card.selected .custom-checkbox{border-color:var(--primary)}.option-card.correct-opt .custom-radio,.option-card.correct-opt .custom-checkbox{border-color:#34d399}.option-card.wrong-opt .custom-radio,.option-card.wrong-opt .custom-checkbox{border-color:#f87171}.radio-inner{background-color:var(--primary);border-radius:50%;width:12px;height:12px}.checkbox-inner{background-color:var(--primary);border-radius:2px;width:14px;height:14px}.option-card.correct-opt .radio-inner,.option-card.correct-opt .checkbox-inner{background-color:#34d399}.option-card.wrong-opt .radio-inner,.option-card.wrong-opt .checkbox-inner{background-color:#f87171}.option-text{color:var(--text-primary);font-size:.95rem}.question-actions{justify-content:flex-end;display:flex}.detailed-explanation{border:1px solid var(--border);background-color:#ffffff05;border-left:4px solid #f59e0b;border-radius:.5rem;margin-top:2rem;padding:1.5rem}.explanation-header{color:#f59e0b;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:flex}.explanation-text{margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.explanation-action{border:1px solid var(--border);color:#bfdbfe;cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.85rem;display:flex}@media (width<=768px){.practice-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.back-btn{font-size:.8rem}.progress-container{justify-content:space-between;width:100%}.question-container{padding:.75rem}.question-meta{margin-bottom:.5rem}.question-text{margin-bottom:.75rem;font-size:.9rem;line-height:1.3}.options-list{gap:.5rem;margin-bottom:1rem}.option-card{gap:.75rem;padding:.6rem .75rem}.option-text{font-size:.8rem;line-height:1.3}.custom-radio,.custom-checkbox{width:18px;height:18px}.radio-inner{width:8px;height:8px}.checkbox-inner{width:10px;height:10px}.btn-primary,.btn-secondary{padding:.5rem .75rem;font-size:.8rem}}.analytics-grid-top{grid-template-columns:1fr 1fr 1.2fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.mastery-card{justify-content:space-between;align-items:center;display:flex}.mastery-value{font-size:3rem;font-weight:700;line-height:1.2}.mastery-value span{color:var(--text-secondary);font-size:1.5rem;font-weight:500}.mastery-ring{border:8px solid #ffffff1a;border-top-color:#bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.streak-card{flex-direction:column;display:flex}.streak-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.streak-value{color:var(--text-secondary);font-size:1.2rem}.streak-value span{color:var(--text-primary);font-size:2.5rem;font-weight:700}.streak-bars{justify-content:space-between;align-items:flex-end;gap:.5rem;height:40px;margin-top:1rem;display:flex}.s-bar{background-color:var(--border);border-radius:4px;width:100%}.s-bar.s-active{background-color:#bfdbfe}.day-label{text-align:center;color:var(--text-secondary);flex:1;margin-top:.5rem;font-size:.75rem}.insight-card{border:1px solid #bfdbfe}.insight-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.insight-card p{color:#e2e8f0;line-height:1.6}.analytics-grid-bottom{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.bottom-left,.bottom-right{flex-direction:column;gap:1.5rem;display:flex}.toggle-group{background-color:var(--bg-color);border-radius:999px;padding:.25rem;display:flex}.toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.25rem 1rem;font-size:.75rem;font-weight:600}.toggle-btn.active{background-color:var(--card-bg);color:var(--text-primary)}.chart-placeholder{flex-direction:column;height:250px;margin-top:1rem;display:flex}.chart-area{flex:1}.x-axis{color:var(--text-secondary);justify-content:space-between;margin-top:1rem;padding:0 1rem;font-size:.75rem;display:flex}.acc-list{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.acc-item{align-items:center;gap:1rem;display:flex}.acc-icon{background-color:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.acc-content{flex:1;min-width:0}.acc-content h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-size:1rem;overflow:hidden}.acc-content p{font-family:monospace;font-size:.8rem}.acc-time{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:.75rem}.subject-bar{margin-bottom:1.5rem}.sub-header{justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:flex}.group-cta-card{border:1px solid var(--border);background-color:#0000;background-image:linear-gradient(#0f172acc,#0f172ae6),url(https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=60);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:2rem}.group-cta-card h3{color:#fff;margin-bottom:.5rem}.avatar-placeholder{background-color:var(--primary);background-image:url(https://i.pravatar.cc/100?img=33);background-size:cover;border-radius:50%;width:32px;height:32px}@media (width<=768px){.analytics-grid-top,.analytics-grid-bottom{grid-template-columns:1fr}.mastery-card{text-align:center;flex-direction:column;gap:1.5rem}}.settings-container{width:100%;max-width:800px}.settings-section{margin-bottom:3rem}.section-title{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.1rem;display:flex}.profile-card{align-items:center;gap:2rem;padding:2rem;display:flex}.profile-avatar-container{position:relative}.profile-img{object-fit:cover;border:4px solid var(--sidebar-bg);border-radius:50%;width:100px;height:100px}.edit-avatar-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border:2px solid var(--sidebar-bg);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:0;right:0}.profile-info{flex:1}.profile-info h2{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.level-badge{letter-spacing:.05em;text-transform:uppercase;background-color:#ffffff1a;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.profile-info p{margin-bottom:1.5rem}.xp-bar-container{width:100%}.xp-text{color:var(--text-secondary);margin-top:.5rem;font-family:monospace;font-size:.75rem;display:block}.preferences-card{padding:0;overflow:hidden}.preference-item{align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.pref-icon{width:40px;height:40px;color:var(--text-secondary);background-color:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:flex}.pref-content{flex:1}.pref-content h4{margin-bottom:.25rem;font-size:1rem}.pref-content p{font-size:.875rem}.pref-divider{background-color:var(--border);height:1px;margin:0 2rem}.toggle-switch{background-color:var(--border);cursor:pointer;border-radius:13px;width:50px;height:26px;transition:background-color .2s;position:relative}.toggle-switch.active{background-color:var(--primary)}.toggle-knob{background-color:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch.active .toggle-knob{transform:translate(24px)}.account-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.account-card{cursor:pointer;align-items:flex-start;gap:1rem;padding:1.5rem;transition:transform .2s;display:flex}.account-card:hover{transform:translateY(-2px)}.account-card-content h4{margin-bottom:.25rem}.account-card-content p{font-size:.875rem}.logout-card{background-color:#ef44440d;border-color:#ef444433}.logout-card:hover{border-color:#ef444480}@media (width<=768px){.profile-card{text-align:center;flex-direction:column}.profile-info h2{flex-direction:column}.account-grid{grid-template-columns:1fr}.preference-item{flex-direction:column;align-items:flex-start;gap:1rem}.toggle-switch{align-self:flex-end;margin-top:-30px}}.login-page{background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-header{text-align:center;margin-bottom:3rem}.login-logo{background-color:#bfdbfe1a;border-radius:1rem;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.login-header h1{margin-bottom:.5rem;font-size:2rem}.login-header p{color:var(--text-secondary)}.login-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:1rem;width:100%;max-width:450px;margin-bottom:2rem;padding:3rem 2rem}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.forgot-pw{color:var(--primary);font-size:.75rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);position:absolute;left:1rem}.input-wrapper input{background-color:var(--bg-color);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:.5rem;outline:none;padding:.75rem 1rem .75rem 3rem;font-size:1rem;transition:border-color .2s}.input-wrapper input:focus{border-color:var(--primary)}.login-btn{color:#1e3a8a;cursor:pointer;background-color:#bfdbfe;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:700;transition:transform .1s;display:flex}.login-btn:active{transform:scale(.98)}.divider{align-items:center;margin:2rem 0;display:flex}.divider:before,.divider:after{content:"";background-color:var(--border);flex:1;height:1px}.divider span{color:var(--text-secondary);letter-spacing:.1em;padding:0 1rem;font-size:.75rem}.social-login{gap:1rem;display:flex}.social-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background-color:#0000;border-radius:.5rem;flex:1;justify-content:center;align-items:center;padding:.75rem;transition:background-color .2s;display:flex}.social-btn:hover{background-color:#ffffff0d}.signup-text{margin-bottom:2rem;font-size:.9rem}.signup-text a{color:#bfdbfe;font-weight:600}.login-footer{color:var(--text-secondary);font-family:monospace;font-size:.75rem}