@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.icon{flex-shrink:0}.btn{cursor:pointer;border:none;border-radius:.5rem;outline:none;justify-content:center;align-items:center;gap:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.btn--sm{padding:.5rem .75rem;font-size:.875rem}.btn--md{padding:.75rem 1.25rem;font-size:1rem}.btn--lg{padding:1rem 1.5rem;font-size:1.125rem}.btn--primary{color:#fff;background-color:#6366f1}.btn--primary:hover:not(:disabled){background-color:#4f46e5}.btn--secondary{color:#fff;background-color:#10b981}.btn--secondary:hover:not(:disabled){background-color:#059669}.btn--outline{color:#111827;background-color:#0000;border:1px solid #d1d5db}.btn--outline:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn--ghost{color:#111827;background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:#f9fafb}.btn--danger{color:#fff;background-color:#ef4444}.btn--danger:hover:not(:disabled){background-color:#eb1515}.btn--full-width{width:100%}.btn--loading{color:#0000;position:relative}.btn--loading .btn__text{visibility:hidden}.btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.75s linear infinite spin;position:absolute}.btn__icon{justify-content:center;align-items:center;display:flex}.btn__icon--left{margin-right:.25rem}.btn__icon--right{margin-left:.25rem}@keyframes spin{to{transform:rotate(360deg)}}.avatar{color:#fff;background-color:#6366f1;border-radius:9999px;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative;overflow:hidden}.avatar__image{object-fit:cover;border-radius:9999px;width:100%;height:100%}.avatar--xs{width:24px;height:24px;font-size:10px}.avatar--sm{width:32px;height:32px;font-size:.75rem}.avatar--md{width:40px;height:40px;font-size:.875rem}.avatar--lg{width:56px;height:56px;font-size:1rem}.avatar--xl{width:80px;height:80px;font-size:1.25rem}.avatar__initials{line-height:1}.avatar__status{border:2px solid #fff;border-radius:9999px;width:12px;height:12px;position:absolute;bottom:0;right:0}.avatar__status--online{background-color:#22c55e}.avatar__status--offline{background-color:#9ca3af}.avatar__status--away{background-color:#f59e0b}.avatar__status--busy{background-color:#ef4444}.header{z-index:200;background-color:#fff;border-bottom:1px solid #e5e7eb;height:64px;position:sticky;top:0}.header__container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.header__left{align-items:center;gap:2rem;display:flex}.header__logo{color:#6366f1;align-items:center;gap:.5rem;text-decoration:none;display:flex}.header__logo-text{color:#111827;font-size:1.25rem;font-weight:700}.header__nav{display:none}@media (width>=768px){.header__nav{align-items:center;gap:1.5rem;display:flex}}.header__nav-link{color:#4b5563;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.header__nav-link:hover{color:#6366f1}.header__right{align-items:center;gap:.75rem;display:flex}.header__lang-switcher{align-items:center;gap:.25rem;display:flex}.header__lang-btn{cursor:pointer;color:#4b5563;background:0 0;border:1px solid #0000;border-radius:.375rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500;transition:all .15s}.header__lang-btn--active{color:#fff;background-color:#6366f1}.header__lang-btn:hover:not(.header__lang-btn--active){border-color:#e5e7eb}.header__menu-toggle{cursor:pointer;color:#111827;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}@media (width>=768px){.header__menu-toggle{display:none}}.header__user{cursor:pointer;align-items:center;gap:.75rem;display:flex}.header__user-menu{position:relative}.header__user-btn{cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.25rem;transition:background-color .15s;display:flex}.header__user-btn:hover{background-color:#f3f4f6}.header__dropdown{z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;min-width:180px;margin-top:.5rem;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.header__dropdown-item{color:#111827;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:background-color .15s;display:flex}.header__dropdown-item:hover{background-color:#f3f4f6}.header__auth{align-items:center;gap:.5rem;display:flex}.footer{background-color:#f3f4f6;border-top:1px solid #e5e7eb;padding:3rem 0 1.5rem}.footer__container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer__main{grid-template-columns:1.5fr 2fr;gap:3rem;display:grid}@media (width<=767px){.footer__main{grid-template-columns:1fr;gap:2rem}}.footer__brand{max-width:320px}.footer__logo{color:#6366f1;align-items:center;gap:.5rem;margin-bottom:1rem;text-decoration:none;display:flex}.footer__logo h4{color:#111827}.footer__description{margin-bottom:1.5rem;line-height:1.6}.footer__social{gap:.75rem;display:flex}.footer__social-link{color:#4b5563;background-color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.footer__social-link:hover{color:#fff;background-color:#6366f1}.footer__links{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media (width<=767px){.footer__links{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.footer__links{grid-template-columns:1fr}}.footer__links-section{flex-direction:column;gap:.75rem;display:flex}.footer__links-title{color:#111827;margin-bottom:.5rem}.footer__link{color:#4b5563;font-size:.875rem;text-decoration:none;transition:color .15s}.footer__link:hover{color:#6366f1}.footer__bottom{text-align:center;border-top:1px solid #e5e7eb;margin-top:3rem;padding-top:1.5rem}.main-layout{flex-direction:column;min-height:100vh;display:flex}.main-layout__content{flex:1}.badge{border-radius:9999px;align-items:center;font-weight:500;display:inline-flex}.badge--sm{padding:.25rem .5rem;font-size:.75rem}.badge--md{padding:.25rem .75rem;font-size:.875rem}.badge--default{color:#374151;background-color:#f3f4f6}.badge--primary{color:#6366f1;background-color:#6366f11a}.badge--secondary{color:#10b981;background-color:#10b9811a}.badge--success{color:#22c55e;background-color:#22c55e1a}.badge--warning{color:#f59e0b;background-color:#f59e0b1a}.badge--error{color:#ef4444;background-color:#ef44441a}.badge--outline{color:#4b5563;background-color:#0000;border:1px solid #e5e7eb}.nav-item{color:#4b5563;cursor:pointer;border-radius:.375rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover:not(.nav-item--disabled){color:#111827;background-color:#f3f4f6}.nav-item--active{color:#6366f1;background-color:#6366f11a}.nav-item--active .nav-item__icon{color:#6366f1}.nav-item--active:hover{background-color:#6366f126}.nav-item--disabled{opacity:.5;cursor:not-allowed}.nav-item--collapsed{justify-content:center;padding:.75rem}.nav-item__icon{color:currentColor;flex-shrink:0}.nav-item__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-item__badge{flex-shrink:0}.nav-item:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.sidebar{z-index:300;background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:260px;transition:all .25s;display:flex;position:fixed;top:64px;bottom:0;left:0}.sidebar--collapsed{width:72px}.sidebar--collapsed .sidebar__stats{display:none}@media (width<=767px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.sidebar__content{flex-direction:column;height:100%;padding:1rem;display:flex;overflow-y:auto}.sidebar__nav{flex-direction:column;gap:.25rem;display:flex}.sidebar__nav--bottom{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:1rem}.sidebar__nav-section{flex-direction:column;gap:.25rem;display:flex}.sidebar__stats{flex-direction:column;gap:.75rem;margin-top:1.5rem;margin-bottom:1.5rem;display:flex}.sidebar__stat-card{text-align:center;background-color:#f3f4f6;border-radius:.375rem;padding:1rem}.sidebar__stat-header{color:#6366f1;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.sidebar__toggle{cursor:pointer;color:#4b5563;z-index:1;background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.sidebar__toggle:hover{color:#111827;background-color:#f3f4f6}.dashboard-layout{background-color:#f9fafb;flex-direction:column;min-height:100vh;display:flex}.dashboard-layout--sidebar-collapsed .dashboard-layout__content{padding-left:72px}.dashboard-layout__body{flex:1;display:flex}.dashboard-layout__content{flex:1;padding-left:260px;transition:padding-left .25s;overflow-y:auto}@media (width<=767px){.dashboard-layout__content{padding-left:0}}.card{background-color:#fff;transition:all .15s}.card--default{background-color:#fff;border:1px solid #e5e7eb}.card--elevated{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card--elevated:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card--outlined{background-color:#0000;border:2px solid #e5e7eb}.card--filled{background-color:#f3f4f6;border:none}.card--padding-none{padding:0}.card--padding-sm{padding:.75rem}.card--padding-md{padding:1rem}.card--padding-lg{padding:1.5rem}.card--radius-none{border-radius:0}.card--radius-sm{border-radius:.25rem}.card--radius-md{border-radius:.375rem}.card--radius-lg{border-radius:.5rem}.card--clickable{cursor:pointer}.card--clickable:hover{transform:translateY(-2px)}.card--clickable:active{transform:translateY(0)}.card--clickable:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.card__header{border-bottom:1px solid #e5e7eb;margin-bottom:.75rem;padding-bottom:.75rem}.card__body{flex:1}.card__footer{border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem}.landing{flex-direction:column;min-height:100vh;display:flex}.landing__main{flex:1}.landing__hero{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:4rem 1.5rem;display:grid}@media (width<=767px){.landing__hero{text-align:center;grid-template-columns:1fr;padding:2rem 1rem}}.landing__hero-content{flex-direction:column;gap:1rem;display:flex}@media (width<=767px){.landing__hero-content{align-items:center}}.landing__hero-badge{width:fit-content}.landing__hero-title{font-size:2.25rem;line-height:1.1}@media (width<=639px){.landing__hero-title{font-size:1.875rem}}.landing__hero-subtitle{max-width:480px;line-height:1.6}.landing__hero-actions{gap:.75rem;margin-top:1rem;display:flex}@media (width<=639px){.landing__hero-actions{flex-direction:column;width:100%}}.landing__hero-stats{border-top:1px solid #e5e7eb;gap:2rem;margin-top:2rem;padding-top:2rem;display:flex}@media (width<=639px){.landing__hero-stats{justify-content:center;gap:1rem}}.landing__hero-stat{text-align:center}.landing__hero-visual{justify-content:center;align-items:center;display:flex}@media (width<=767px){.landing__hero-visual{display:none}}.landing__hero-mockup{color:#fff;background:linear-gradient(135deg,#6366f1,#10b981);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:400px;height:400px;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.landing__features{background-color:#f3f4f6;padding:4rem 1.5rem}.landing__section-header{text-align:center;max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto}.landing__section-header h2{margin-bottom:.75rem}.landing__features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}@media (width<=767px){.landing__features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.landing__features-grid{grid-template-columns:1fr}}.landing__feature-card{text-align:center;padding:1.5rem}.landing__feature-icon{color:#6366f1;background-color:#6366f11a;border-radius:.5rem;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.landing__how-it-works{max-width:1000px;margin:0 auto;padding:4rem 1.5rem}.landing__steps{justify-content:center;align-items:flex-start;gap:1rem;display:flex}@media (width<=767px){.landing__steps{flex-direction:column;align-items:center}}.landing__step{text-align:center;flex:1;max-width:280px;padding:1rem}.landing__step-number{color:#fff;background-color:#6366f1;border-radius:9999px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1rem;font-size:1.25rem;font-weight:700;display:flex}.landing__step-connector{background-color:#e5e7eb;width:100px;height:2px;margin-top:24px}@media (width<=767px){.landing__step-connector{width:2px;height:40px;margin:0}}.landing__testimonials{background-color:#f3f4f6;padding:4rem 1.5rem}.landing__testimonials-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}@media (width<=767px){.landing__testimonials-grid{grid-template-columns:1fr}}.landing__testimonial-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.landing__testimonial-content{flex:1}.landing__testimonial-quote-icon{color:#6366f1;opacity:.3;margin-bottom:.5rem}.landing__testimonial-text{font-style:italic;line-height:1.6}.landing__testimonial-author{border-top:1px solid #e5e7eb;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.landing__testimonial-avatar{object-fit:cover;border-radius:9999px;width:48px;height:48px}.landing__cta{max-width:800px;margin:0 auto;padding:4rem 1.5rem}.landing__cta-card{text-align:center;background:linear-gradient(135deg,#6366f11a,#10b9811a);padding:3rem}.landing__cta-card h2{margin-bottom:.75rem}.landing__cta-subtitle{max-width:500px;margin:0 auto 1.5rem}.input-wrapper{flex-direction:column;gap:.25rem;display:flex;position:relative}.input-icon{color:#4b5563;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input-icon--left{left:.75rem}.input-icon--right{right:.75rem}.input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:#9ca3af}.input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.input:disabled{cursor:not-allowed;background:#f9fafb}.input--full-width{width:100%}.input--error{border-color:#ef4444}.input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input--with-left-icon{padding-left:2.5rem}.input--with-right-icon{padding-right:2.5rem}.input-error{color:#ef4444;font-size:.875rem}.text{margin:0}.text--size-xs{font-size:.75rem}.text--size-sm{font-size:.875rem}.text--size-base{font-size:1rem}.text--size-lg{font-size:1.125rem}.text--size-xl{font-size:1.25rem}.text--size-2xl{font-size:1.5rem}.text--size-3xl{font-size:1.875rem}.text--weight-normal{font-weight:400}.text--weight-medium{font-weight:500}.text--weight-semibold{font-weight:600}.text--weight-bold{font-weight:700}.text--color-primary{color:#111827}.text--color-secondary{color:#4b5563}.text--color-tertiary{color:#9ca3af}.text--color-inverse{color:#fff}.text--color-danger{color:#ef4444}.text--color-success{color:#22c55e}.text--color-muted{color:#9ca3af}.text--align-left{text-align:left}.text--align-center{text-align:center}.text--align-right{text-align:right}.form-field{flex-direction:column;gap:.25rem;display:flex}.form-field__label{display:block}.form-field__required{color:#ef4444;margin-left:.25rem}.form-field__helper{margin-top:.25rem}.login-form{width:100%;max-width:420px}.login-form__header{text-align:center;margin-bottom:1.5rem}.login-form__header h2{margin-bottom:.5rem}.login-form__error{color:#ef4444;background-color:#ef44441a;border-radius:.375rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.login-form__form{flex-direction:column;gap:1rem;display:flex}.login-form__options{justify-content:space-between;align-items:center;display:flex}.login-form__checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.login-form__checkbox input{cursor:pointer;width:16px;height:16px}.login-form__forgot{text-decoration:none}.login-form__forgot:hover{text-decoration:underline}.login-form__divider{align-items:center;margin:1.5rem 0;display:flex}.login-form__divider:before,.login-form__divider:after{content:"";background-color:#e5e7eb;flex:1;height:1px}.login-form__divider span{color:#4b5563;padding:0 1rem;font-size:.875rem}.login-form__footer{text-align:center;margin-top:1.5rem}.login-form__footer a{text-decoration:none}.login-form__footer a:hover{text-decoration:underline}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (width<=767px){.login-page{grid-template-columns:1fr}}.login-page__sidebar{color:#fff;background:linear-gradient(135deg,#6366f1,#10b981);flex-direction:column;padding:2rem;display:flex}@media (width<=767px){.login-page__sidebar{display:none}}.login-page__logo{color:#fff;align-items:center;gap:.5rem;text-decoration:none;display:flex}.login-page__logo h4{color:#fff}.login-page__sidebar-content{flex-direction:column;flex:1;justify-content:center;max-width:400px;display:flex}.login-page__sidebar-content h2{color:#fff;margin-bottom:1rem}.login-page__sidebar-content p{color:#fffc;line-height:1.6}.login-page__main{background-color:#f9fafb;justify-content:center;align-items:center;padding:2rem;display:flex}.login-page__form-container{width:100%;max-width:420px}.login-page__demo-hint{text-align:center;background-color:#f3f4f6;border-radius:.375rem;margin-top:1rem;padding:.75rem}.login-page__signup-link{text-align:center;border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:.75rem}.login-page__signup-link p{margin:0}.login-page__link{color:#6366f1;font-weight:600;text-decoration:none;transition:color .25s}.login-page__link:hover{color:#10b981;text-decoration:underline}.signup-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (width<=767px){.signup-page{grid-template-columns:1fr}}.signup-page__sidebar{color:#fff;background:linear-gradient(135deg,#6366f1,#10b981);flex-direction:column;padding:2rem;display:flex}@media (width<=767px){.signup-page__sidebar{display:none}}.signup-page__logo{color:#fff;align-items:center;gap:.5rem;text-decoration:none;display:flex}.signup-page__logo h4{color:#fff}.signup-page__sidebar-content{flex-direction:column;flex:1;justify-content:center;max-width:400px;display:flex}.signup-page__sidebar-content h2{color:#fff;margin-bottom:1rem}.signup-page__sidebar-content p{color:#fffc;line-height:1.6}.signup-page__main{background-color:#f9fafb;justify-content:center;align-items:center;padding:2rem;display:flex;overflow-y:auto}.signup-page__form-container{width:100%;max-width:420px}.signup-form__header{margin-bottom:1.5rem}.signup-form__header h2{margin-bottom:.5rem}.signup-form__header p{margin:0}.signup-form__error{background-color:#ef44441a;border-left:4px solid #ef4444;border-radius:.375rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.signup-form__error p{margin:0}.signup-form__form{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.signup-form__row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.signup-form__footer{text-align:center;border-top:1px solid #e5e7eb;padding-top:.75rem}.signup-form__footer p{margin:0}.signup-form__link{color:#6366f1;font-weight:600;text-decoration:none;transition:color .25s}.signup-form__link:hover{color:#10b981;text-decoration:underline}.progress-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring__svg{display:block}.progress-ring__background{stroke:#e5e7eb}.progress-ring__progress{transition:stroke-dashoffset .25s}.progress-ring__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.progress-ring__value{color:#111827;font-weight:700}.progress-ring__label{color:#4b5563;margin-top:.25rem;font-size:.75rem}.progress-ring--sm .progress-ring__value{font-size:.75rem}.progress-ring--sm .progress-ring__label{font-size:10px}.progress-ring--md .progress-ring__value{font-size:.875rem}.progress-ring--lg .progress-ring__value{font-size:1.125rem}.progress-ring--xl .progress-ring__value{font-size:1.25rem}.progress-ring--xl .progress-ring__label{font-size:.875rem}.progress-ring--primary .progress-ring__progress{stroke:#6366f1}.progress-ring--secondary .progress-ring__progress{stroke:#10b981}.progress-ring--success .progress-ring__progress{stroke:#22c55e}.progress-ring--warning .progress-ring__progress{stroke:#f59e0b}.progress-ring--danger .progress-ring__progress{stroke:#ef4444}.dashboard{max-width:1400px;margin:0 auto;padding:1.5rem}@media (width<=639px){.dashboard{padding:1rem}}.dashboard__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}@media (width<=767px){.dashboard__header{flex-direction:column}}.dashboard__welcome h1{margin-bottom:.25rem}.dashboard__stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}@media (width<=767px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.dashboard__stats{grid-template-columns:1fr}}.dashboard__content{grid-template-columns:1fr 350px;gap:1.5rem;display:grid}@media (width<=767px){.dashboard__content{grid-template-columns:1fr}}.dashboard__main{flex-direction:column;gap:1.5rem;display:flex}.dashboard__section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dashboard__courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.dashboard__activity-list{flex-direction:column;gap:1rem;display:flex}.dashboard__activity-item{border-bottom:1px solid #e5e7eb;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.dashboard__activity-item:last-child{border-bottom:none;padding-bottom:0}.dashboard__activity-item:first-child{padding-top:0}.dashboard__activity-icon{border-radius:.375rem;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:700;display:flex}.dashboard__activity-icon--lesson{color:#6366f1;background-color:#6366f11a}.dashboard__activity-icon--achievement{color:#f59e0b;background-color:#f59e0b1a}.dashboard__activity-icon--xp{color:#22c55e;background-color:#22c55e1a}.dashboard__activity-content{flex:1;min-width:0}.dashboard__sidebar{flex-direction:column;gap:1.5rem;display:flex}@media (width<=767px){.dashboard__sidebar{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=639px){.dashboard__sidebar{grid-template-columns:1fr}}.dashboard__progress-card{text-align:center}.dashboard__progress-card h3{margin-bottom:1rem}.dashboard__progress-ring{justify-content:center;margin-bottom:1rem;display:flex}.dashboard__leaderboard-card .dashboard__section-header{margin-bottom:.5rem}.dashboard__leaderboard-list{flex-direction:column;gap:.25rem;display:flex}.module-card{flex-direction:column;gap:1rem;min-width:280px;display:flex}.module-card--locked{opacity:.7;cursor:not-allowed}.module-card--locked .module-card__icon-wrapper{background-color:#9ca3af}.module-card__header{justify-content:space-between;align-items:flex-start;display:flex}.module-card__icon-wrapper{color:#fff;background-color:#6366f1;border-radius:.375rem;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.module-card__badges{gap:.5rem;display:flex}.module-card__content{flex:1}.module-card__title{margin-bottom:.5rem}.module-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.module-card__footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.module-card__progress-info{align-items:center;gap:.5rem;display:flex}.modules{max-width:1400px;margin:0 auto;padding:1.5rem}@media (width<=639px){.modules{padding:1rem}}.modules__header{margin-bottom:1.5rem}.modules__title h1{margin-bottom:.25rem}.modules__filters{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.modules__search{max-width:400px}.modules__filter-group{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}@media (width<=639px){.modules__filter-group{flex-direction:column;align-items:flex-start}}.modules__filter-label{min-width:80px}.modules__filter-buttons,.modules__filter-tags{flex-wrap:wrap;gap:.25rem;display:flex}.modules__category-badge{cursor:pointer;transition:all .15s}.modules__category-badge:hover{transform:translateY(-1px)}.modules__results{margin-bottom:1rem}.modules__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.modules__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}.module-detail{max-width:1400px;margin:0 auto;padding:1.5rem}@media (width<=639px){.module-detail{padding:1rem}}.module-detail__header{border-bottom:1px solid #e5e7eb;grid-template-columns:1fr 320px;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;display:grid}@media (width<=767px){.module-detail__header{grid-template-columns:1fr}}.module-detail__header-content{flex-direction:column;gap:1rem;display:flex}.module-detail__breadcrumb{margin-bottom:.5rem}.module-detail__title-section{gap:1.5rem;display:flex}@media (width<=639px){.module-detail__title-section{flex-direction:column}}.module-detail__icon{background-color:#6366f11a;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.module-detail__icon svg{color:#6366f1}.module-detail__title-content{flex-direction:column;gap:.5rem;display:flex}.module-detail__badges{gap:.25rem;display:flex}.module-detail__progress-card{height:fit-content}.module-detail__progress-content{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.module-detail__progress-stats{flex-direction:column;gap:1rem;display:flex}.module-detail__stat h3{margin-bottom:0}.module-detail__content{grid-template-columns:1fr 350px;gap:2rem;display:grid}@media (width<=767px){.module-detail__content{grid-template-columns:1fr}}.module-detail__modules h2{margin-bottom:1.5rem}.module-detail__modules-list{flex-direction:column;gap:1rem;display:flex}.module-detail__module-card{overflow:hidden}.module-detail__module-header{cursor:pointer;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;display:flex}.module-detail__module-header svg{color:#9ca3af}.module-detail__module-info,.module-detail__lessons{flex-direction:column;gap:.25rem;display:flex}.module-detail__lesson{border-radius:.375rem;align-items:center;gap:1rem;padding:.5rem 1rem;transition:background-color .15s;display:flex}.module-detail__lesson:hover:not(.module-detail__lesson--locked){background-color:#f9fafb}.module-detail__lesson--completed .module-detail__lesson-status{color:#fff;background-color:#22c55e}.module-detail__lesson--locked{opacity:.5;cursor:not-allowed}.module-detail__lesson--locked .module-detail__lesson-status{color:#9ca3af;background-color:#f9fafb}.module-detail__lesson-status{background-color:#f9fafb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:500;display:flex}.module-detail__lesson-number{color:#9ca3af}.module-detail__lesson-content{flex:1;min-width:0}.module-detail__lesson-meta{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.module-detail__sidebar{flex-direction:column;gap:1.5rem;display:flex}.module-detail__sidebar h3{margin-bottom:1rem}.module-detail__about-list{flex-direction:column;gap:1rem;display:flex}.module-detail__about-item{align-items:flex-start;gap:1rem;display:flex}.module-detail__about-item svg{color:#9ca3af;margin-top:2px}.module-detail__prerequisites{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.module-detail__prerequisites li{align-items:center;gap:.5rem;display:flex}.module-detail__prerequisites li svg{color:#22c55e}.practice{max-width:1400px;margin:0 auto;padding:1.5rem}@media (width<=639px){.practice{padding:1rem}}.practice__header{margin-bottom:1.5rem}.practice__title h1{margin-bottom:.25rem}.practice__stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}@media (width<=767px){.practice__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.practice__stats{grid-template-columns:1fr}}.practice__content{grid-template-columns:1fr 350px;gap:1.5rem;display:grid}@media (width<=767px){.practice__content{grid-template-columns:1fr}}.practice__main{flex-direction:column;gap:1.5rem;display:flex}.practice__modes{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex}.practice__mode-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.practice__mode-btn:hover{color:#111827;background-color:#f9fafb}.practice__mode-btn--active{color:#fff;background-color:#6366f1}.practice__mode-btn--active:hover{color:#fff;background-color:#4f46e5}.practice__exercises{flex-direction:column;gap:1rem;display:flex}.practice__exercise-card{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (width<=639px){.practice__exercise-card{flex-direction:column;align-items:stretch}}.practice__exercise-content{flex:1}.practice__exercise-header{margin-bottom:.5rem}.practice__exercise-badges{gap:.25rem;margin-bottom:.25rem;display:flex}.practice__exercise-info h3{margin-bottom:.25rem}.practice__exercise-meta{gap:1rem;display:flex}.practice__exercise-stat{align-items:center;gap:.25rem;display:flex}.practice__exercise-stat svg{color:#9ca3af}.practice__sidebar{flex-direction:column;gap:1.5rem;display:flex}@media (width<=767px){.practice__sidebar{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=639px){.practice__sidebar{grid-template-columns:1fr}}.practice__daily-goal{text-align:center}.practice__daily-goal h3{margin-bottom:1rem}.practice__goal-progress{justify-content:center;margin-bottom:1rem;display:flex}.practice__goal-rewards{border-top:1px solid #e5e7eb;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.practice__reward-badge{color:#f59e0b;background-color:#f59e0b1a;border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex}.practice__challenge{flex-direction:column;gap:1rem;display:flex}.practice__challenge-info p:first-child{margin-bottom:.25rem}.practice__challenge-progress{flex-direction:column;gap:.25rem;display:flex}.practice__challenge-bar{background-color:#f9fafb;border-radius:.25rem;height:8px;overflow:hidden}.practice__challenge-fill{background-color:#6366f1;border-radius:.25rem;height:100%;transition:width .25s}.practice__challenge-reward{color:#f59e0b;align-items:center;gap:.25rem;display:flex}.practice__challenge-reward svg{color:#f59e0b}.piano{--key-width:40px;--key-height:200px;--black-key-width:24px;--black-key-height:120px;--border-radius:4px;background:#f8f9fa;border-radius:8px;flex-direction:column;gap:1rem;padding:1rem;display:flex;box-shadow:0 4px 12px #0000001a}.piano__controls{background:#fff;border:1px solid #e1e5e9;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.piano__control-group{align-items:center;gap:.75rem;display:flex}.piano__volume-slider{cursor:pointer;background:#e1e5e9;border-radius:2px;outline:none;width:100px;height:4px}.piano__volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2563eb;border-radius:50%;width:16px;height:16px}.piano__volume-slider::-moz-range-thumb{cursor:pointer;background:#2563eb;border:none;border-radius:50%;width:16px;height:16px}.piano__midi-controls{border-left:1px solid #e1e5e9;align-items:center;gap:.5rem;padding-left:.75rem;display:flex}.piano__keyboard{background:#2d3748;border-radius:8px;gap:1px;min-width:fit-content;padding:1rem;display:flex;box-shadow:inset 0 2px 4px #0003}.piano__octave{gap:1px;display:flex;position:relative}.piano__black-keys{pointer-events:none;width:100%;display:flex;position:absolute;top:0;left:20px;right:0}.piano__black-key-slot{pointer-events:none;flex:1;justify-content:center;display:flex}.piano__black-key-slot .piano__key{pointer-events:all}.piano__key{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f8f9fa 50%,#e9ecef 100%);border:none;outline:none;transition:all .1s;position:relative}.piano__key:active{transform:translateY(1px)}.piano__key--white{width:var(--key-width);height:var(--key-height);border-radius:0 0 var(--border-radius) var(--border-radius);z-index:1;border:1px solid #dee2e6}.piano__key--white:hover{background:linear-gradient(#f8f9fa 0%,#e9ecef 50%,#dee2e6 100%)}.piano__key--white.piano__key--active{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 50%,#1d4ed8 100%);box-shadow:inset 0 2px 4px #0000004d}.piano__key--black{width:var(--black-key-width);height:var(--black-key-height);border-radius:0 0 var(--border-radius) var(--border-radius);z-index:2;background:linear-gradient(#495057 0%,#343a40 50%,#212529 100%);border:1px solid #000}.piano__key--black:hover{background:linear-gradient(#6c757d 0%,#495057 50%,#343a40 100%)}.piano__key--black.piano__key--active{background:linear-gradient(#dc3545 0%,#c82333 50%,#bd2130 100%);box-shadow:inset 0 2px 4px #00000080}.piano__key-label{color:#6c757d;pointer-events:none;font-size:.75rem;font-weight:500;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.piano__keyboard-hint{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border-radius:4px;padding:.5rem}@media (width<=768px){.piano{--key-width:32px;--key-height:150px;--black-key-width:20px;--black-key-height:90px}.piano__controls{flex-direction:column;align-items:stretch;gap:.75rem}.piano__control-group{justify-content:center}.piano__midi-controls{border-top:1px solid #e1e5e9;border-left:none;justify-content:center;padding-top:.75rem;padding-left:0}.piano__keyboard{padding:.5rem}.piano__key-label{font-size:.625rem;bottom:4px}}@media (width<=480px){.piano{--key-width:24px;--key-height:120px;--black-key-width:16px;--black-key-height:70px}.piano__keyboard-hint{display:none}}.piano__key--midi-active{animation:.3s ease-out midiPulse}@keyframes midiPulse{0%{transform:scale(1)}50%{transform:scale(.98)translateY(1px)}to{transform:scale(1)}}.piano--loading .piano__keyboard{opacity:.6;pointer-events:none}.piano--error .piano__controls{background:#f8d7da;border-color:#dc3545}.music-staff{--staff-line-color:#2d3748;--ledger-line-color:#4a5568;--staff-line-height:2px;--line-spacing:8px;--note-size:32px;--clef-size:48px;background:#f7fafc;border-radius:8px;flex-direction:column;gap:1rem;padding:1rem;font-family:system-ui,-apple-system,sans-serif;display:flex;box-shadow:0 4px 12px #0000001a}.music-staff__controls{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.music-staff__control-group{align-items:center;gap:.75rem;display:flex}.music-staff__auto-play-checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.music-staff__auto-play-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary-color,#4299e1);margin:0}.music-staff__auto-play-checkbox:hover{opacity:.8}.music-staff__note-selector{flex-direction:column;gap:.5rem;display:flex}.music-staff__note-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.music-staff__note-button{cursor:pointer;background:#fff;border:2px solid #cbd5e0;border-radius:4px;flex-direction:column;align-items:center;gap:.25rem;min-width:60px;padding:.5rem;transition:all .2s;display:flex}.music-staff__note-button:hover{background:#ebf8ff;border-color:#3182ce}.music-staff__note-button--active{color:#1e40af;background:#dbeafe;border-color:#2b83f6}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.music-staff__note-symbol{font-size:1.5rem;font-weight:700}.music-staff__staff-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:100%;padding:2rem;position:relative;overflow-x:hidden}.music-staff__staff{flex-direction:column;justify-content:center;width:100%;min-width:800px;height:100%;display:flex;position:relative}.music-staff__score{z-index:30;color:#2d3748;pointer-events:none;background:#ffffffe6;border:1px solid #3182ce33;border-radius:.35rem;align-items:center;gap:.35rem;padding:.2rem .45rem;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:.5rem;right:.5rem}.music-staff__score-label{color:#4a5568}.music-staff__score-value{color:#2b6cb0;text-align:right;min-width:2.5rem}.music-staff__score-separator{color:#cbd5e0;margin:0 .1rem}.music-staff__timer-value{color:#2d3748;font-variant-numeric:tabular-nums;text-align:right;min-width:2.75rem}.music-staff__clef{font-size:var(--clef-size);color:var(--staff-line-color);z-index:5;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.music-staff__lines-container{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex;position:relative}.music-staff__line-container{justify-content:space-between;align-items:center;display:flex}.music-staff__line-container__staff-line-label{color:#718096;text-align:center;width:20px;font-family:monospace;font-size:5px}.music-staff__line-container__staff-line{width:100%;height:var(--staff-line-height);background-color:var(--staff-line-color);margin:calc(var(--line-spacing) / 2) 0;cursor:pointer;transition:background-color .2s}.music-staff__line-container__staff-line:hover{background-color:#4299e1}.music-staff__line-container__staff-line--ledger{background-color:var(--ledger-line-color);opacity:.1}.music-staff__line-container__staff-line--hidden-ledger{opacity:.1;background-color:#fff}.music-staff__line-container__staff-space{width:100%;height:var(--line-spacing);cursor:pointer;transition:background-color .2s}.music-staff__line-container__staff-space:hover{background-color:#4299e11a}.music-staff__notes{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.music-staff__note{pointer-events:auto;cursor:pointer;z-index:10;transition:color .2s,transform .2s,background-color .2s,border-color .2s,box-shadow .2s;position:absolute}.music-staff__note:hover{transform:scale(1.1)}.music-staff__note--active{color:#3182ce;transform:scale(1.2)}.music-staff__note--matched .music-staff__note-symbol{color:#38a169!important}.music-staff__note--matched{transform:scale(1.1)}.music-staff__note--matched:after{content:"✓";color:#38a169;font-size:12px;font-weight:700;position:absolute;top:-15px;right:-5px}.music-staff__note--target .music-staff__note-symbol{text-shadow:0 0 8px #3182ce99;color:#3182ce!important}.music-staff__note--target{animation:1.5s ease-in-out infinite pulse}.music-staff__note{white-space:nowrap;background:#ffffffe6;border-radius:2px;padding:2px 4px}.music-staff__note-remove{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;line-height:1;display:none;position:absolute;top:-8px;right:-8px}.music-staff__note-remove:hover{background:#c53030}.music-staff__note:hover .music-staff__note-remove{display:flex}.music-staff__info{align-items:center;gap:1rem;display:flex}.music-staff__hint{text-align:center;color:#718096;padding:1rem;font-style:italic}.music-staff__legend{text-align:center;color:#a0aec0;font-size:.875rem}@media (width<=768px){.music-staff{--note-size:14px;--clef-size:36px;--line-spacing:10px}.music-staff__staff-container{height:250px;padding:1rem}.music-staff__controls{flex-direction:column;align-items:stretch}.music-staff__note-buttons{justify-content:center}}.music-staff__exercise-controls{flex-direction:column;gap:1rem;display:flex}.music-staff__exercise-section,.music-staff__scrolling-controls{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:.75rem;padding:.75rem 1rem;display:flex}.music-staff__exercise-section h4,.music-staff__scrolling-controls h4{color:#2d3748;margin:0;font-size:.875rem;font-weight:600}.music-staff__scrolling-section{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.music-staff__scrolling-buttons{gap:.5rem;display:flex}.music-staff__speed-control{flex-direction:column;gap:.25rem;min-width:200px;display:flex}.music-staff__speed-slider{background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px}.music-staff__speed-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3182ce;border-radius:50%;width:18px;height:18px}.music-staff__speed-slider::-moz-range-thumb{cursor:pointer;background:#3182ce;border:none;border-radius:50%;width:18px;height:18px}.music-staff__exercise-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.music-staff__exercise-buttons button{flex:1;min-width:100px;transition:all .2s}.music-staff__exercise-buttons button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.music-staff__infinite-scroll-overlay{z-index:20;cursor:not-allowed;position:absolute;inset:0}.music-staff__hit-zone-indicator{z-index:5;pointer-events:none;background:linear-gradient(90deg,#3182ce1a,#3182ce33 20% 80%,#3182ce1a);border-left:2px solid #3182ce1a;border-right:2px solid #3182ce1a;position:absolute;top:0;bottom:0}.music-staff__hit-zone-indicator:before{content:"";background:linear-gradient(#0000,#3182ce,#0000);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.practice-detail{padding:2rem}.practice-detail__header{border-bottom:1px solid var(--color-border);flex-direction:column;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.practice-detail__content{flex-direction:column;gap:2rem;max-width:1400px;margin:0 auto;display:flex}.practice-detail__description{text-align:center;background:#f8f9fa;border-left:4px solid #2563eb;border-radius:8px;padding:1rem}.practice-detail__music-staff{width:100%;margin:0 auto}.practice-detail__piano{max-width:100%;margin:0 auto}@media (width<=768px){.practice-detail{padding:1rem}.practice-detail__content{gap:1.5rem}.practice-detail__music-staff,.practice-detail__piano{margin:0}}@media (width<=480px){.practice-detail__content{gap:1rem}}.leaderboard-item{background-color:#fff;border-radius:.375rem;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .15s;display:flex}.leaderboard-item:hover{background-color:#f3f4f6}.leaderboard-item--current{background-color:#6366f10d;border:1px solid #6366f133}.leaderboard-item--current:hover{background-color:#6366f11a}.leaderboard-item__rank{color:#4b5563;background-color:#f3f4f6;border-radius:9999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.leaderboard-item__rank--gold{color:#fff;background:linear-gradient(135deg,gold,#ffb800)}.leaderboard-item__rank--silver{color:#fff;background:linear-gradient(135deg,silver,#a8a8a8)}.leaderboard-item__rank--bronze{color:#fff;background:linear-gradient(135deg,#cd7f32,#b8722d)}.leaderboard-item__info{flex:1;min-width:0}.leaderboard-item__name{align-items:center;gap:.5rem;display:flex}.leaderboard-item__streak{color:#f59e0b;align-items:center;gap:.25rem;margin-top:.25rem;display:flex}.leaderboard-item__streak svg{color:#f59e0b}.leaderboard-item__points{text-align:right;align-items:center;gap:.25rem;display:flex}.leaderboard-item__change--up{color:#22c55e}.leaderboard-item__change--down{color:#ef4444}.leaderboard{max-width:1400px;margin:0 auto;padding:1.5rem}@media (width<=639px){.leaderboard{padding:1rem}}.leaderboard__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}@media (width<=767px){.leaderboard__header{flex-direction:column}}.leaderboard__title h1{margin-bottom:.25rem}.leaderboard__period-tabs{gap:.25rem;display:flex}.leaderboard__content{grid-template-columns:1fr 350px;gap:1.5rem;display:grid}@media (width<=767px){.leaderboard__content{grid-template-columns:1fr}}.leaderboard__main{flex-direction:column;gap:1.5rem;display:flex}.leaderboard__podium{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:center;align-items:flex-end;gap:1rem;padding:2rem;display:flex}@media (width<=639px){.leaderboard__podium{gap:.5rem;padding:1rem}}.leaderboard__podium-item{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.leaderboard__podium-item--1 .leaderboard__podium-stand{background:linear-gradient(gold 0%,#b8860b 100%);height:80px}.leaderboard__podium-item--1 .leaderboard__rank-badge{color:#000;background-color:gold}.leaderboard__podium-item--2 .leaderboard__podium-stand{background:linear-gradient(silver 0%,gray 100%);height:60px}.leaderboard__podium-item--2 .leaderboard__rank-badge{color:#000;background-color:silver}.leaderboard__podium-item--3 .leaderboard__podium-stand{background:linear-gradient(#cd7f32 0%,#8b4513 100%);height:40px}.leaderboard__podium-item--3 .leaderboard__rank-badge{color:#fff;background-color:#cd7f32}.leaderboard__podium-avatar{position:relative}.leaderboard__rank-badge{white-space:nowrap;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.leaderboard__podium-badges{flex-wrap:wrap;justify-content:center;gap:.25rem;max-width:120px;display:flex}.leaderboard__podium-stand{border-radius:.375rem .375rem 0 0;width:100px;margin-top:.5rem}@media (width<=639px){.leaderboard__podium-stand{width:80px}}.leaderboard__list-card{overflow:hidden}.leaderboard__list-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:60px 1fr 100px 80px;gap:1rem;padding:.5rem 1rem;display:grid}@media (width<=639px){.leaderboard__list-header{display:none}}.leaderboard__col-rank{text-align:center}.leaderboard__col-xp{text-align:right}.leaderboard__col-change{text-align:center}.leaderboard__list{flex-direction:column;display:flex}.leaderboard__sidebar{flex-direction:column;gap:1.5rem;display:flex}@media (width<=767px){.leaderboard__sidebar{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=639px){.leaderboard__sidebar{grid-template-columns:1fr}}.leaderboard__your-rank h3{margin-bottom:1rem}.leaderboard__your-rank-content{flex-direction:column;gap:1rem;display:flex}.leaderboard__your-rank-number{text-align:center}.leaderboard__your-rank-number h1{color:#6366f1;margin:0;font-size:3rem}.leaderboard__your-rank-info{justify-content:center;align-items:center;gap:1rem;display:flex}.leaderboard__your-rank-change{text-align:center;border-radius:.375rem;padding:.25rem .5rem}.leaderboard__your-rank-change--up{color:#22c55e;background-color:#22c55e1a}.leaderboard__your-rank-change--down{color:#ef4444;background-color:#ef44441a}.leaderboard__rewards{flex-direction:column;gap:1rem;display:flex}.leaderboard__reward{align-items:center;gap:1rem;display:flex}.leaderboard__reward-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.leaderboard__reward-icon--gold{color:#000;background:linear-gradient(gold 0%,#b8860b 100%)}.leaderboard__reward-icon--silver{color:#000;background:linear-gradient(silver 0%,gray 100%)}.leaderboard__reward-icon--bronze{color:#fff;background:linear-gradient(#cd7f32 0%,#8b4513 100%)}.leaderboard__reward-info p:first-child{margin-bottom:.25rem}.community{max-width:1400px;margin:0 auto;padding:1.5rem}@media (width<=639px){.community{padding:1rem}}.community__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}@media (width<=639px){.community__header{flex-direction:column}}.community__title h1{margin-bottom:.25rem}.community__content{grid-template-columns:1fr 320px;gap:1.5rem;display:grid}@media (width<=767px){.community__content{grid-template-columns:1fr}}.community__main{flex-direction:column;gap:1.5rem;display:flex}.community__filters{flex-direction:column;gap:1rem;display:flex}.community__search{max-width:400px}.community__categories{flex-wrap:wrap;gap:.25rem;display:flex}.community__posts{flex-direction:column;gap:1rem;display:flex}.community__post{cursor:pointer;transition:box-shadow .15s}.community__post:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.community__post-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}@media (width<=639px){.community__post-header{flex-direction:column}}.community__post-author{align-items:center;gap:.5rem;display:flex}.community__post-author-info{flex-direction:column;display:flex}.community__post-badges{flex-wrap:wrap;gap:.25rem;display:flex}.community__post-content{margin-bottom:1rem}.community__post-content h3{margin-bottom:.5rem}.community__post-actions{border-top:1px solid #e5e7eb;gap:1rem;padding-top:1rem;display:flex}.community__action-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.875rem;transition:all .15s;display:flex}.community__action-btn:hover{color:#111827;background-color:#f9fafb}.community__action-btn--active{color:#ef4444}.community__action-btn--active svg{fill:#ef4444}.community__sidebar{flex-direction:column;gap:1.5rem;display:flex}.community__sidebar h3{margin-bottom:1rem}@media (width<=767px){.community__sidebar{grid-template-columns:repeat(3,1fr);display:grid}}@media (width<=639px){.community__sidebar{grid-template-columns:1fr}}.community__online-members{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.community__online-member{align-items:center;gap:.5rem;display:flex}.community__tags{flex-wrap:wrap;gap:.25rem;display:flex}.community__guidelines{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.community__guidelines li{align-items:flex-start;gap:.5rem;display:flex}.community__guidelines li svg{color:#22c55e;flex-shrink:0;margin-top:2px}.stat-card{min-width:180px}.stat-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.stat-card__icon{border-radius:.375rem;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-card__icon--primary{color:#6366f1;background-color:#6366f11a}.stat-card__icon--secondary{color:#10b981;background-color:#10b9811a}.stat-card__icon--success{color:#22c55e;background-color:#22c55e1a}.stat-card__icon--warning{color:#f59e0b;background-color:#f59e0b1a}.stat-card__icon--danger{color:#ef4444;background-color:#ef44441a}.stat-card__body{align-items:baseline;gap:.5rem;display:flex}.stat-card__value{font-size:1.875rem;line-height:1}.stat-card__trend{border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex}.stat-card__trend--up{color:#22c55e;background-color:#22c55e1a}.stat-card__trend--down{color:#ef4444;background-color:#ef44441a}.stat-card__subtitle{margin-top:.5rem}.profile{max-width:1400px;margin:0 auto;padding:1.5rem}@media (width<=639px){.profile{padding:1rem}}.profile__header{margin-bottom:1.5rem}.profile__header-card{overflow:visible}.profile__header-content{gap:2rem;display:flex}@media (width<=767px){.profile__header-content{text-align:center;flex-direction:column;align-items:center}}.profile__avatar-section{flex-direction:column;align-items:center;gap:.5rem;display:flex}.profile__info{flex:1;min-width:0}.profile__name-row{align-items:center;gap:1rem;margin-bottom:.25rem;display:flex}@media (width<=767px){.profile__name-row{flex-wrap:wrap;justify-content:center}}.profile__name-row h1{margin:0}.profile__bio{max-width:600px;margin-top:.5rem}.profile__meta{gap:1.5rem;margin-top:1rem;display:flex}@media (width<=767px){.profile__meta{justify-content:center}}@media (width<=639px){.profile__meta{flex-direction:column;gap:.5rem}}.profile__meta-item{align-items:center;gap:.25rem;display:flex}.profile__meta-item svg{color:#9ca3af}@media (width<=767px){.profile__actions{width:100%}}.profile__stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}@media (width<=767px){.profile__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.profile__stats{grid-template-columns:1fr}}.profile__content{grid-template-columns:1fr 350px;gap:1.5rem;display:grid}@media (width<=767px){.profile__content{grid-template-columns:1fr}}.profile__main{flex-direction:column;gap:2rem;display:flex}.profile__section h2{margin-bottom:1.5rem}.profile__section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.profile__achievements{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.profile__achievement{align-items:center;gap:1rem;transition:all .15s;display:flex}.profile__achievement--locked{opacity:.5}.profile__achievement--locked .profile__achievement-icon{color:#9ca3af;background-color:#f9fafb}.profile__achievement-icon{color:#6366f1;background-color:#6366f11a;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.profile__achievement-info{flex:1;min-width:0}.profile__achievement-info p:first-child{margin-bottom:.25rem}.profile__achievement-lock{color:#9ca3af}.profile__activity-card{flex-direction:column;gap:1rem;display:flex}.profile__activity-item{border-bottom:1px solid #e5e7eb;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.profile__activity-item:last-child{border-bottom:none;padding-bottom:0}.profile__activity-item:first-child{padding-top:0}.profile__activity-icon{border-radius:.375rem;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.profile__activity-icon--lesson{color:#6366f1;background-color:#6366f11a}.profile__activity-icon--achievement{color:#f59e0b;background-color:#f59e0b1a}.profile__activity-icon--practice{color:#22c55e;background-color:#22c55e1a}.profile__activity-content{flex:1;min-width:0}.profile__sidebar{flex-direction:column;gap:1.5rem;display:flex}@media (width<=767px){.profile__sidebar{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=639px){.profile__sidebar{grid-template-columns:1fr}}.profile__level-card{text-align:center}.profile__level-card h3{margin-bottom:1rem}.profile__level-progress{justify-content:center;margin-bottom:1rem;display:flex}.profile__goals{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.profile__goal-header{justify-content:space-between;margin-bottom:.25rem;display:flex}.profile__goal-bar{background-color:#f9fafb;border-radius:.25rem;height:8px;overflow:hidden}.profile__goal-fill{background-color:#6366f1;border-radius:.25rem;height:100%;transition:width .25s}.page-loader{background:radial-gradient(circle at top,#6366f114,#0000 40%),linear-gradient(#f9fafb 0%,#fff 100%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:2rem;display:flex}.page-loader__spinner{border:4px solid #6366f12e;border-top-color:#6366f1;border-radius:9999px;width:3rem;height:3rem;animation:.8s linear infinite page-loader-spin;box-shadow:0 1px 2px #0000000d}@keyframes page-loader-spin{to{transform:rotate(360deg)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}input,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@media (width>=768px){.container{padding:0 1.5rem}}@media (width>=1024px){.container{padding:0 2rem}}