@charset "UTF-8";html{height:100%;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-wrapper{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(#0d1b2ae0,#1b263be0),url(/biblioteca.png) no-repeat center center/cover;overflow:hidden}.top-nav{position:absolute;top:25px;right:35px}.language-switcher{color:#fff9;font-size:.9rem;font-weight:600;letter-spacing:1px}.language-switcher span{cursor:pointer;transition:color .3s}.language-switcher span:hover,.language-switcher span.active{color:#007bff}.login-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:40px 30px;border-radius:16px;width:100%;max-width:390px;box-shadow:0 15px 35px #0006;text-align:center;z-index:1}.platform-title{color:#fff;font-size:2.2rem;font-weight:600;margin-bottom:30px;letter-spacing:2px}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:18px;color:#ffffff80;font-size:1rem;pointer-events:none}.toggle-password{position:absolute;right:18px;color:#ffffff80;font-size:.95rem;cursor:pointer;transition:color .3s}.toggle-password:hover{color:#007bff}.input-group input{width:100%;padding:14px 20px 14px 45px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:30px;color:#fff;font-size:.95rem;outline:none;transition:all .3s ease}.input-group input::placeholder{color:#ffffff80}.input-group input:focus{border-color:#007bff;background:#ffffff26;box-shadow:0 0 8px #007bff66}.input-group input:focus~.input-icon{color:#007bff}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-top:-5px}.remember-me{display:flex;align-items:center;gap:6px;color:#ffffffb3;cursor:pointer}.remember-me input{accent-color:#007bff;cursor:pointer}.forgot-password{color:#ffffffb3;text-decoration:none;transition:color .3s}.forgot-password:hover{color:#007bff;text-decoration:underline}.btn-submit{width:100%;padding:14px;background:#007bff;color:#fff;border:none;border-radius:30px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background .3s ease,transform .1s ease;margin-top:5px}.btn-submit:hover{background:#0056b3}.btn-submit:active{transform:scale(.98)}.form-links{margin-top:25px}.form-links a{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:color .3s}.form-links a:hover{color:#007bff}.brand-footer{position:absolute;bottom:20px;left:25px;display:flex;align-items:center;gap:8px;color:#ffffff80;font-size:.85rem}.footer-logo{height:1.1rem;width:auto;opacity:.8}.brand-footer strong{color:#fffc;letter-spacing:.5px}.legal-footer{position:absolute;bottom:20px;right:25px;display:flex;gap:10px;font-size:.85rem}.legal-footer a{color:#ffffff80;text-decoration:none;transition:color .3s}.legal-footer a:hover{color:#007bff}.legal-footer .separator{color:#fff3}.forgot-instructions{color:#ffffffbf!important;font-size:.95rem;line-height:1.5;margin-top:-10px;margin-bottom:30px;padding:0 15px;text-align:center}.dashboard-wrapper-light{position:relative;width:100%;min-height:100vh;background-color:#f8fafc;color:#1e293b;padding-bottom:60px;font-family:sans-serif}.main-navbar-light{width:100%;height:70px;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;padding:0 40px;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #00000005;box-sizing:border-box}.nav-brand-light{display:flex;align-items:center;gap:12px}.brand-icon-light{font-size:1.8rem;color:#007bff}.brand-text-light h2{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0}.brand-text-light span{font-size:.75rem;color:#64748b;display:block}.student-progress-simple{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#475569;background-color:#f1f5f9;padding:6px 14px;border-radius:15px;border:1px solid #e2e8f0}.progress-icon{color:#007bff}.student-progress-simple strong{color:#0f172a}.nav-actions-light{display:flex;align-items:center;gap:25px}.nav-language-light{font-size:.9rem;color:#64748b}.nav-language-light a{color:#64748b;text-decoration:none}.language-active{color:#0f172a;font-weight:600}.user-profile-dropdown{position:relative;cursor:pointer}.profile-trigger{display:flex;align-items:center;gap:10px;background-color:#fff;padding:8px 16px;border-radius:20px;font-size:.88rem;border:1px solid #e2e8f0;color:#334155;font-weight:500;transition:background-color .2s,border-color .2s}.profile-trigger:hover{background-color:#f8fafc;border-color:#cbd5e1}.status-badge-active{width:8px;height:8px;background-color:#2ecc71;border-radius:50%;display:inline-block;box-shadow:0 0 6px #2ecc71}.arrow-icon{font-size:.75rem;color:#94a3b8;margin-left:2px}.dropdown-menu{position:absolute;top:125%;right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;width:200px;box-shadow:0 10px 25px -5px #0000001a;display:flex;flex-direction:column;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:100}.dropdown-menu.show-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#475569;text-decoration:none;font-size:.88rem;transition:background-color .15s,color .15s}.dropdown-item i{font-size:.95rem;width:16px;color:#94a3b8}.dropdown-item:hover{background-color:#f1f5f9;color:#007bff}.dropdown-item:hover i{color:#007bff}.dropdown-divider{height:1px;background-color:#e2e8f0;margin:6px 0}.dropdown-item.logout:hover{background-color:#fef2f2;color:#ef4444}.dropdown-item.logout:hover i{color:#ef4444}.dashboard-container{max-width:1200px;margin:0 auto;padding:40px 20px}.dashboard-header-light{text-align:center;margin-bottom:45px}.dashboard-header-light .main-title-light{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:12px}.dashboard-header-light .subtitle-light{color:#475569;font-size:1.05rem;max-width:650px;margin:0 auto;line-height:1.5}.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-bottom:50px}.level-card-light{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:30px;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d;transition:transform .2s,box-shadow .2s,border-color .2s}.level-card-light:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000014;border-color:#cbd5e1}.level-tag-light{font-size:.75rem;letter-spacing:1.5px;font-weight:700;color:#007bff;margin-bottom:4px}.level-code-light{font-size:3rem;font-weight:800;color:#0f172a;line-height:1;margin:0 0 4px}.level-name-light{font-size:1.35rem;font-weight:600;color:#1e293b;margin:0 0 12px}.level-desc-light{font-size:.92rem;color:#475569;line-height:1.6;margin-bottom:25px;flex-grow:1}.card-footer-light{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid #f1f5f9;padding-top:15px}.lessons-count-light{font-size:.85rem;color:#64748b;font-weight:500}.btn-start-light{padding:9px 20px;background-color:#007bff;color:#fff;border:none;border-radius:20px;font-weight:600;font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .2s}.btn-start-light:hover{background-color:#0056b3}.info-cefr-light{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:35px;box-shadow:0 2px 4px #00000005;margin-top:20px}.cefr-title-light{font-size:1.2rem;font-weight:700;color:#0f172a;text-align:center;margin:0 0 30px}.cefr-columns-light{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.cefr-col-light h5{font-size:1rem;font-weight:700;margin:0 0 12px;color:#1e293b;border-left:3px solid #007bff;padding-left:10px}.cefr-col-light p{font-size:.88rem;color:#475569;line-height:1.6;margin-bottom:12px}.cefr-col-light p strong{color:#007bff}.brand-footer-light{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:50px;font-size:.85rem;color:#64748b}.footer-logo-light{height:18px;width:auto}.profile-main-container{max-width:1000px;margin:0 auto;padding:30px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.user-profile-name,.card-section-title,.level-status-text h4,.academic-details-list strong,.back-home-btn-light,.btn-continue-learning{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.back-home-btn-light{display:inline-flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;font-size:.9rem;font-weight:600;margin-bottom:20px;transition:color .2s}.back-home-btn-light:hover{color:#007bff}.profile-card-header{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000a;margin-bottom:30px}.profile-banner{height:140px;background:linear-gradient(135deg,#0056b3,#007bff);width:100%}.profile-user-info-bar{display:flex;padding:0 30px 25px;position:relative;align-items:flex-end;gap:25px}.avatar-wrapper{margin-top:-60px;z-index:2}.profile-avatar-placeholder{width:110px;height:110px;background-color:#e2e8f0;border:5px solid #ffffff;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#64748b;font-size:2.8rem;box-shadow:0 4px 10px #00000014}.user-text-details{flex-grow:1;padding-top:15px}.name-status-row{display:flex;align-items:center;gap:15px;margin-bottom:6px}.user-profile-name{font-size:1.6rem;font-weight:800;color:#0f172a;margin:0}.online-pill{background-color:#e6f4ea;color:#137333;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.meta-row{display:flex;gap:20px;font-size:.88rem;color:#64748b}.meta-row span{display:flex;align-items:center;gap:6px}.profile-columns-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.info-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:25px;margin-bottom:25px;box-shadow:0 2px 4px #00000005}.card-section-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0 0 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f1f5f9;padding-bottom:10px}.card-section-title i{color:#007bff}.current-level-status{display:flex;align-items:center;gap:15px;background-color:#f8fafc;padding:15px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:20px}.level-badge-mini{width:50px;height:50px;background-color:#007bff;color:#fff;border-radius:10px;font-weight:800;font-size:1.3rem;display:flex;justify-content:center;align-items:center}.level-status-text h4{margin:0 0 4px;font-size:.98rem;color:#1e293b}.level-status-text p{margin:0;font-size:.85rem;color:#64748b}.btn-continue-learning{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;background-color:#007bff;color:#fff;text-decoration:none;font-weight:600;border-radius:12px;font-size:.95rem;text-align:center;transition:background-color .2s,transform .1s;margin-bottom:25px;box-sizing:border-box;box-shadow:0 4px 12px #007bff33}.btn-continue-learning:hover{background-color:#0056b3;transform:translateY(-1px)}.profile-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;text-align:center}.stat-box{background-color:#f1f5f9;padding:12px 5px;border-radius:12px;border:1px solid #e2e8f0}.stat-box strong{display:block;font-size:1.5rem;color:#0f172a;font-weight:800}.stat-box span{font-size:.78rem;color:#64748b;font-weight:500}.academic-details-list{list-style:none;padding:0;margin:0}.academic-details-list li{font-size:.95rem;line-height:1.8;color:#475569;margin-bottom:14px}.badges-row{display:flex;gap:20px;justify-content:flex-start;flex-wrap:wrap}.badge-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:80px}.badge-icon{width:50px;height:50px;background-color:#f1f5f9;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:#94a3b8;border:1px solid #e2e8f0;margin-bottom:6px}.badge-item span{font-size:.72rem;font-weight:600;color:#64748b}.icon-gold{background-color:#fff9db;color:#f59f00;border-color:#ffe066}.icon-blue{background-color:#e6f2ff;color:#007bff;border-color:#b3d7ff}.badge-item.locked .badge-icon{background-color:#f8fafc;color:#cbd5e1;border-style:dashed}@media(max-width:768px){.profile-columns-layout{grid-template-columns:1fr}.profile-user-info-bar{flex-direction:column;align-items:center;text-align:center;padding-bottom:20px}.name-status-row{flex-direction:column;gap:8px}.meta-row{flex-direction:column;gap:6px}.avatar-wrapper{margin-top:-55px}}*{margin:0;padding:0;box-sizing:border-box}.light-path-body{background-color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#0f172a;padding-bottom:60px}.light-path-nav-left{display:flex;align-items:center;gap:12px}.light-path-logo-icon{font-size:1.8rem;color:#007bff}.light-path-brand-title{font-weight:700;font-size:1.15rem;color:#0f172a;display:block}.light-path-brand-sub{font-size:.75rem;color:#64748b;display:block}.light-path-nav-center{display:flex;align-items:center}.light-path-progress-pill{background-color:#ebf5ff;color:#1e3a8a;padding:8px 18px;border-radius:20px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:8px}.light-path-progress-pill i{color:#3b82f6}.light-path-nav-right{display:flex;align-items:center;gap:25px}.light-path-lang{font-size:.88rem;color:#475569;font-weight:600}.light-path-user-dropdown{background-color:#f1f5f9;padding:8px 16px;border-radius:30px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:10px;border:1px solid #cbd5e1;color:#334155}.light-path-status-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%}.light-path-container{max-width:1200px;margin:35px auto 0;padding:0 20px}.light-path-back-link{color:#475569;text-decoration:none;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;margin-bottom:25px;transition:color .2s}.light-path-back-link:hover{color:#007bff}.light-path-header-section{text-align:center;margin-bottom:45px}.light-path-level-tag{background-color:#007bff;color:#fff;padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.5px}.light-path-main-title{font-size:2.6rem;font-weight:800;color:#0f172a;margin:18px 0 10px}.light-path-subtitle{font-size:1.05rem;color:#475569;max-width:600px;margin:0 auto}.light-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:45px}.light-lesson-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 12px #0f172a08;transition:transform .2s,box-shadow .2s}.light-lesson-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0f172a0f}.light-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.light-lesson-tag{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:8px}.light-status-icon-check{color:#3b82f6;font-size:1.1rem}.light-status-icon-pending{color:#94a3b8;font-size:1.1rem;opacity:.4}.light-card-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:4px}.light-card-desc{font-size:.9rem;color:#475569;min-height:40px;margin-bottom:20px}.light-card-list{list-style:none;margin-bottom:25px;flex-grow:1}.light-card-list li{font-size:.88rem;color:#334155;display:flex;align-items:center;gap:10px;margin-bottom:10px}.light-card-list li i{color:#64748b;font-size:.95rem}.light-card-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#007bff;color:#fff;text-decoration:none;padding:12px;border-radius:25px;font-weight:700;font-size:.9rem;text-align:center;transition:background-color .2s;box-shadow:0 4px 10px #007bff26}.light-card-btn:hover{background-color:#0056b3}.border-blue{border-top:4px solid #a5f3fc}.border-green{border-top:4px solid #bbf7d0}.border-purple{border-top:4px solid #e9d5ff}.border-orange{border-top:4px solid #fed7aa}.border-pink{border-top:4px solid #fbcfe8}.border-cyan{border-top:4px solid #bae6fd}.border-teal{border-top:4px solid #99f6e4}.border-yellow{border-top:4px solid #fef08a}.tag-blue{background-color:#ecfeff;color:#0891b2}.tag-green{background-color:#f0fdf4;color:#16a34a}.tag-purple{background-color:#faf5ff;color:#9333ea}.tag-orange{background-color:#fff7ed;color:#ea580c}.tag-pink{background-color:#fdf2f8;color:#db2777}.tag-cyan{background-color:#f0f9ff;color:#0284c7}.tag-teal{background-color:#f0fdfa;color:#0d9488}.tag-yellow{background-color:#fefce8;color:#ca8a04}.light-path-footer-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:30px;text-align:center;box-shadow:0 4px 12px #0f172a05}.light-path-footer-card h2{font-size:1.4rem;color:#0f172a;margin-bottom:8px}.light-path-footer-card p{font-size:.95rem;color:#475569}body.light-path-body{background-color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;color:#0f172a}.light-path-navbar{background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;padding:14px 40px}.nav-brand{display:flex;align-items:center;gap:12px}.nav-brand i{color:#007bff;font-size:22px}.brand-text h2{font-size:16px;font-weight:700;margin:0;color:#0f172a}.brand-text span{font-size:11px;color:#64748b}.light-path-progress-pill{background-color:#ebf5ff;color:#1e3a8a;padding:8px 18px;border-radius:20px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px}.user-meta{display:flex;align-items:center;gap:15px}.user-badge{background-color:#f1f5f9;padding:6px 14px;border-radius:12px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.user-status-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%}.lesson-layout-container{max-width:1240px;margin:30px auto;padding:0 20px;display:grid;grid-template-columns:1fr 320px;gap:30px}.light-path-back-link{text-decoration:none;color:#475569;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;margin-bottom:15px}.lesson-badge{background-color:#eff6ff;color:#2563eb;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700}.lesson-main-title{font-size:2rem;margin:8px 0;color:#0f172a}.subtitle-theme{font-size:1.3rem;color:#007bff;margin-bottom:6px}.theme-description{color:#475569;margin-bottom:25px}.image-placeholder-container{background-color:#fff;border:2px dashed #cbd5e1;border-radius:14px;padding:45px 20px;text-align:center;margin-bottom:25px}.placeholder-box{color:#94a3b8}.placeholder-icon{font-size:2.5rem;margin-bottom:10px}.lesson-section-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:25px;margin-bottom:25px}.section-title{font-size:1.2rem;margin-bottom:15px;display:flex;align-items:center;gap:10px}.section-instruction{color:#64748b;font-size:14px;margin-bottom:15px}.vocabulary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.vocab-card{background-color:#fff;border:1px solid #f1f5f9;border-top:4px solid #fed7aa;border-radius:10px;padding:14px 18px;display:flex;align-items:center;position:relative;box-shadow:0 2px 5px #00000005}.vocab-card .en{font-weight:700;color:#d97706;width:35%}.vocab-card .es{color:#475569}.audio-icon{position:absolute;right:18px;color:#cbd5e1;cursor:pointer}.exercise-block{margin-bottom:30px;border-bottom:1px dashed #e2e8f0;padding-bottom:20px}.exercise-block:last-of-type{border-bottom:none}.exercise-block h4{font-size:15px;color:#334155;margin-bottom:15px}.question-row,.question-block-select{padding:10px 15px;margin-bottom:10px;border-radius:8px;display:flex;align-items:center;gap:10px;transition:background .2s}.question-block-select{display:block}.quiz-input{border:1px solid #cbd5e1;border-radius:6px;padding:6px;width:60px;text-align:center;font-weight:700}.quiz-input.continuous-input{width:120px}.radio-options{display:flex;gap:20px;margin-top:8px}.question-row.correct,.question-block-select.correct{background-color:#f0fdf4;border-left:4px solid #16a34a}.question-row.incorrect,.question-block-select.incorrect{background-color:#fef2f2;border-left:4px solid #dc2626}.quiz-actions{display:flex;gap:15px}.check-answers-btn{background-color:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer}.retry-btn{background-color:#64748b;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer}.result-panel{background-color:#f8fafc;border:1px solid #e2e8f0;padding:15px;border-radius:8px;margin-bottom:15px}.hidden{display:none!important}.lesson-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-widget{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.sidebar-widget h4{margin:0 0 12px;font-size:14px}.video-preview-box{background-color:#1e293b;height:140px;border-radius:12px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px}.game-preview-box{background-color:#a855f7;height:80px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-weight:700;gap:6px}.widget-btn-action,.widget-btn-next{width:100%;padding:10px;border-radius:8px;border:none;margin-top:12px;font-weight:700;cursor:pointer;text-align:center;display:block;text-decoration:none}.widget-btn-action{background-color:#f1f5f9;color:#475569}.widget-btn-next{background-color:#10b981;color:#fff}