.lesson-container{--primary-color: #1f4a6b;--primary-light: #e3edf3;--primary-dark: #012561;--secondary-color: #5b7fa1;--success-color: #10b981;--success-light: #ecfdf5;--warning-color: #f59e0b;--warning-light: #fffbeb;--error-color: #ef4444;--error-light: #fef2f2;--info-color: #3b82f6;--info-light: #eff6ff;--text-primary: #233642;--text-secondary: #53656f;--text-muted: #64707b;--text-light: #f3f4f6;--border-color: rgba(31, 74, 107, .18);--border-dark: #1f4a6b;--bg-white: #fffaf2;--bg-light: #f7efe2;--bg-lighter: #efe2cf;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 8px 24px -16px rgba(1, 37, 97, .2);--shadow-lg: 0 16px 32px -20px rgba(1, 37, 97, .24);--shadow-xl: 0 24px 48px -32px rgba(1, 37, 97, .28)}.lesson-container{display:flex;flex-direction:column;gap:2rem}.lesson-card{border-radius:1.5rem;border:1px solid var(--border-color);background-color:var(--bg-white);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.lesson-card.is-visible{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@media (prefers-color-scheme: dark){.lesson-card{background-color:#1f2937;border-color:#374151}}.lesson-activity-card{border-radius:1.5rem;border:1px solid var(--border-color);background-color:var(--bg-white);padding:2rem;box-shadow:var(--shadow-sm)}.lesson-activity-card.is-visible{animation:slideUp .4s ease-out}.lesson-section-card{border-radius:1.5rem;border:1px solid var(--border-color);background-color:var(--bg-white);padding:2rem;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;overflow:hidden}.lesson-section-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#3b82f6,#1e40af);opacity:0;transition:opacity .3s ease}.lesson-section-card:hover{box-shadow:0 8px 24px #3b82f61f;border-color:#3b82f64d}.lesson-section-card:hover:before{opacity:1}.lesson-section-card.is-visible{animation:slideUp .4s ease-out}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{display:flex;flex-wrap:wrap}.flex-column{display:flex;flex-direction:column}.gap-6{gap:1.5rem}.grid-1-col,.grid-2-cols{display:grid;grid-template-columns:1fr;gap:2rem}.grid-3-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.grid-2-cols,.grid-3-cols{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.badge-blue{background-color:var(--primary-light);color:var(--primary-dark)}.badge-emerald{background-color:var(--success-light);color:var(--success-color)}.badge-blue-dark{background-color:#dbeafe;color:#1e40af}@media (prefers-color-scheme: dark){.badge-blue{background-color:#7c2d12;color:#fef3c7}.badge-emerald{background-color:#064e3b;color:#6ee7b7}}.lesson-progress-pill{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid #d1fae5;background-color:#ecfdf5;padding:.25rem .75rem;font-size:.875rem;font-weight:500;color:#059669}@media (prefers-color-scheme: dark){.lesson-progress-pill{border-color:#064e3b;background-color:#10b9811a;color:#6ee7b7}}.progress-container{height:.5rem;border-radius:9999px;background-color:var(--border-color);overflow:hidden;margin:1rem 0}.progress-bar{height:100%;border-radius:9999px;background:linear-gradient(to right,#3b82f6,#6366f1,#10b981);transition:width .5s ease}.heading-lg{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-top:1rem;margin-bottom:.75rem}.heading-md{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.heading-sm{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.text-base{font-size:1rem;color:var(--text-primary)}.text-secondary{font-size:.875rem;color:var(--text-secondary)}.text-muted{font-size:.875rem;color:var(--text-muted)}@media (prefers-color-scheme: dark){.heading-lg,.heading-md,.heading-sm,.text-base{color:#fff}.text-secondary{color:#d1d5db}.text-muted{color:#9ca3af}}.lesson-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.lesson-summary{max-width:48rem;color:var(--text-secondary);font-size:.95rem;margin:.75rem 0}.steps-container{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.step-badge{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid var(--border-color);background-color:var(--bg-white);padding:.25rem .75rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.step-badge.completed{border-color:#a7f3d0;background-color:var(--success-light);color:var(--success-color)}@media (prefers-color-scheme: dark){.step-badge{background-color:#1f2937;border-color:#374151;color:#d1d5db}.step-badge.completed{border-color:#047857;background-color:#10b9811a;color:#6ee7b7}}.completion-message{border-radius:.875rem;border:1px solid #a7f3d0;background-color:var(--success-light);padding:1rem;font-size:.875rem;color:var(--success-color);font-weight:500}@media (prefers-color-scheme: dark){.completion-message{border-color:#047857;background-color:#10b9811a;color:#6ee7b7}}.info-card{border-radius:.875rem;border:1px solid var(--border-color);background-color:var(--bg-lighter);padding:1rem}.info-card-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.info-card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.info-card-item{display:flex;gap:.5rem;font-size:.875rem;color:var(--text-secondary);align-items:flex-start}.info-card-icon{width:1rem;height:1rem;flex-shrink:0;color:var(--primary-color)}.vocab-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.vocab-tag{display:inline-block;border-radius:9999px;background-color:var(--bg-white);padding:.25rem .75rem;font-size:.875rem;color:var(--text-primary);box-shadow:var(--shadow-sm)}@media (prefers-color-scheme: dark){.info-card{background-color:#1f2937b3;border-color:#374151}.info-card-title{color:#fff}.info-card-item{color:#d1d5db}.vocab-tag{background-color:#1f2937;color:#e5e7eb}}.video-container{overflow:hidden;border-radius:.875rem;border:1px solid var(--border-color)}.video-container iframe{width:100%;height:420px;border:none}.article-section{border-radius:1.5rem;border:1px solid var(--border-color);background-color:var(--bg-white);padding:2rem;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;overflow:hidden}.article-section:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#3b82f6,#1e40af);opacity:0;transition:opacity .3s ease}.article-section:hover{box-shadow:0 8px 24px #3b82f61f;border-color:#3b82f64d}.article-section:hover:before{opacity:1}.article-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:var(--text-primary);padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.article-header-icon{width:1.5rem;height:1.5rem;color:var(--primary-color)}.article-header-title{font-size:1.375rem;font-weight:700;letter-spacing:-.3px}@media (prefers-color-scheme: dark){.article-section{background-color:#1f2937;border-color:#374151}.article-section:hover{border-color:#3b82f680;box-shadow:0 8px 24px #3b82f626}.article-header{color:#fff;border-bottom-color:#374151}.article-header-icon{color:#60a5fa}}.slides-container{display:flex;flex-direction:column;gap:1rem}.slide-item{border-radius:1rem;background:linear-gradient(135deg,#0369a1,#0c4a6e);border:1px solid rgba(59,130,246,.15);padding:1.5rem;transition:all .3s ease}.slide-item:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f614;background:linear-gradient(135deg,#0284c7,#0369a1)}.slide-title{font-weight:700;font-size:1rem;color:#fff;margin-bottom:.5rem}.slide-content{font-size:.875rem;color:#e5e7eb;line-height:1.5}@media (prefers-color-scheme: dark){.slide-item{background:linear-gradient(135deg,#0c4a6e,#082f49)}.slide-item:hover{border-color:#60a5fa80}.slide-title{color:#fff}.slide-content{color:#d1d5db}}.resources-container{display:flex;flex-wrap:wrap;gap:1rem}.resource-link{display:inline-flex;align-items:center;gap:.75rem;border:1px solid rgba(59,130,246,.2);border-radius:.875rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--primary-color);background:linear-gradient(135deg,#3b82f60d,#3b82f605);text-decoration:none;transition:all .3s ease}.resource-link:hover{border-color:var(--primary-color);background:linear-gradient(135deg,#3b82f61a,#3b82f60d);box-shadow:0 4px 12px #3b82f61f;transform:translateY(-2px)}.resource-link-icon{width:1.125rem;height:1.125rem;flex-shrink:0}@media (prefers-color-scheme: dark){.resource-link{border-color:#60a5fa4d;background:linear-gradient(135deg,#3b82f614,#3b82f608);background-color:#1f2937}.resource-link:hover{border-color:#60a5fa;background:linear-gradient(135deg,#3b82f626,#3b82f614);color:#93c5fd}}.quiz-container{display:flex;flex-direction:column;gap:2.5rem}.question-block{border-radius:1rem;background:#0284c726;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem;border:2px solid rgba(2,132,199,.4);transition:all .3s ease;margin-bottom:0}.question-block:not(:last-child){border-bottom:2px solid rgba(2,132,199,.3);padding-bottom:2.5rem;margin-bottom:2.5rem}.question-block:hover{background:#06b6d433;border-color:#06b6d499}.question-text{font-weight:700;font-size:1rem;color:#fff;margin-bottom:1rem;line-height:1.5}.options-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.option-button{width:100%;text-align:left;border:2px solid;border-radius:.875rem;padding:1rem;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-weight:500}.option-text{display:flex;align-items:center;gap:.5rem;flex:1}.option-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.option-button.option-0,.option-button.option-1,.option-button.option-2,.option-button.option-3,.option-button.option-4,.option-button.option-5{background:linear-gradient(135deg,#0369a1,#0c4a6e);border-color:#0c4a6e;color:#fff}.option-button.option-0:hover:not(:disabled),.option-button.option-1:hover:not(:disabled),.option-button.option-2:hover:not(:disabled),.option-button.option-3:hover:not(:disabled),.option-button.option-4:hover:not(:disabled),.option-button.option-5:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);border-color:#0369a1;transform:translate(4px);box-shadow:0 4px 12px #0369a166}.option-button.option-selected{background:linear-gradient(135deg,#0284c7,#0369a1)!important;border-color:#0284c7!important;border-width:3px;font-weight:600;box-shadow:0 4px 12px #0284c799!important}.option-button.option-correct{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#059669!important;color:#fff!important}.option-button.option-wrong{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#991b1b!important;color:#fff!important}.option-button:disabled{cursor:not-allowed;opacity:.8}@media (prefers-color-scheme: dark){.question-block{background-color:#1f2937b3}.question-text{color:#fff}.option-button{border-color:#374151;background-color:#1f2937;color:#e5e7eb}.option-button:hover{border-color:#3b82f6;background-color:#3b82f61a}.option-button.selected{border-color:#3b82f6;background-color:#3b82f61a;color:#93c5fd}}.audio-player{width:100%;margin-bottom:1.5rem;border-radius:.5rem;accent-color:var(--primary-color)}.listening-message{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.5rem;padding:1rem;border-radius:.875rem;background:linear-gradient(135deg,#0369a1,#0c4a6e);border-left:3px solid var(--primary-color);color:#fff}.listening-questions{display:flex;flex-direction:column;gap:1rem}.listening-question{border-radius:1rem;background:linear-gradient(135deg,#0369a1,#0c4a6e);border:1px solid rgba(59,130,246,.15);padding:1.5rem;transition:all .3s ease}.listening-question:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f614;background:linear-gradient(135deg,#0284c7,#0369a1)}.listening-question-text{font-weight:700;font-size:1rem;color:#fff;margin-bottom:.5rem}.listening-options{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary);padding:.75rem;background-color:#0369a1;border-radius:.5rem;border-left:2px solid rgba(59,130,246,.2);color:#fff}@media (prefers-color-scheme: dark){.listening-message{background:linear-gradient(135deg,#0c4a6e,#0d47a1);border-left-color:#60a5fa}.listening-question{background:linear-gradient(135deg,#0c4a6e,#082f49)}.listening-question:hover{border-color:#60a5fa80}.listening-question-text{color:#fff}.listening-options{background-color:#0c4a6e;border-left-color:#60a5fa4d;color:#fff}}.audio-game-container{background:#0284c714;border:2px solid rgba(2,132,199,.3);border-radius:1.25rem;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #0284c71a}.audio-player-wrapper{display:flex;flex-direction:column;gap:1rem}.audio-label{font-weight:700;font-size:1.1rem;color:#fff;display:flex;align-items:center;gap:.5rem}.audio-player{width:100%;height:48px;border-radius:.75rem;accent-color:#0284c7;background:linear-gradient(135deg,#0284c733,#0c4a6e33);border:2px solid rgba(2,132,199,.4);transition:all .3s ease}.audio-player:hover{border-color:#0284c7;box-shadow:0 0 15px #0284c74d}.listening-game-container{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem}.listening-game-block{background:#0284c726;border:2px solid rgba(2,132,199,.4);border-radius:1.25rem;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.listening-game-block:hover:not(.submitted){border-color:#0284c799;background:#0284c733;transform:translateY(-2px);box-shadow:0 12px 24px #0284c726}.listening-game-question{font-weight:700;font-size:1.15rem;color:#fff;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.listening-options-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}@media (prefers-color-scheme: dark){.audio-game-container{background:#0284c71a;border-color:#0284c759}.listening-game-block{background:#0284c71f;border-color:#0284c759}.listening-game-block:hover:not(.submitted){background:#0284c72e;border-color:#0284c780}}.writing-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.5rem;padding:1rem;border-radius:.875rem;background:linear-gradient(135deg,#0369a1,#0c4a6e);border-left:3px solid var(--primary-color);color:#fff}.lesson-writing-area{width:100%;border:2px solid rgba(59,130,246,.2);border-radius:1rem;padding:1rem;font-size:.95rem;font-family:inherit;resize:vertical;transition:all .3s ease;background:linear-gradient(135deg,#0369a1,#0c4a6e);line-height:1.6;color:#fff}.lesson-writing-area:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.lesson-writing-area::placeholder{color:var(--text-muted);opacity:.7}.writing-submitted-message{margin-top:1rem;padding:.75rem;font-size:.875rem;color:var(--success-color);background:#10b98114;border-radius:.5rem;border-left:3px solid var(--success-color)}@media (prefers-color-scheme: dark){.writing-description{background:linear-gradient(135deg,#0c4a6e,#0d47a1);border-left-color:#60a5fa}.lesson-writing-area{border-color:#60a5fa4d;background:linear-gradient(135deg,#0a2e4a,#051e33);color:#e5e7eb}.lesson-writing-area:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.writing-submitted-message{background:#10b9811f;color:#6ee7b7}}.voice-description{font-size:.95rem;margin-bottom:1.5rem;padding:1rem;border-radius:.875rem;background:linear-gradient(135deg,#0369a1,#0c4a6e);border-left:3px solid var(--primary-color);color:#fff}.voice-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.voice-actions{display:flex;flex-wrap:wrap;gap:.75rem;width:100%}.voice-actions--capture{margin-top:.25rem}.voice-actions--review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.voice-action-btn.btn-horizonte{display:flex;flex:1 1 15rem;align-items:center;justify-content:flex-start;gap:.8rem;min-width:min(100%,15rem);min-height:4.25rem;height:auto;padding:.75rem 1rem;overflow:hidden;border:1px solid transparent;border-radius:1rem;color:#fff;font-size:.9rem;letter-spacing:0;line-height:1.2;text-align:left;white-space:normal;box-shadow:0 10px 24px -16px #0a233899}.voice-action-btn.btn-horizonte:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.14) 50%,transparent 65%);content:"";opacity:0;pointer-events:none;transform:translate(-70%);transition:opacity .2s ease,transform .55s ease}.voice-action-btn.btn-horizonte:hover:after{opacity:1;transform:translate(70%)}.voice-action-btn.btn-horizonte:hover{transform:translateY(-2px);box-shadow:0 15px 28px -16px #0a2338b3}.voice-action-btn.btn-horizonte:active{transform:translateY(0) scale(.99)}.voice-action-btn.btn-horizonte:focus-visible{outline:3px solid #f0cf6b;outline-offset:3px}.voice-action-btn--record.btn-horizonte,.voice-action-btn--submit.btn-horizonte{border-color:#ffffff29;background:linear-gradient(135deg,#0d6475,#12516e 52%,#173e68)}.voice-action-btn--record.btn-horizonte:hover,.voice-action-btn--submit.btn-horizonte:hover{background:linear-gradient(135deg,#0f7181,#155e7d 52%,#1a4a78)}.voice-action-btn--stop.btn-horizonte{border-color:#fff3;background:linear-gradient(135deg,#bc3f37,#a9313d)}.voice-action-btn--stop.btn-horizonte:hover{background:linear-gradient(135deg,#cf4a40,#b53a49)}.voice-action-btn--replace.btn-horizonte,.voice-action-btn--cancel.btn-horizonte{border-color:#24485e29;background:linear-gradient(135deg,#fff,#f2f7f8);color:#24485e;box-shadow:0 8px 20px -16px #0a23388c}.voice-action-btn--replace.btn-horizonte:hover,.voice-action-btn--cancel.btn-horizonte:hover{border-color:#0d647559;background:linear-gradient(135deg,#f0f9fa,#e5f1f3)}.voice-action-icon{display:grid;flex:0 0 2.65rem;place-items:center;width:2.65rem;height:2.65rem;border:1px solid rgba(255,255,255,.22);border-radius:.85rem;background:#ffffff24;color:inherit}.voice-action-btn--replace .voice-action-icon,.voice-action-btn--cancel .voice-action-icon{border-color:#24485e1f;background:#0f766e17;color:#0d6475}.voice-action-copy{display:grid;gap:.22rem;min-width:0}.voice-action-copy strong{font-size:.9rem;font-weight:800;line-height:1.2}.voice-action-copy>span{color:inherit;font-size:.75rem;font-weight:500;line-height:1.25;opacity:.76}.voice-error{margin-top:.75rem;font-size:.875rem;color:var(--error-color)}.voice-countdown-panel{display:grid;justify-items:center;gap:.4rem;width:100%;min-height:196px;margin-top:1rem;padding:1.2rem 1rem;overflow:hidden;border:1px solid rgba(14,165,233,.24);border-radius:1.25rem;background:radial-gradient(circle at 50% 48%,rgba(56,189,248,.15),transparent 7rem),linear-gradient(145deg,#f0f9ff,#f8fafc 52%,#ecfeff);color:#0f3d56;text-align:center}.voice-countdown-kicker{color:#426477;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.voice-countdown-number{display:grid;place-items:center;width:clamp(5rem,24vw,6.25rem);aspect-ratio:1;border:1px solid rgba(14,165,233,.28);border-radius:50%;background:#ffffffd1;box-shadow:0 12px 36px #0e749024,inset 0 0 0 7px #0ea5e90e;color:#075985;font-size:clamp(2.5rem,12vw,3.4rem);font-weight:800;line-height:1;animation:voiceCountdownPop .45s cubic-bezier(.2,.8,.2,1) both}.voice-countdown-rec{display:inline-flex;align-items:center;gap:.65rem;margin:.45rem 0;padding:.75rem 1.1rem;border:1px solid rgba(239,68,68,.2);border-radius:999px;background:#ffffffe0;color:#b42318;font-size:clamp(1.4rem,8vw,2rem);font-weight:900;letter-spacing:.16em;animation:voiceCountdownPop .4s ease-out both}.voice-countdown-rec-dot{width:.78rem;height:.78rem;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef44447a;animation:voicePulse 1s infinite}.voice-countdown-hint{color:#526b79;font-size:.9rem}@keyframes voiceCountdownPop{0%{opacity:0;transform:scale(.78) translateY(8px)}70%{opacity:1;transform:scale(1.06) translateY(0)}to{opacity:1;transform:scale(1)}}.audio-preview{margin-top:1rem;border-radius:.875rem;border:1px solid rgba(59,130,246,.2);background:linear-gradient(135deg,#0369a1,#0c4a6e);padding:1rem}.audio-preview-message{margin-top:.5rem;font-size:.875rem;color:#fff}.audio-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:#fffc}.audio-duration-label{opacity:.8}.voice-waveform-panel{margin-top:1rem;border:1px solid rgba(15,118,110,.18);border-radius:1rem;background:linear-gradient(135deg,#0f766e14,#3b82f614);padding:1rem}.voice-waveform-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem;color:#0f172a;font-weight:700}.voice-recording-dot{width:.7rem;height:.7rem;border-radius:999px;background:#ef4444;box-shadow:0 0 #ef44448c;animation:voicePulse 1.3s infinite}.voice-waveform{display:flex;align-items:end;justify-content:center;gap:.22rem;height:72px;padding:.4rem .2rem .2rem;border-radius:.9rem;background:#ffffff61}.voice-waveform-bar{display:block;width:.34rem;min-height:18%;border-radius:999px;background:linear-gradient(180deg,#22c55e,#0ea5e9);box-shadow:0 0 12px #0ea5e96b;transition:height .12s ease-out}@keyframes voicePulse{0%{box-shadow:0 0 #ef444473}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@media (prefers-color-scheme: dark){.audio-preview{background:linear-gradient(135deg,#0c4a6e,#082f49);border-color:#60a5fa4d}.audio-preview-message{color:#d1d5db}.voice-waveform-panel{background:linear-gradient(135deg,#0f766e24,#3b82f61f);border-color:#94a3b83d}.voice-waveform-header{color:#e2e8f0}.voice-countdown-panel{border-color:#7dd3fc33;background:radial-gradient(circle at 50% 48%,rgba(56,189,248,.18),transparent 7rem),linear-gradient(145deg,#102b3c,#10212e 52%,#10333b);color:#e0f2fe}.voice-countdown-kicker,.voice-countdown-hint{color:#b6d3e2}.voice-countdown-number,.voice-countdown-rec{border-color:#7dd3fc3d;background:#0f2635e6;color:#bae6fd}}html.dark .voice-action-btn--replace.btn-horizonte,html.dark .voice-action-btn--cancel.btn-horizonte{border-color:#94aec133;background:linear-gradient(135deg,#18354a,#102a3d);color:#e5edf4}html.dark .voice-action-btn--replace .voice-action-icon,html.dark .voice-action-btn--cancel .voice-action-icon{border-color:#94aec129;background:#2dd4bf1c;color:#8ee5d6}html.dark .voice-action-btn--replace.btn-horizonte:hover,html.dark .voice-action-btn--cancel.btn-horizonte:hover{border-color:#5eead45c;background:linear-gradient(135deg,#1b4054,#15344a)}@media (max-width: 480px){.voice-countdown-panel{min-height:180px;padding:1rem .75rem;border-radius:1rem}.voice-actions,.voice-actions--review{grid-template-columns:minmax(0,1fr);flex-direction:column;gap:.65rem}.voice-action-btn.btn-horizonte{flex:1 1 auto;width:100%;min-width:0;min-height:3.85rem;padding:.65rem .8rem;border-radius:.9rem}}@media (prefers-reduced-motion: reduce){.voice-countdown-number,.voice-countdown-rec,.voice-countdown-rec-dot,.voice-action-btn.btn-horizonte:after{animation:none;transition:none}}@keyframes horizonteLessonFadeIn{0%{opacity:0}to{opacity:1}}.lesson-detail-container{animation:horizonteLessonFadeIn .3s ease}.lesson-container .a1-lesson-cover{--a1-ink: #f8f4eb;--a1-muted: #d8e3eb;position:relative;isolation:isolate;overflow:hidden;color:var(--a1-ink);border-color:#ffffff24;background:radial-gradient(circle at 88% 18%,rgba(255,77,59,.22),transparent 25rem),radial-gradient(circle at 8% 100%,rgba(240,207,107,.12),transparent 28rem),linear-gradient(135deg,#43565a,#53676b 53%,#526b65);box-shadow:0 26px 58px -38px #01142db8}html.dark .lesson-container .a1-lesson-cover{background:radial-gradient(circle at 88% 18%,rgba(255,77,59,.22),transparent 25rem),radial-gradient(circle at 8% 100%,rgba(240,207,107,.12),transparent 28rem),linear-gradient(135deg,#071d3a,#012561 53%,#123d5c)}html.dark .lesson-container .a1-lesson-cover .a1-hero-info-card{border-color:#94aec138;background:#05142475}html.dark .lesson-container .a1-lesson-cover .vocab-tag{border-color:#94aec13d;background:#102a43;color:#e5edf4}.lesson-container .gamification-header .stat-label,.lesson-container .gamification-header .progress-label{color:#4b5963}html.dark .lesson-container .gamification-header .stat-label,html.dark .lesson-container .gamification-header .progress-label{color:#d8e3eb}.a1-lesson-cover:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:repeating-radial-gradient(circle at 88% 16%,transparent 0 34px,rgba(255,255,255,.045) 35px 36px);content:"";pointer-events:none}.a1-cover-brand{position:relative;z-index:1;display:flex;align-items:center;gap:.7rem;margin-bottom:1.5rem;color:#fffaf2;font-family:var(--font-brand-serif, var(--font-family-base));font-weight:700;letter-spacing:.02em}.a1-cover-brand img{width:42px;height:42px;border:2px solid rgba(240,207,107,.82);border-radius:50%;background:#fffaf2;object-fit:cover}.a1-cover-brand small{display:block;margin-top:.15rem;color:#d3dfeb;font-family:inherit;font-size:.58rem;letter-spacing:.14em}.a1-lesson-cover .lesson-header,.a1-lesson-cover .heading-lg,.a1-lesson-cover .lesson-summary,.a1-lesson-cover>div:not(.a1-cover-art):not(.a1-cover-brand){position:relative;z-index:1}.a1-lesson-cover .lesson-header{justify-content:flex-start;gap:1rem}.a1-unit-label,.a1-section-kicker{color:#f0cf6b;font-size:.72rem;font-weight:800;letter-spacing:.13em;line-height:1.5;text-transform:uppercase}.a1-lesson-cover .lesson-progress-pill{color:#e9f1f6;background:#ffffff1a;border-color:#ffffff2b}.a1-cover-title{max-width:min(72%,760px);min-width:0;margin-top:1.35rem;color:#fffaf2;font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.04;text-wrap:balance;overflow-wrap:anywhere}.a1-lesson-cover .lesson-summary{max-width:min(68%,720px);color:var(--a1-muted);font-size:1.08rem;line-height:1.75}.a1-cover-art{position:absolute;top:5.5rem;right:2rem;z-index:0;display:grid;width:min(29%,270px);aspect-ratio:1;place-items:center;color:#f0cf6ba8;pointer-events:none}.a1-cover-art svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.2}.a1-cover-art svg circle{opacity:.4}.a1-cover-art svg path{stroke:#ff7665;stroke-width:2}.a1-cover-tokens{position:relative;display:flex;max-width:84%;flex-wrap:wrap;justify-content:center;gap:.4rem}.a1-cover-tokens span{padding:.38rem .62rem;border:1px solid rgba(255,255,255,.23);border-radius:999px;background:#012561bf;color:#fffaf2;font-size:.72rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.a1-lesson-cover .xp-progress-bar{background:#ffffff21}.a1-xp-label{color:#e0e9ee}.a1-lesson-cover .xp-progress-fill,.a1-lesson-cover .progress-bar{background:linear-gradient(90deg,#ff4d3b,#f0cf6b)}.a1-lesson-cover .step-badge{color:#e7edf3;border-color:#ffffff2e;background:#ffffff14}.a1-lesson-cover .a1-hero-info-card{border:1px solid rgba(255,255,255,.12);background:#ffffff13;color:#fffaf2;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.a1-hero-info-card .info-card-title,.a1-hero-info-card .text-muted,.a1-hero-info-card .info-card-item,.a1-hero-info-card .info-card-icon{color:#f8f4eb}.a1-hero-info-card .vocab-tag{color:#fffaf2;border-color:#ffffff2e;background:#ffffff1c}.lesson-container .a1-learning-card{background:#fffaf2;border-color:#1f4a6b29}.a1-learning-card .article-header-title,.a1-practice-card .article-header-title{color:#12354b}html.dark .lesson-container .a1-learning-card,html.dark .lesson-container .a1-practice-card{border-color:#1f4a6b29;background:#fffaf2;color:#233642}.a1-learning-card>.a1-section-kicker,.a1-culture-feature>.a1-section-kicker{display:block;margin-bottom:.65rem;color:#9f4435}.a1-culture-feature>.a1-section-kicker{color:#f0cf6b}.a1-reward-list{display:grid;gap:.65rem;margin:1rem 0;padding:0;list-style:none}.a1-reward-list li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;min-width:0;padding:.75rem 1rem;border:1px solid rgba(31,74,107,.12);border-radius:.75rem;background:#f3eee3;color:#24485e}.a1-reward-list li>span{min-width:0;overflow-wrap:anywhere}.a1-reward-list strong{flex:0 0 auto;color:#9f4435}.a1-dialogue{display:grid;gap:.8rem;max-width:820px}.a1-dialogue-turn{width:fit-content;max-width:min(88%,680px);padding:.9rem 1.1rem;border-radius:1.15rem;box-shadow:0 8px 20px -17px #0125618c}.a1-dialogue-turn--blue{justify-self:start;border:1px solid rgba(31,74,107,.13);border-bottom-left-radius:.35rem;background:#e6eff4;color:#12354b}.a1-dialogue-turn--gold{justify-self:end;border:1px solid rgba(154,111,15,.14);border-bottom-right-radius:.35rem;background:#fff0c8;color:#493b1d}.a1-dialogue-turn span{display:block;margin-bottom:.22rem;color:#9f4435;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.a1-dialogue-turn p,.a1-example-line,.a1-explanation,.a1-contrast p,.a1-culture-feature p{margin:0;line-height:1.7}.a1-example-line{margin-top:1.25rem;padding:.85rem 1rem;border-left:3px solid #ff4d3b;color:#193e58;font-weight:650}.a1-explanation{color:#273e4d;font-size:1.05rem}.a1-contrast{margin-top:1.1rem;padding:1rem 1.1rem;border:1px solid rgba(255,77,59,.17);border-left:4px solid #ff4d3b;border-radius:.8rem;background:#fff2e8;color:#44372f}.a1-contrast strong{display:block;margin-bottom:.35rem;color:#a34032;font-size:.7rem;letter-spacing:.1em}.a1-vocabulary-wrap{margin-top:1.5rem}.a1-vocabulary-wrap h3{margin:0 0 .75rem;color:#12354b;font-size:1rem}.a1-table-scroll{max-width:100%;overflow-x:auto;border:1px solid rgba(31,74,107,.16);border-radius:.85rem;scrollbar-color:#5b7fa1 #edf1f3}.a1-vocabulary-table{width:100%;min-width:360px;border-collapse:collapse;color:#263c49;text-align:left}.a1-vocabulary-table th,.a1-vocabulary-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(31,74,107,.12);vertical-align:top}.a1-vocabulary-table th{background:#e7eff3;color:#12354b;font-size:.72rem;letter-spacing:.08em}.a1-vocabulary-table tr:last-child td{border-bottom:0}.a1-vocabulary-table tbody tr:nth-child(2n){background:#1f4a6b09}.a1-culture-feature{position:relative;overflow:hidden;min-height:220px;padding:clamp(1.5rem,5vw,3.5rem);border:0;background:radial-gradient(circle at 90% 30%,rgba(255,77,59,.2),transparent 18rem),linear-gradient(125deg,#071d3a,#012561 66%,#1f4a6b);color:#fffaf2;box-shadow:0 18px 42px -27px #01256180}html.dark .lesson-container .a1-culture-feature{border:0;background:radial-gradient(circle at 90% 30%,rgba(255,77,59,.2),transparent 18rem),linear-gradient(125deg,#071d3a,#012561 66%,#1f4a6b);color:#fffaf2}.a1-culture-feature>*:not(.a1-culture-mark){position:relative;z-index:1}.a1-culture-feature h2{max-width:720px;margin:0 0 .7rem;color:#fffaf2;font-size:clamp(1.55rem,4vw,2.4rem)}.a1-culture-feature p{max-width:720px;color:#e0e9ee;font-size:1.05rem}.a1-culture-mark{position:absolute;top:-4.5rem;right:1.5rem;color:#f0cf6b1f;font-family:var(--font-brand-serif, var(--font-family-base));font-size:22rem;font-weight:700;line-height:1;pointer-events:none}.lesson-container .a1-practice-card{background:#fffdf8}.a1-practice-card .lesson-writing-area{color:#fffaf2}.a1-practice-card .lesson-writing-area::placeholder{color:#d5e0e7;opacity:1}.a1-listening-script{margin-bottom:1.5rem;padding:1.1rem;border:1px solid rgba(31,74,107,.14);border-radius:1rem;background:#f4f0e8;color:#334753}.a1-listening-script>p{margin:0 0 .9rem;line-height:1.65}.a1-listening-actions{display:flex;flex-wrap:wrap;gap:.7rem}.a1-transcript{margin:1rem 0 0;padding:1rem;border-left:3px solid #1f4a6b;border-radius:.2rem .75rem .75rem .2rem;background:#fffaf2;color:#18384c;line-height:1.7}.a1-practice-card .question-block{border-color:#1f4a6b2e;background:#e8f1f5}.a1-practice-card .question-block:hover{border-color:#1f4a6b52;background:#e1edf2}.a1-practice-card .question-text{color:#12354b}@media (max-width: 720px){.lesson-container .a1-lesson-cover{padding:1.35rem}.a1-cover-art{top:6.5rem;right:.5rem;width:34%;opacity:.34}.a1-cover-title,.a1-lesson-cover .lesson-summary{max-width:100%}.a1-cover-title{padding-right:.4rem;font-size:clamp(2rem,8vw,3.1rem)}.a1-lesson-cover .lesson-summary{font-size:.98rem}.lesson-container .lesson-navigation{align-items:stretch}.lesson-container .lesson-navigation-links{flex:1 1 100%;justify-content:space-between}.lesson-container .lesson-navigation-actions{flex:1 1 100%;justify-content:flex-start}.a1-lesson-cover .lesson-header{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (max-width: 480px){.lesson-container,.lesson-container .lesson-activity-card,.lesson-container .lesson-section-card{min-width:0}.a1-cover-brand{margin-bottom:1rem}.a1-cover-art{top:7.5rem;right:0;width:38%;opacity:.2}.a1-cover-tokens{display:none}.a1-reward-list li{gap:.5rem;padding:.7rem .75rem}.a1-reward-list strong{white-space:nowrap}.a1-dialogue-turn{max-width:96%;padding:.8rem .9rem}.a1-learning-card,.a1-practice-card{padding:1.15rem}.a1-listening-actions>button{width:100%;justify-content:center}}.lesson-action-btn{display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.lesson-action-btn--primary{background-color:var(--primary-color);color:#fff}.lesson-action-btn--primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.lesson-action-btn--accent{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.lesson-action-btn--accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.lesson-action-btn--secondary{background-color:#6b7280;color:#fff}.lesson-action-btn--secondary:hover{background-color:#4b5563;transform:translateY(-2px);box-shadow:var(--shadow-md)}.lesson-action-btn--danger{background-color:var(--error-color);color:#fff}.lesson-action-btn--danger:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-md)}.lesson-action-btn:active{transform:translateY(0)}.button-ripple{position:absolute;border-radius:50%;background-color:#ffffff80;transform:scale(0);animation:ripple .5s ease-out;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.lesson-toast{position:fixed;bottom:1rem;right:1rem;z-index:60;max-width:28rem;border-radius:.875rem;border:1px solid;padding:1rem;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lesson-toast--success{border-color:#a7f3d0;background-color:var(--success-light);color:var(--success-color)}.lesson-toast--warning{border-color:#fcd34d;background-color:var(--warning-light);color:#d97706}.lesson-toast--info{border-color:#93c5fd;background-color:var(--info-light);color:var(--primary-color)}.lesson-toast-title{font-weight:600;margin-bottom:.25rem}.lesson-toast-message{font-size:.875rem;opacity:.9;margin:0}@media (prefers-color-scheme: dark){.lesson-toast--success{border-color:#047857;background-color:#10b9811a;color:#6ee7b7}.lesson-toast--warning{border-color:#d97706;background-color:#d977061a;color:#fbbf24}.lesson-toast--info{border-color:#3b82f6;background-color:#3b82f61a;color:#93c5fd}}@media (max-width: 768px){.lesson-activity-card,.article-section{padding:1rem}.grid-2-cols,.grid-3-cols{grid-template-columns:1fr;gap:1rem}.heading-lg{font-size:1.5rem}.video-container iframe{height:300px}.lesson-toast{left:1rem;right:1rem;max-width:none}}@media (prefers-color-scheme: dark){.lesson-card,.lesson-activity-card,.lesson-section-card,.article-section{background-color:#1f2937;border-color:#374151}.text-base,.heading-lg,.heading-md,.heading-sm{color:#fff}.text-secondary{color:#d1d5db}.text-muted{color:#9ca3af}}.lesson-container.lesson-motion-ready .lesson-motion-target{opacity:0;transform:translateY(18px) scale(.995);transition:opacity .52s ease,transform .62s cubic-bezier(.2,.7,.2,1);transition-delay:var(--lesson-motion-delay, 0ms);animation:none}.lesson-container.lesson-motion-ready .lesson-motion-target.lesson-motion-visible,.lesson-container.lesson-motion-ready .lesson-motion-target:focus-within{opacity:1;transform:translateY(0) scale(1);transition-delay:0ms}.lesson-container .a1-lesson-cover{--cover-shift-x: 0px;--cover-shift-y: 0px}.a1-lesson-cover:before{position:absolute;z-index:0;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(ellipse at 70% 30%,rgba(100,190,222,.12),transparent 38%),radial-gradient(ellipse at 25% 80%,rgba(240,207,107,.09),transparent 42%);content:"";pointer-events:none;animation:a1AmbientDrift 18s ease-in-out infinite alternate}.a1-cover-art{transform:translate3d(var(--cover-shift-x),var(--cover-shift-y),0);transition:transform .38s cubic-bezier(.2,.7,.2,1);will-change:transform}.a1-cover-art svg{animation:a1SpiralOrbit 48s linear infinite;transform-origin:center}.a1-cover-tokens span{transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.a1-cover-tokens span:hover{transform:translateY(-3px);border-color:#f0cf6ba6;background:#123d5ce6;box-shadow:0 8px 20px #01142d3d}.lesson-container .a1-lesson-cover .step-badge{transition:color .24s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease}.lesson-container .a1-lesson-cover .step-badge.completed{border-color:#70dcb580;background:#10b98129;color:#b5f4dc;box-shadow:inset 0 0 0 1px #70dcb514;animation:a1StepComplete .42s cubic-bezier(.2,.7,.2,1) both}.a1-lesson-cover .xp-progress-fill{position:relative;overflow:hidden;box-shadow:0 0 14px #f0cf6b38}.a1-lesson-cover .xp-progress-fill:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.46),transparent);content:"";transform:translate(-120%);animation:a1ProgressShimmer 4.8s ease-in-out infinite}.lesson-container .a1-learning-card,.lesson-container .a1-practice-card{transition:border-color .22s ease,box-shadow .26s ease,transform .26s cubic-bezier(.2,.7,.2,1)}.lesson-container .a1-learning-card:hover,.lesson-container .a1-practice-card:hover{transform:translateY(-2px);border-color:#1f4a6b4d;box-shadow:0 18px 38px -30px #0125617a}.lesson-container .a1-completion-btn:disabled{opacity:1;border:1px solid rgba(255,255,255,.18);background:#526b80;color:#fffaf2;box-shadow:none}.lesson-container .a1-practice-card .btn-primary{background:#b83f33;color:#fffaf2}.lesson-container .a1-practice-card .btn-primary:hover:not(:disabled){background:#9f372d}.a1-dialogue-turn{transition:transform .22s ease,box-shadow .22s ease}.a1-dialogue-turn:hover{transform:translateY(-2px);box-shadow:0 12px 25px -18px #0125617a}.a1-reward-list li{transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.a1-reward-list li:hover{transform:translate(3px);border-color:#1f4a6b47;background:#fffaf2}.a1-listening-completion{display:flex;align-items:flex-start;gap:.8rem;margin-top:1.5rem;padding:1rem 1.15rem;border:1px solid rgba(16,126,99,.18);border-radius:.9rem;background:linear-gradient(110deg,#edf8f3,#f7fbf8);color:#175d4b;animation:a1CompletionEnter .42s cubic-bezier(.2,.7,.2,1) both}.a1-listening-completion>svg{flex:0 0 auto;margin-top:.12rem;color:#16846b}.a1-listening-completion strong,.a1-listening-completion span{display:block}.a1-listening-completion strong{margin-bottom:.2rem;font-size:.96rem}.a1-listening-completion span{color:#456c61;font-size:.86rem;line-height:1.55}.a1-practice-card .option-button{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.a1-practice-card .option-button:hover:not(:disabled),.a1-practice-card .option-button:focus-visible{transform:translateY(-1px);box-shadow:0 8px 20px -14px #0125619e}.a1-practice-card .quiz-container.is-complete{animation:a1ActivityComplete .52s ease-out}html:not(.dark) .lesson-container .gamification-header{border-color:#735e3f2e;background:linear-gradient(135deg,#fffaf2,#f3eee3)}html:not(.dark) .lesson-container .gamification-header .stat-card,html:not(.dark) .lesson-container .gamification-header .level-badge-container{border-color:#735e3f2e;background:#fffdf8}html:not(.dark) .lesson-container .gamification-header .stat-card:hover,html:not(.dark) .lesson-container .gamification-header .level-badge-container:hover{border-color:#9f443547;background:#fffaf2}html:not(.dark) .lesson-container .gamification-header .level-badge{border-color:#9f443533;background:conic-gradient(from 0deg,#b83f33,#b83f33 calc(var(--progress, 0) * 3.6deg),#e9dfcb calc(var(--progress, 0) * 3.6deg));box-shadow:0 0 20px #9f44351f,inset 0 0 15px #9f44350d}html:not(.dark) .lesson-container .gamification-header .level-number{color:#9f4435}html:not(.dark) .lesson-container .lesson-navigation .btn-secondary:not(:disabled){border:1px solid rgba(115,94,63,.2);background:#fffdf8;color:#334753}html:not(.dark) .lesson-container .lesson-navigation .btn-secondary:not(:disabled):hover{background:#f3eee3}html:not(.dark) .lesson-container .lesson-navigation .btn-secondary:disabled,html:not(.dark) .lesson-container .a1-completion-btn:disabled{border-color:#735e3f2e;background:#e8e0d2;color:#59636a}html:not(.dark) .lesson-container .a1-cover-tokens span{border-color:#fffaf2d1;background:#fffaf2eb;color:#233642}html:not(.dark) .lesson-container .a1-practice-card .question-block{border-color:#735e3f33;background:#f3eee3}html:not(.dark) .lesson-container .a1-practice-card .question-block:hover{border-color:#9f443547;background:#eee5d7}html:not(.dark) .lesson-container .a1-practice-card .option-button:not(.option-correct):not(.option-wrong){border-color:#735e3f3d;background:#fffdf8;color:#233642}html:not(.dark) .lesson-container .a1-practice-card .option-button:not(:disabled):not(.option-correct):not(.option-wrong):hover{border-color:#9f443566;background:#f7efe2}html:not(.dark) .lesson-container .a1-practice-card .option-button.option-selected{border-color:#9f4435!important;background:#b83f33!important;color:#fffaf2!important}html:not(.dark) .lesson-container .a1-practice-card .writing-description,html:not(.dark) .lesson-container .a1-practice-card .voice-description{border:1px solid rgba(115,94,63,.18);border-left:3px solid #9f4435;background:#f3eee3;color:#334753}html:not(.dark) .lesson-container .a1-practice-card .lesson-writing-area{border-color:#735e3f3d;background:#fffdf8;color:#233642}html:not(.dark) .lesson-container .a1-practice-card .lesson-writing-area::placeholder{color:#66747b}html:not(.dark) .lesson-container .a1-practice-card .lesson-writing-area:focus{border-color:#9f4435;box-shadow:0 0 0 3px #9f44351f}html:not(.dark) .lesson-container .a1-practice-card .listening-message,html:not(.dark) .lesson-container .a1-practice-card .listening-question,html:not(.dark) .lesson-container .a1-practice-card .listening-game-block,html:not(.dark) .lesson-container .a1-practice-card .audio-game-container,html:not(.dark) .lesson-container .a1-practice-card .audio-preview{border-color:#735e3f33;background:#f3eee3;color:#334753}html:not(.dark) .lesson-container .a1-practice-card .listening-question-text,html:not(.dark) .lesson-container .a1-practice-card .listening-game-question,html:not(.dark) .lesson-container .a1-practice-card .audio-label,html:not(.dark) .lesson-container .a1-practice-card .audio-preview-message{color:#233642}html:not(.dark) .lesson-container .a1-practice-card .listening-options{border-left-color:#9f443559;background:#fffdf8;color:#334753}html:not(.dark) .lesson-container .a1-practice-card .audio-player{border-color:#735e3f3d;accent-color:#9f4435;background:#fffdf8}html:not(.dark) .lesson-container .a1-dialogue-turn--blue{border-color:#735e3f33;background:#f3eee3;color:#233642}html.dark .lesson-container .gamification-header{border-color:#64b5d833;background:linear-gradient(135deg,#111c2d,#091426)}html.dark .lesson-container .gamification-header .stat-card,html.dark .lesson-container .gamification-header .level-badge-container{border-color:#64b5d833;background:#102a43;color:#e5edf4}html.dark .lesson-container .gamification-header .stat-card:hover,html.dark .lesson-container .gamification-header .level-badge-container:hover{border-color:#64b5d861;background:#163650}html.dark .lesson-container .gamification-header .level-badge{border-color:#64b5d847;background:conic-gradient(from 0deg,#ff7665,#ff7665 calc(var(--progress, 0) * 3.6deg),#64b5d833 calc(var(--progress, 0) * 3.6deg));box-shadow:0 0 20px #ff76651f,inset 0 0 15px #64b5d814}html.dark .lesson-container .gamification-header .level-number{color:#f0cf6b}html.dark .lesson-container .a1-learning-card,html.dark .lesson-container .a1-practice-card{border-color:#64b5d833;background:#0d2237;color:#e5edf4}html.dark .lesson-container .a1-learning-card .article-header,html.dark .lesson-container .a1-practice-card .article-header{border-bottom-color:#94aec138;color:#e5edf4}html.dark .lesson-container .a1-learning-card .article-header-title,html.dark .lesson-container .a1-practice-card .article-header-title,html.dark .lesson-container .a1-practice-card .question-text{color:#f0f4f7}html.dark .lesson-container .a1-learning-card>.a1-section-kicker,html.dark .lesson-container .a1-practice-card>.a1-section-kicker{color:#f0cf6b}html.dark .lesson-container .a1-reward-list li{border-color:#94aec133;background:#163650;color:#e5edf4}html.dark .lesson-container .a1-reward-list li:hover{border-color:#f0cf6b52;background:#1b4058}html.dark .lesson-container .a1-reward-list strong,html.dark .lesson-container .a1-dialogue-turn span{color:#f0cf6b}html.dark .lesson-container .a1-dialogue-turn--blue{border-color:#64b5d83d;background:#163650;color:#e5edf4}html.dark .lesson-container .a1-dialogue-turn--gold{border-color:#f0cf6b3d;background:#3a3528;color:#f4e8c5}html.dark .lesson-container .a1-example-line,html.dark .lesson-container .a1-explanation,html.dark .lesson-container .a1-contrast p,html.dark .lesson-container .a1-learning-card p{color:#d4e0e8}html.dark .lesson-container .a1-vocabulary-table{color:#e5edf4}html.dark .lesson-container .a1-vocabulary-table th,html.dark .lesson-container .a1-vocabulary-table td{border-color:#94aec133}html.dark .lesson-container .a1-vocabulary-table thead{background:#163650;color:#f0f4f7}html.dark .lesson-container .a1-vocabulary-table tbody tr:nth-child(2n){background:#94aec112}html.dark .lesson-container .a1-listening-script,html.dark .lesson-container .a1-transcript,html.dark .lesson-container .a1-contrast{border-color:#64b5d838;background:#163650;color:#e5edf4}html.dark .lesson-container .a1-transcript,html.dark .lesson-container .a1-contrast{border-left-color:#f0cf6b}html.dark .lesson-container .a1-contrast strong{color:#f0cf6b}html.dark .lesson-container .a1-practice-card .question-block{border-color:#64b5d83d;background:#163650;color:#e5edf4}html.dark .lesson-container .a1-practice-card .question-block:hover{border-color:#64b5d866;background:#1b4058}html.dark .lesson-container .a1-practice-card .option-button:not(.option-correct):not(.option-wrong){border-color:#94aec14d;background:#102a43;color:#e5edf4}html.dark .lesson-container .a1-practice-card .option-button:not(:disabled):not(.option-correct):not(.option-wrong):hover{border-color:#64b5d88c;background:#1b4058}html.dark .lesson-container .a1-practice-card .option-button.option-selected{border-color:#ff7665!important;background:#8e342e!important;color:#fffaf2!important}html.dark .lesson-container .a1-practice-card .writing-description,html.dark .lesson-container .a1-practice-card .voice-description{border-color:#64b5d838;border-left-color:#ff7665;background:#163650;color:#e5edf4}html.dark .lesson-container .a1-practice-card .lesson-writing-area{border-color:#64b5d84d;background:#091a2b;color:#f0f4f7}html.dark .lesson-container .a1-practice-card .lesson-writing-area::placeholder{color:#aebfca}html.dark .lesson-container .a1-practice-card .lesson-writing-area:focus{border-color:#64b5d8;box-shadow:0 0 0 3px #64b5d829}html.dark .lesson-container .a1-practice-card .listening-message,html.dark .lesson-container .a1-practice-card .listening-question,html.dark .lesson-container .a1-practice-card .listening-game-block,html.dark .lesson-container .a1-practice-card .audio-game-container,html.dark .lesson-container .a1-practice-card .audio-preview{border-color:#64b5d838;background:#163650;color:#e5edf4}html.dark .lesson-container .a1-practice-card .listening-question-text,html.dark .lesson-container .a1-practice-card .listening-game-question,html.dark .lesson-container .a1-practice-card .audio-label,html.dark .lesson-container .a1-practice-card .audio-preview-message{color:#e5edf4}html.dark .lesson-container .a1-practice-card .listening-options{border-left-color:#f0cf6b66;background:#0d2237;color:#e5edf4}html.dark .lesson-container .a1-practice-card .audio-player{border-color:#64b5d84d;accent-color:#64b5d8;background:#091a2b}html.dark .lesson-container .a1-listening-completion{border-color:#64b5d838;background:#163650;color:#e5edf4}html.dark .lesson-container .a1-listening-completion>svg{color:#f0cf6b}html.dark .lesson-container .a1-listening-completion span{color:#d4e0e8}@keyframes a1AmbientDrift{0%{transform:translate3d(-1.5%,-1%,0) scale(1);opacity:.65}to{transform:translate3d(1.5%,1%,0) scale(1.06);opacity:1}}@keyframes a1SpiralOrbit{to{transform:rotate(360deg)}}@keyframes a1ProgressShimmer{0%,65%{transform:translate(-120%)}88%,to{transform:translate(120%)}}@keyframes a1StepComplete{0%{transform:scale(.96)}65%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes a1CompletionEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes a1ActivityComplete{0%{box-shadow:0 0 #107e6300}45%{box-shadow:0 0 0 3px #107e6329}to{box-shadow:0 0 #107e6300}}@media (prefers-reduced-motion: reduce){.lesson-container.lesson-motion-ready .lesson-motion-target,.lesson-container.lesson-motion-ready .lesson-motion-target.lesson-motion-visible{opacity:1;transform:none;transition:none}.a1-lesson-cover:before,.a1-cover-art svg,.a1-lesson-cover .xp-progress-fill:after,.lesson-container .a1-lesson-cover .step-badge.completed,.a1-listening-completion,.a1-practice-card .quiz-container.is-complete{animation:none}.a1-cover-art,.lesson-container .a1-learning-card,.lesson-container .a1-practice-card,.a1-dialogue-turn,.a1-reward-list li,.a1-practice-card .option-button,.lesson-container .a1-lesson-cover .step-badge{transition:none;transform:none}}@media (max-width: 360px){.lesson-container .lesson-activity-card,.lesson-container .lesson-section-card{padding:1rem}.a1-cover-brand{align-items:flex-start;font-size:.92rem}.a1-cover-brand img{flex:0 0 36px;width:36px;height:36px}.a1-cover-brand small{font-size:.5rem;letter-spacing:.1em}.a1-cover-title{font-size:clamp(1.75rem,9vw,2rem)}.lesson-container .lesson-navigation-actions .btn-horizonte{flex:1 1 100%}}:root{--btn-radius: .75rem;--btn-transition: all .2s ease;--btn-shadow: 0 2px 8px rgba(0, 0, 0, .1);--btn-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--btn-shadow-active: 0 1px 4px rgba(0, 0, 0, .08)}.btn-horizonte{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;height:2.5rem;min-width:2.5rem;border:none;border-radius:var(--btn-radius);font-size:.875rem;font-weight:600;font-family:inherit;line-height:1;letter-spacing:.3px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--btn-transition);position:relative;overflow:hidden;background-color:#e5e7eb;color:#1f2937;box-shadow:var(--btn-shadow);outline:none}.btn-horizonte:hover{transform:translateY(-2px);box-shadow:var(--btn-shadow-hover)}.btn-horizonte:active{transform:translateY(0);box-shadow:var(--btn-shadow-active)}.btn-horizonte:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.btn-horizonte:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (prefers-color-scheme: dark){.btn-horizonte{background-color:#374151;color:#f3f4f6}}.btn-primary{background-color:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f666}.btn-primary:active{background-color:#1d4ed8}@media (prefers-color-scheme: dark){.btn-primary{background-color:#2563eb}.btn-primary:hover{background-color:#3b82f6}}.btn-secondary{background-color:#6b7280;color:#fff;box-shadow:0 2px 8px #6b72804d}.btn-secondary:hover{background-color:#4b5563;box-shadow:0 4px 12px #6b728066}.btn-secondary:active{background-color:#374151}@media (prefers-color-scheme: dark){.btn-secondary{background-color:#4b5563}.btn-secondary:hover{background-color:#6b7280}}.btn-accent{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.btn-accent:hover{box-shadow:0 4px 12px #667eea66;filter:brightness(1.1)}.btn-accent:active{filter:brightness(.95)}.btn-outline{background-color:transparent;color:#3b82f6;border:2px solid #3b82f6;padding:.5rem .875rem;height:auto;box-shadow:none}.btn-outline:hover{background-color:#eff6ff;box-shadow:0 2px 8px #3b82f626}.btn-outline:active{background-color:#dbeafe}@media (prefers-color-scheme: dark){.btn-outline{color:#93c5fd;border-color:#93c5fd}.btn-outline:hover{background-color:#3b82f61a}}.btn-ghost{background-color:transparent;color:#1f2937;box-shadow:none}.btn-ghost:hover{background-color:#f3f4f6;box-shadow:none}.btn-ghost:active{background-color:#e5e7eb}@media (prefers-color-scheme: dark){.btn-ghost{color:#f3f4f6}.btn-ghost:hover{background-color:#1f2937}.btn-ghost:active{background-color:#111827}}.btn-danger{background-color:#ef4444;color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef444466}.btn-danger:active{background-color:#b91c1c}@media (prefers-color-scheme: dark){.btn-danger{background-color:#dc2626}.btn-danger:hover{background-color:#ef4444}}.btn-sm{height:2rem;padding:.375rem .75rem;font-size:.8125rem;min-width:2rem}.btn-sm svg,.btn-sm [class*=icon]{width:1rem;height:1rem}.btn-lg{height:3.375rem;padding:.875rem 1.5rem;font-size:1rem;min-width:3.375rem;gap:.75rem}.btn-lg svg,.btn-lg [class*=icon]{width:1.375rem;height:1.375rem}.btn-icon{flex-direction:row}.btn-icon svg,.btn-icon [class*=icon]{width:1.125rem;height:1.125rem;flex-shrink:0}.btn-icon-right{flex-direction:row-reverse}.btn-icon-right svg,.btn-icon-right [class*=icon]{width:1.125rem;height:1.125rem;flex-shrink:0}.btn-icon-only{width:2.5rem;padding:0;border-radius:50%}.btn-icon-only svg,.btn-icon-only [class*=icon]{width:1.25rem;height:1.25rem}.btn-loading{position:relative;color:transparent}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin-left:-.5rem;margin-top:-.5rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-loading:disabled{opacity:1;cursor:wait}.btn-badge{position:relative}.btn-badge:before{content:attr(data-badge);position:absolute;top:-.5rem;right:-.5rem;background-color:#ef4444;color:#fff;min-width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid #ffffff}@media (prefers-color-scheme: dark){.btn-badge:before{border-color:#1f2937}}.btn-ripple-effect{position:relative;overflow:hidden}.btn-ripple{position:absolute;border-radius:50%;background-color:#ffffff80;transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.btn-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-group{display:inline-flex;gap:.5rem}.btn-group-vertical{display:inline-flex;flex-direction:column;gap:.5rem}.btn-group-block{display:flex;flex-direction:column;gap:.5rem;width:100%}.btn-group-block .btn-horizonte{width:100%}.btn-group-stacked{display:flex;flex-direction:column;gap:0;border-radius:var(--btn-radius);overflow:hidden}.btn-group-stacked .btn-horizonte{border-radius:0;flex:1}.btn-group-stacked .btn-horizonte:first-child{border-radius:var(--btn-radius) var(--btn-radius) 0 0}.btn-group-stacked .btn-horizonte:last-child{border-radius:0 0 var(--btn-radius) var(--btn-radius)}.btn-block{width:100%;display:flex}.btn-square{border-radius:0}.btn-rounded{border-radius:9999px}.btn-fit{width:auto}@media (max-width: 640px){.btn-horizonte{padding:.5rem .875rem;font-size:.8125rem}.btn-sm{height:1.875rem}.btn-lg{height:3rem;padding:.75rem 1.25rem;font-size:.9375rem}.btn-group{flex-direction:column;width:100%}.btn-group .btn-horizonte{width:100%}}.btn-primary.btn-lg,.btn-primary.btn-sm{background-color:#3b82f6;color:#fff}.btn-accent.btn-lg{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-danger.btn-sm{background-color:#ef4444;color:#fff}.btn-outline.btn-primary{color:#3b82f6;border-color:#3b82f6}.btn-ghost.btn-icon{gap:.375rem}.btn-horizonte:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: more){.btn-horizonte{border:2px solid transparent}.btn-outline{border-width:2px}}@media (prefers-reduced-motion: reduce){.btn-horizonte,.btn-horizonte:hover,.btn-horizonte:active{transition:none;transform:none!important}.btn-pulse,.btn-ripple{animation:none}.btn-loading:after{animation:none}}@keyframes confetti-fall{0%{opacity:1;transform:translate(var(--tx)) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--distance, 400px)) rotate(720deg) scale(0)}}.confetti-piece{position:fixed;pointer-events:none;font-size:2rem;z-index:9999;animation:confetti-fall var(--duration, 2.5s) ease-in forwards}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(.5)}}.xp-popup{position:fixed;pointer-events:none;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:1rem;box-shadow:0 4px 12px #3b82f64d;animation:float-up 1.5s ease-out forwards;z-index:9998}@keyframes slideInRight{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.achievement-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,var(--achievement-color, #3b82f6) 0%,color-mix(in srgb,var(--achievement-color, #3b82f6) 80%,black));color:#fff;padding:20px 24px;border-radius:12px;display:flex;gap:16px;align-items:center;box-shadow:0 15px 40px #00000040;animation:slideInRight .5s cubic-bezier(.34,1.56,.64,1),slideOutRight .5s cubic-bezier(.34,1.56,.64,1) 3.5s forwards;z-index:9997;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.achievement-icon{font-size:2.5rem;animation:bounce .6s cubic-bezier(.34,1.56,.64,1)}.achievement-content h4{margin:0;font-size:.875rem;font-weight:600;letter-spacing:1px;opacity:.9}.achievement-content p{margin:4px 0 0;font-size:1.125rem;font-weight:700}@keyframes pulse-glow{0%,to{box-shadow:0 0 #3b82f6b3}50%{box-shadow:0 0 0 15px #3b82f600}}@keyframes level-up-burst{0%{opacity:0;transform:scale(.5) translateY(20px)}50%{opacity:1}to{opacity:0;transform:scale(1.5) translateY(-100px)}}.level-up-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 25px 50px #fbbf2466;animation:level-up-burst 2s cubic-bezier(.34,1.56,.64,1) forwards;z-index:10000;border:3px solid rgba(255,255,255,.3)}.level-up-notification h2{margin:0;font-size:3rem;letter-spacing:2px}.level-up-notification p{margin:10px 0 0;font-size:1.25rem;opacity:.9}.streak-display{display:none}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.level-badge-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#3b82f614;border-radius:8px;border:1px solid rgba(59,130,246,.15);transition:all .3s ease;min-width:120px}.level-badge-container:hover{background:#3b82f61f;border-color:#3b82f640;transform:translateY(-3px);box-shadow:0 4px 12px #3b82f626}.level-badge{width:80px;height:80px;border-radius:50%;background:conic-gradient(from 0deg,#3b82f6,#3b82f6 calc(var(--progress, 0) * 3.6deg),#3b82f61a calc(var(--progress, 0) * 3.6deg));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.75rem;box-shadow:0 0 20px #3b82f633,inset 0 0 15px #3b82f614;border:2px solid rgba(59,130,246,.2);position:relative;animation:float-icon 3s ease-in-out infinite}.level-badge:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:14px;height:14px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 0 8px #10b98199;opacity:var(--progress, 0) > 0 ? 1 : 0;transition:opacity .3s ease}.level-number{position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1);color:#3b82f6}.progress-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.xp-progress-bar{width:100%;height:12px;background:linear-gradient(to right,#e5e7eb,#d1d5db);border-radius:10px;overflow:hidden;margin:12px 0;box-shadow:inset 0 2px 4px #0000001a}.xp-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#0c63e4);border-radius:10px;transition:width .8s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 10px #3b82f680,inset 0 1px 2px #ffffff4d;position:relative;overflow:hidden}.xp-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.gamification-header{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:12px;margin-bottom:20px;border:1px solid rgba(59,130,246,.2);flex-wrap:wrap}.stat-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#3b82f614;border-radius:8px;border:1px solid rgba(59,130,246,.15);transition:all .3s ease;min-width:100px}.stat-card:hover{background:#3b82f61f;border-color:#3b82f640;transform:translateY(-3px);box-shadow:0 4px 12px #3b82f626}.stat-icon{font-size:2rem;animation:float-icon 3s ease-in-out infinite}.stat-value{font-size:1.875rem;font-weight:700;color:#3b82f6;letter-spacing:-.5px}.stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.btn-horizonte{position:relative;overflow:hidden}.btn-horizonte:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-horizonte:hover:before{left:100%}.button-ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple-animation .6s ease-out}@keyframes ripple-animation{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.lesson-toast{position:fixed;bottom:20px;left:20px;max-width:400px;padding:16px 20px;border-radius:12px;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;box-shadow:0 10px 40px #0003;animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);z-index:1000;border-left:4px solid;display:flex;gap:12px;align-items:flex-start}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.lesson-toast--success{border-left-color:#10b981;background:linear-gradient(135deg,#10b9811a,#10b9810d)}.lesson-toast--warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.lesson-toast--info{border-left-color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#3b82f60d)}.lesson-toast--error{border-left-color:#ef4444;background:linear-gradient(135deg,#ef44441a,#ef44440d)}.lesson-toast-title{font-weight:600;margin:0;font-size:.875rem;letter-spacing:.5px}.lesson-toast-message{margin:4px 0 0;font-size:.875rem;opacity:.9}@media (prefers-color-scheme: dark){.xp-progress-bar{background:linear-gradient(to right,#334155,#475569)}.stat-card{background:#3b82f614}.stat-card:hover{background:#3b82f61f}}@media (max-width: 768px){.gamification-header{flex-wrap:wrap;gap:12px;max-width:100%}.stat-card{flex:0 1 calc(50% - 6px);min-width:auto;padding:12px}.level-badge-container{flex:0 1 100%;padding:12px;min-width:auto}.level-badge{width:70px;height:70px;font-size:1.5rem}.achievement-notification{top:auto;bottom:20px;right:20px;left:20px;max-width:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.confetti-piece{animation:none;opacity:0}}.admin-container{margin:1rem 0 2rem;display:grid;gap:1.5rem}.admin-container>.admin-header{position:relative;display:block;height:auto;padding:1.5rem;border-radius:1.25rem;border:1px solid rgba(129,140,248,.22);background:radial-gradient(circle at top right,rgba(251,191,36,.28),transparent 0,transparent 32%),linear-gradient(135deg,#312e81,#6d28d9 55%,#2563eb);box-shadow:0 22px 45px -24px #4338ca8c;overflow:hidden}.admin-container>.admin-header:after{content:"";position:absolute;inset:auto -3rem -3rem auto;width:11rem;height:11rem;border-radius:9999px;background:#ffffff1f;filter:blur(6px)}.admin-container>.admin-header h1{position:relative;z-index:1;font-size:2.25rem;font-weight:700;font-family:var(--font-body);color:#fff;letter-spacing:.02em;margin-bottom:.4rem}.admin-container>.admin-header p{position:relative;z-index:1;color:#ffffffe0;max-width:48rem;margin-bottom:0}@media (min-width: 768px){.admin-container>.admin-header{padding:2rem}.admin-container>.admin-header h1{font-size:3rem}}.admin-container .card{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);padding:1.5rem;border-radius:1rem;box-shadow:0 16px 40px -28px #0f172a59;border:1px solid rgba(226,232,240,.95);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.admin-container .card:hover{transform:translateY(-3px);border-color:#818cf859;box-shadow:0 22px 45px -30px #4338ca73}.card-dark{background-color:#1f2937;border-color:#374151}.card-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.65rem}.card-header h3{font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em}.card-content{padding-top:.5rem}.card-content .value{font-size:1.85rem;font-weight:700;color:#0f172a}.card-content .description{font-size:.8rem;color:#64748b}.admin-summary-card{position:relative;overflow:hidden}.admin-summary-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--summary-accent, linear-gradient(180deg, #818cf8, #a855f7))}.admin-summary-card:nth-child(1){--summary-accent: linear-gradient(180deg, #3b82f6, #6366f1)}.admin-summary-card:nth-child(2){--summary-accent: linear-gradient(180deg, #f59e0b, #f97316)}.admin-summary-card:nth-child(3){--summary-accent: linear-gradient(180deg, #10b981, #14b8a6)}.admin-summary-card:nth-child(4){--summary-accent: linear-gradient(180deg, #8b5cf6, #ec4899)}.admin-trend{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:9999px;font-size:.74rem;font-weight:700}.admin-trend-up{color:#047857;background-color:#ecfdf5}.admin-trend-down{color:#b45309;background-color:#fff7ed}.admin-section-head{padding:1.25rem 1.5rem;border-bottom:1px solid #e8ecff;background:linear-gradient(180deg,#eef2ffb3,#fff6)}.admin-section-head h2{font-family:var(--font-body);font-size:1.45rem;font-weight:600;color:#111827;margin:0}.admin-section-head p{color:#64748b;margin:.3rem 0 0}.admin-activity-list,.admin-student-list{display:grid;gap:.9rem}.students-progress-page{display:grid;gap:1.2rem}.students-progress-hero{position:relative;overflow:hidden;border:1px solid rgba(59,130,246,.14);border-radius:1.8rem;padding:1.6rem;background:radial-gradient(circle at top right,rgba(59,130,246,.14),transparent 0,transparent 28%),radial-gradient(circle at bottom left,rgba(16,185,129,.1),transparent 0,transparent 34%),linear-gradient(135deg,#fffffffa,#eff6fffa 58%,#f0fdfaf5);box-shadow:0 24px 48px -34px #2563eb47}.students-progress-hero-grid,.students-progress-content-grid{display:grid;gap:1rem}.students-progress-badge,.students-progress-pill,.students-progress-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.students-progress-badge{display:inline-flex;align-items:center;gap:.45rem;border-radius:9999px;padding:.36rem .76rem;background:#dbeafeeb;color:#1d4ed8;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.students-progress-hero h1{margin:.9rem 0 0;font-family:var(--font-body);font-size:clamp(2rem,3vw,3rem);line-height:1.03;color:#0f172a}.students-progress-hero p,.students-progress-preview p,.students-progress-panel-head p,.students-progress-spotlight-item p,.students-progress-feed-item p,.students-progress-alert-item p,.students-progress-person p{margin:0;color:#475569;line-height:1.6}.students-progress-hero>*+*,.students-progress-panel>*+*{margin-top:0}.students-progress-pill-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.students-progress-pill{display:inline-flex;align-items:center;gap:.45rem;border-radius:9999px;padding:.45rem .78rem;border:1px solid rgba(96,165,250,.45);background:#ffffffc7;color:#1e3a8a;font-size:.84rem;font-weight:700}.students-progress-preview{max-width:360px;border-radius:1.2rem;border:1px solid rgba(59,130,246,.16);background:#ffffffc2;padding:1rem 1.1rem;box-shadow:0 20px 32px -30px #0f172a47}.students-progress-preview-kicker{display:inline-flex;align-items:center;gap:.4rem;border-radius:9999px;padding:.28rem .68rem;background:#eff6fff0;color:#1d4ed8;font-size:.74rem;font-weight:800}.students-progress-preview h2,.students-progress-panel-head h2{margin:.8rem 0 0;color:#0f172a;font-family:var(--font-body);font-size:1.28rem;line-height:1.25}.students-progress-preview ul{list-style:none;padding:0;margin:.9rem 0 0;display:grid;gap:.75rem}.students-progress-preview li{display:flex;align-items:flex-start;gap:.7rem}.students-progress-preview li span{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:9999px;background:#dbeafe;color:#1d4ed8;font-size:.8rem;font-weight:800;flex-shrink:0}.students-progress-banner{margin:0;padding:.8rem 1rem;border-radius:1rem;border:1px solid rgba(249,115,22,.18);background:#fff7ede6;color:#9a3412;font-size:.92rem;font-weight:600}.students-progress-metric-grid{display:grid;gap:1rem}.students-progress-metric-card,.students-progress-panel{position:relative;overflow:hidden;border:1px solid #e2e8f0;border-radius:1.3rem;background:linear-gradient(180deg,#fffffffa,#f8fafcfa);box-shadow:0 18px 40px -30px #0f172a38}.students-progress-metric-card:before,.students-progress-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#2563eb,#0ea5e9)}.students-progress-metric-card{padding:1.2rem}.students-progress-metric-card-alert{border-color:#f973163d;background:linear-gradient(135deg,#fff7edf5,#fffbebf5)}.students-progress-metric-card-alert:before,.students-progress-panel-warning:before{background:linear-gradient(180deg,#f97316,#ef4444)}.students-progress-metric-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.9rem;margin-bottom:.75rem;background:#dbeafef0;color:#2563eb}.students-progress-metric-card p,.students-progress-metric-card strong,.students-progress-metric-card small{display:block;margin:0}.students-progress-metric-card p{color:#64748b;font-size:.85rem}.students-progress-metric-card strong{margin-top:.3rem;color:#0f172a;font-size:1.8rem;line-height:1.1}.students-progress-metric-card small{margin-top:.4rem;color:#475569;line-height:1.55}.students-progress-panel{padding:1.2rem}.students-progress-panel-accent{background:linear-gradient(135deg,#eff6fff5,#f0fdfaf5)}.students-progress-panel-warning{background:linear-gradient(135deg,#fff7edf5,#fffbebf5);border-color:#f973162e}.students-progress-side-stack{display:grid;gap:1rem}.students-progress-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;margin-bottom:1rem}.students-progress-search{position:relative;min-width:min(100%,320px);flex:1}.students-progress-search svg{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#64748b}.students-progress-search input,.students-progress-selects select{width:100%;border-radius:.9rem;border:1px solid #cbd5e1;background:#fffffff5;color:#0f172a;font-size:.9rem;margin-bottom:0}.students-progress-search input{padding-left:2.4rem}.students-progress-selects{display:flex;gap:.75rem;flex-wrap:wrap}.students-progress-selects select{min-width:200px}.students-progress-table-wrap{overflow:auto}.students-progress-table{width:100%;border-collapse:collapse}.students-progress-table th,.students-progress-table td{padding:.9rem .75rem;border-top:1px solid #e2e8f0;text-align:left;vertical-align:middle}.students-progress-table thead th{color:#64748b;font-size:.8rem;font-weight:700;border-top:none}.students-progress-person{display:flex;align-items:center;gap:.75rem;min-width:220px}.students-progress-person strong,.students-progress-spotlight-item strong,.students-progress-alert-item strong,.students-progress-feed-item strong{display:block;color:#0f172a;font-size:.95rem}.students-progress-avatar{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.9rem;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-weight:800;flex-shrink:0}.students-progress-status{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.32rem .68rem;font-size:.76rem;font-weight:800}.students-progress-status.is-active{background:#ecfdf5;color:#047857}.students-progress-status.is-pending{background:#fff7ed;color:#c2410c}.students-progress-status.is-inactive,.students-progress-status.is-suspended,.students-progress-status.is-expired{background:#f8fafc;color:#475569}.students-progress-bar-row{display:flex;align-items:center;gap:.7rem;min-width:180px}.students-progress-track{flex:1;height:.5rem;border-radius:9999px;background:#e2e8f0;overflow:hidden}.students-progress-fill{height:100%;border-radius:inherit}.students-progress-fill.is-high{background:linear-gradient(90deg,#10b981,#22c55e)}.students-progress-fill.is-medium{background:linear-gradient(90deg,#f59e0b,#f97316)}.students-progress-fill.is-low{background:linear-gradient(90deg,#f97316,#ef4444)}.students-progress-dropdown{position:relative}.students-progress-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #dbeafe;border-radius:.7rem;background:#eff6ffd6;color:#1d4ed8;cursor:pointer}.students-progress-dropdown-menu{position:absolute;right:0;top:calc(100% + .4rem);z-index:20;display:grid;min-width:10rem;padding:.35rem;border-radius:.9rem;border:1px solid #dbeafe;background:#fff;box-shadow:0 20px 32px -28px #0f172a52}.students-progress-dropdown-menu button{border:none;background:transparent;text-align:left;padding:.65rem .75rem;border-radius:.7rem;color:#0f172a;cursor:pointer}.students-progress-dropdown-menu button:hover{background:#eff6ff}.students-progress-spotlight-list,.students-progress-alert-list,.students-progress-feed{display:grid;gap:.75rem;margin-top:1rem}.students-progress-spotlight-item,.students-progress-alert-item,.students-progress-feed-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-radius:1rem;border:1px solid #e2e8f0;background:#f8fafcdb}.students-progress-spotlight-item span{color:#047857;font-size:1rem;font-weight:800}.students-progress-alert-item small,.students-progress-feed-item small,.students-progress-empty{color:#64748b;font-size:.84rem}.students-progress-empty{margin:0;padding:1rem 0}.dark .students-progress-hero{background:radial-gradient(circle at top right,rgba(59,130,246,.12),transparent 0,transparent 28%),radial-gradient(circle at bottom left,rgba(16,185,129,.08),transparent 0,transparent 34%),linear-gradient(135deg,#0f172afa,#1e293bfa);border-color:#3b82f624}.dark .students-progress-badge,.dark .students-progress-pill,.dark .students-progress-preview,.dark .students-progress-metric-card,.dark .students-progress-panel,.dark .students-progress-search input,.dark .students-progress-selects select,.dark .students-progress-dropdown-menu,.dark .students-progress-spotlight-item,.dark .students-progress-alert-item,.dark .students-progress-feed-item,.dark .students-progress-action-btn{background:#0f172abd;border-color:#475569bf}.dark .students-progress-hero h1,.dark .students-progress-preview h2,.dark .students-progress-panel-head h2,.dark .students-progress-metric-card strong,.dark .students-progress-person strong,.dark .students-progress-spotlight-item strong,.dark .students-progress-alert-item strong,.dark .students-progress-feed-item strong,.dark .students-progress-dropdown-menu button,.dark .students-progress-table td,.dark .students-progress-table th{color:#f8fafc}.dark .students-progress-hero p,.dark .students-progress-preview p,.dark .students-progress-panel-head p,.dark .students-progress-metric-card p,.dark .students-progress-metric-card small,.dark .students-progress-person p,.dark .students-progress-alert-item p,.dark .students-progress-feed-item p,.dark .students-progress-empty,.dark .students-progress-alert-item small,.dark .students-progress-feed-item small{color:#cbd5e1}.dark .students-progress-preview-kicker,.dark .students-progress-badge,.dark .students-progress-metric-icon,.dark .students-progress-preview li span{background:#1e40af3d;color:#bfdbfe}.dark .students-progress-track{background:#334155d1}.dark .students-progress-banner{background:#78350f38;border-color:#f973163d;color:#fdba74}@media (min-width: 960px){.students-progress-hero-grid,.students-progress-content-grid{grid-template-columns:1.15fr .85fr;align-items:start}.students-progress-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.students-progress-hero,.students-progress-panel,.students-progress-metric-card{padding:1rem}.students-progress-toolbar,.students-progress-selects{grid-template-columns:1fr}.students-progress-selects,.students-progress-pill-row{flex-direction:column}}.admin-activity-item{display:flex;gap:1rem;padding:1rem;border-radius:.85rem;background:#f8fafc;border:1px solid #eef2ff;align-items:flex-start}.admin-activity-item:hover{background:#f5f7ff}.admin-activity-icon{padding:.5rem;background-color:#eef2ff;border-radius:.6rem;display:flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem}.admin-progress-track{height:.42rem;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.admin-progress-fill--success,.admin-progress-fill--danger{height:100%;border-radius:9999px}.admin-progress-fill--success{background:linear-gradient(90deg,#10b981,#34d399)}.admin-progress-fill--danger{background:linear-gradient(90deg,#f97316,#ef4444)}.admin-quick-grid{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.admin-quick-link{display:block;padding:1.2rem;border:1px solid #e5e7eb;border-radius:.85rem;text-decoration:none;color:#111827;background:linear-gradient(180deg,#fff,#f8fafc);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.admin-quick-link:hover{transform:translateY(-2px);box-shadow:0 18px 30px -26px #2563eb73}.admin-quick-link h4{margin:0;font-weight:600}.admin-quick-link p{margin:0;font-size:.875rem;color:#6b7280}.admin-quick-link-blue:hover{border-color:#3b82f6}.admin-quick-link-green:hover{border-color:#10b981}.admin-quick-link-gold:hover{border-color:#f59e0b}.grid-4{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (min-width: 768px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.grid-main{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 1024px){.grid-main{grid-template-columns:2fr 1fr}}.tabs{display:flex;border-radius:.375rem;background-color:#f3f4f6;padding:.25rem;margin-bottom:1.5rem}.tabs-dark{background-color:#374151}.tab-button{flex:1;border-radius:.25rem;padding:.75rem;font-size:.875rem;font-weight:500;transition:all .2s;background-color:transparent;border:none;color:#6b7280;cursor:pointer}.tab-button:hover{color:#374151}.tab-button.active{background-color:#fff;color:#111827;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.tab-button.active-dark{background-color:#4b5563;color:#f9fafb}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:#111827;border-bottom:1px solid #e5e7eb}.table td{padding:1rem;border-bottom:1px solid #e5e7eb}.table tbody tr:hover{background-color:#f9fafb}.table-dark th{color:#f9fafb;border-bottom-color:#374151}.table-dark td{border-bottom-color:#374151}.table-dark tbody tr:hover{background-color:#4b556380}.avatar{height:2.25rem;width:2.25rem;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar img{height:100%;width:100%;object-fit:cover}.avatar-fallback{font-size:.875rem;font-weight:600;color:#6b7280}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-default{background-color:#dbeafe;color:#1e40af}.badge-success{background-color:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.badge-warning{background-color:#fff7ed;color:#b45309;border:1px solid #fed7aa}.badge-danger{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.badge-outline{border:1px solid #d1d5db;color:#374151}.progress-container{width:6rem;background-color:#e5e7eb;border-radius:9999px;height:.5rem}.progress-bar{height:100%;background-color:#3b82f6;border-radius:9999px;transition:width .3s ease}.dropdown-container{position:relative}.dropdown-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s;border:1px solid #e5e7eb;background-color:#fff;height:2rem;width:2rem;padding:0;cursor:pointer}.dropdown-button:hover{background-color:#f9fafb}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:.5rem;width:12rem;border-radius:.375rem;background-color:#fff;padding:.25rem 0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(0,0,0,.1);z-index:10}.dropdown-menu-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;font-size:.875rem;color:#374151;background-color:transparent;border:none;cursor:pointer}.dropdown-menu-item:hover{background-color:#f9fafb}.dropdown-menu-item.danger{color:#dc2626}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-4{gap:1rem}.ml-auto{margin-left:auto}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-right{text-align:right}.hidden{display:none}@media (min-width: 768px){.md\\:table-cell{display:table-cell}.md\\:block{display:block}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s;border:1px solid transparent;padding:.5rem 1rem;cursor:pointer}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background-color:transparent;border-color:#e5e7eb;color:#374151}.btn-ghost:hover{background-color:#f9fafb}.min-h-screen{min-height:100vh}.bg-gradient-hero{background:linear-gradient(to bottom right,#3b82f60d,#fff0,#fbbf240d)}.hero-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:3rem 1.5rem}.hero-content{width:100%;max-width:56rem;text-align:center}.space-y-8>*+*{margin-top:2rem}.logo-group{position:relative}.logo-circle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:8rem;height:8rem;background-color:#3b82f61a;color:#f59e0b;border-radius:50%;transition:transform .5s}.logo-group:hover .logo-circle{transform:scale(1.1)}.logo-stars{display:flex;gap:.75rem}.star-icon{height:2rem;width:2rem;fill:currentColor}.star-absolute{position:absolute;height:2rem;width:2rem;color:#ffffff3d;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-title{font-size:3rem;font-weight:700;font-family:var(--font-body);letter-spacing:-.025em;color:#111827;margin-bottom:1rem}@media (min-width: 768px){.hero-title{font-size:3.75rem}}.hero-subtitle{font-size:1.5rem;font-weight:700;font-family:var(--font-body);color:#3b82f6cc;text-transform:uppercase;letter-spacing:.2em;margin-top:.5rem}.hero-description{font-size:1.125rem;color:#4b5563;max-width:42rem;margin:0 auto;line-height:1.75}.admin-resources-page{gap:1.25rem}.admin-resource-hero{position:relative;overflow:hidden;padding:1.5rem;border-radius:1.25rem;border:1px solid rgba(129,140,248,.25);background:radial-gradient(circle at top right,rgba(16,185,129,.22),transparent 0,transparent 28%),linear-gradient(135deg,#0f172a,#1d4ed8 48%,#0f766e);box-shadow:0 22px 45px -28px #0f172a8c}.admin-resource-hero:after{content:"";position:absolute;right:-2rem;bottom:-2rem;width:9rem;height:9rem;border-radius:9999px;background:#ffffff1f;filter:blur(8px)}.admin-resource-hero-grid{position:relative;z-index:1;display:grid;gap:1rem}.admin-resource-hero h1{margin:.75rem 0 .5rem;color:#fff;font-size:2rem;font-family:var(--font-body)}.admin-resource-hero p{margin:0;max-width:48rem;color:#ffffffe0}.admin-resource-badge{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;padding:.35rem .75rem;border-radius:9999px;background:#ffffff24;color:#fff;font-size:.8rem;font-weight:700}.admin-resource-actions{display:flex;flex-wrap:wrap;gap:.75rem}.admin-resource-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.24);background:#ffffff14;color:#fff;text-decoration:none;font-size:.92rem;font-weight:700;cursor:pointer}.admin-resource-action-btn:hover{background:#ffffff29}.admin-resource-action-btn-primary{border-color:#fff;background:#fff;color:#1d4ed8}.admin-resource-action-btn-primary:hover{background:#eff6ff}.admin-resource-metric-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-resource-metric-card{padding:1.2rem 1.25rem;border-radius:1rem;border:1px solid #e5e7eb;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 16px 35px -30px #0f172a66}.admin-resource-metric-card span{display:block;color:#64748b;font-size:.85rem;font-weight:600}.admin-resource-metric-card strong{display:block;margin-top:.35rem;font-size:2rem;color:#0f172a}.admin-resource-metric-card small{display:block;margin-top:.35rem;color:#475569}.admin-resource-metric-card-highlight{border-color:#10b9814d;background:linear-gradient(135deg,#ecfdf5f2,#f0fdfaf2)}.admin-resource-panel-grid{display:grid;gap:1rem}.admin-resource-panel-grid-wide{grid-template-columns:1fr}.admin-resource-panel{display:grid;gap:1rem}.admin-resource-form-card{align-content:start}.admin-resource-panel-header h2{display:flex;align-items:center;gap:.5rem;margin:0;color:#0f172a;font-size:1.2rem}.admin-resource-panel-header p{margin:.35rem 0 0;color:#64748b}.admin-resource-form-grid,.admin-resource-inline-grid{display:grid;gap:.85rem}.admin-resource-input{width:100%;border:1px solid #dbe2ea;border-radius:.85rem;padding:.8rem .95rem;font-size:.95rem;color:#0f172a;background:#fff;outline:none}.admin-resource-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.admin-resource-textarea{min-height:110px;resize:vertical}.admin-resource-checkbox{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem .95rem;border-radius:.85rem;border:1px solid #dbe2ea;color:#334155;font-weight:600}.admin-resource-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:fit-content;padding:.75rem 1rem;border-radius:.85rem;border:1px solid transparent;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .2s ease}.admin-resource-button-primary{background:#2563eb;color:#fff}.admin-resource-button-primary:hover{background:#1d4ed8}.admin-resource-button-success{background:#059669;color:#fff}.admin-resource-button-success:hover{background:#047857}.admin-resource-button-ghost{border-color:#dbe2ea;background:#fff;color:#334155}.admin-resource-button-ghost:hover{border-color:#93c5fd;color:#1d4ed8}.admin-resource-button-danger{border-color:#fecaca;background:#fff1f2;color:#b91c1c}.admin-resource-button-danger:hover{background:#ffe4e6}.admin-resource-editor-actions{display:flex;flex-wrap:wrap;gap:.75rem}.admin-resource-library-panel{align-content:start}.admin-resource-toolbar{display:grid;gap:.85rem}.admin-resource-search{display:flex;align-items:center;gap:.6rem;padding:0 .95rem;border:1px solid #dbe2ea;border-radius:.85rem;background:#fff;color:#64748b}.admin-resource-search input{flex:1;border:0;outline:none;padding:.8rem 0;background:transparent;color:#0f172a}.admin-resource-filters{display:grid;gap:.85rem}.admin-resource-list{display:grid;gap:1rem}.admin-resource-item{padding:1rem;border-radius:1rem;border:1px solid #e5e7eb;background:linear-gradient(180deg,#fff,#f8fafc)}.admin-resource-item.is-active{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1f}.admin-resource-item-top{display:grid;gap:.85rem}.admin-resource-item h3{margin:.45rem 0 .3rem;color:#0f172a}.admin-resource-item p{margin:0;color:#64748b}.admin-resource-item-tags{display:flex;flex-wrap:wrap;gap:.45rem}.admin-resource-tag{display:inline-flex;align-items:center;padding:.22rem .55rem;border-radius:9999px;background:#e0ecff;color:#1d4ed8;font-size:.72rem;font-weight:700}.admin-resource-tag.is-free{background:#dcfce7;color:#047857}.admin-resource-tag.is-premium{background:#fef3c7;color:#b45309}.admin-resource-item-actions{display:flex;flex-wrap:wrap;gap:.6rem}.admin-resource-resource-list{display:grid;gap:.75rem;margin-top:1rem}.admin-resource-resource-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem .95rem;border:1px solid #e5e7eb;border-radius:.85rem;background:#fff}.admin-resource-resource-meta{display:flex;align-items:flex-start;gap:.75rem}.admin-resource-resource-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.65rem;background:#eff6ff;color:#2563eb}.admin-resource-resource-meta strong{display:block;color:#0f172a}.admin-resource-resource-meta a{display:inline-block;margin-top:.2rem;color:#2563eb;font-size:.78rem;text-decoration:none;word-break:break-all}.admin-resource-resource-meta a:hover{text-decoration:underline}.admin-resource-empty{padding:1rem;border:1px dashed #cbd5e1;border-radius:.85rem;background:#f8fafc;color:#64748b;text-align:center}@media (min-width: 768px){.admin-resource-hero{padding:2rem}.admin-resource-hero h1{font-size:2.4rem}.admin-resource-inline-grid,.admin-resource-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.admin-resource-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-resource-panel-grid-wide{grid-template-columns:.95fr 1.25fr}.admin-resource-item-top{grid-template-columns:1fr auto;align-items:start}}@media (min-width: 768px){.hero-description{font-size:1.25rem}}.cta-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}@media (min-width: 640px){.cta-buttons{flex-direction:row}}.btn-cta-primary{display:inline-flex;align-items:center;gap:.5rem;background-color:#3b82f6;color:#fff;padding:1rem 2rem;border-radius:.5rem;font-weight:700;font-size:1.125rem;transition:background-color .2s;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;text-decoration:none}.btn-cta-primary:hover{background-color:#3b82f6e6;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn-cta-secondary{display:inline-flex;align-items:center;gap:.5rem;border:2px solid #3b82f6;color:#3b82f6;padding:1rem 2rem;border-radius:.5rem;font-weight:700;font-size:1.125rem;transition:all .2s;text-decoration:none}.btn-cta-secondary:hover{background-color:#3b82f6;color:#fff}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:4rem;width:100%;max-width:56rem}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb}.feature-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.feature-title{font-size:1.25rem;font-family:var(--font-body);font-weight:700}.feature-description{color:#4b5563}.community-section{margin-top:3rem;background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;max-width:42rem}.community-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;justify-content:center}.community-title{font-size:1.5rem;font-family:var(--font-body);font-weight:700}.community-description{color:#4b5563;text-align:center}.dashboard-header{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.dashboard-header{flex-direction:row;align-items:center;justify-content:space-between}}.dashboard-title{font-size:1.875rem;font-weight:700;font-family:var(--font-body)}@media (min-width: 768px){.dashboard-title{font-size:2.25rem}}.dashboard-subtitle{color:#4b5563}.progress-section{background-color:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb}.progress-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.progress-title{font-family:var(--font-body);font-size:1.5rem;font-weight:600;color:#111827}.progress-description{color:#4b5563;margin-top:.25rem}.progress-bar-container{width:100%;background-color:#e5e7eb;border-radius:9999px;height:.75rem;margin-bottom:1rem}.progress-fill{height:100%;background-color:#3b82f6;border-radius:9999px;transition:width .3s ease}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;text-align:center}.stat-card{background-color:#f9fafb;padding:.75rem;border-radius:.5rem}.stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;font-weight:700}.stat-value{font-size:1.5rem;font-weight:700;color:#3b82f6}.learning-path{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb}.admin-notice-board-page{gap:1.25rem}.admin-notice-board-page input,.admin-notice-board-page textarea,.admin-notice-board-page select{margin-bottom:0;font-size:.94rem;line-height:1.5}.admin-notice-hero{position:relative;overflow:hidden;border-color:#818cf83d;background:radial-gradient(circle at top right,rgba(251,191,36,.22),transparent 0,transparent 28%),radial-gradient(circle at left center,rgba(59,130,246,.12),transparent 0,transparent 38%),linear-gradient(135deg,#111827,#7c3aed,#f97316);box-shadow:0 24px 48px -30px #581c878c}.admin-notice-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 42%,transparent 70%,rgba(255,255,255,.06))}.admin-notice-hero:after{content:"";position:absolute;right:-2.5rem;bottom:-2.5rem;width:10rem;height:10rem;border-radius:9999px;background:#ffffff24;filter:blur(8px)}.admin-notice-hero-grid{position:relative;z-index:1;align-items:stretch}.admin-notice-hero-preview{min-width:min(100%,320px);max-width:360px;padding:1rem 1.1rem;border-radius:1.1rem;border:1px solid rgba(251,191,36,.24);background:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 20px 32px -28px #0f172a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-notice-preview-kicker{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem;border-radius:9999px;background:#ffffff24;color:#fff;font-size:.75rem;font-weight:700}.admin-notice-preview-title{margin:.9rem 0 .45rem;font-size:1.1rem;line-height:1.35;color:#fff}.admin-notice-preview-text{margin:0;font-size:.92rem;line-height:1.65;color:#ffffffdb}.admin-notice-preview-date{margin-top:.85rem;color:#ffffffbf;font-size:.8rem;font-weight:600}.admin-notice-hero h1{margin:.75rem 0 .5rem;color:#fff;font-size:clamp(2rem,2.3vw,2.55rem);line-height:1.08;font-family:var(--font-body)}.admin-notice-hero p{margin:0;max-width:48rem;line-height:1.65;color:#ffffffe0}.admin-notice-badge{width:fit-content;border:1px solid rgba(255,255,255,.18);background:#ffffff24!important;color:#fff!important}.admin-notice-hero-actions{align-self:center}.admin-notice-link-btn{border-color:#ffffff38!important;background:#ffffff14;color:#fff!important;text-decoration:none;box-shadow:inset 0 1px #ffffff1f}.admin-notice-link-btn:hover{background:#ffffff29!important}.admin-notice-metric-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-notice-metric-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffffffa,#f8fafcfa);box-shadow:0 18px 35px -30px #0f172a66;transition:transform .2s ease,box-shadow .2s ease}.admin-notice-metric-card:after{content:"";position:absolute;inset:auto -1.25rem -1.5rem auto;width:4.75rem;height:4.75rem;border-radius:9999px;background:#6366f114}.admin-notice-metric-card:hover{transform:translateY(-2px);box-shadow:0 24px 40px -30px #2563eb52}.admin-notice-metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6366f1,#a855f7)}.admin-notice-metric-card-emerald:before{background:linear-gradient(90deg,#10b981,#14b8a6)}.admin-notice-metric-card-amber:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.admin-notice-metric-card-blue:before{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.admin-notice-metric-label{display:block;font-weight:700;letter-spacing:.01em}.admin-notice-metric-value{line-height:1}.admin-notice-panel-grid{align-items:start}.admin-notice-panel{position:relative;overflow:hidden;border-color:#e5e7eb;background:linear-gradient(180deg,#fffffffa,#f8fafcfa);box-shadow:0 18px 40px -30px #0f172a66}.admin-notice-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#3b82f6e6,#a855f7e6,#f97316e6)}.admin-notice-panel-header h2{margin:0;font-size:1.2rem;font-family:var(--font-body)}.admin-notice-panel-header p{margin:.35rem 0 0;font-size:.88rem;line-height:1.55}.admin-notice-form-grid,.admin-notice-inline-grid,.admin-notice-toggle-grid{gap:.85rem}.admin-notice-toggle{background:#f8fafce0;font-weight:600}.admin-notice-toggle input{width:auto;margin:0}.admin-notice-panel button,.admin-notice-panel a{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.admin-notice-panel button:hover,.admin-notice-panel a:hover{transform:translateY(-1px)}.admin-notice-primary-btn{box-shadow:0 18px 30px -24px #0f172a66;background:linear-gradient(135deg,#111827,#334155)}.admin-notice-secondary-btn,.admin-notice-danger-btn{background:#ffffffd1}.admin-notice-secondary-btn:hover{border-color:#bfdbfe;color:#1d4ed8}.admin-notice-danger-btn:hover{border-color:#fecaca;color:#b91c1c}.admin-notice-list{display:grid;gap:.85rem}.admin-notice-list-item{position:relative;overflow:hidden;border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#f8fafc)}.admin-notice-list-item:hover{transform:translateY(-2px);box-shadow:0 20px 34px -30px #2563eb40}.admin-notice-list-item:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,#7c3aed,#f97316);opacity:.9}.admin-notice-list-row{align-items:flex-start}.admin-notice-item-content{flex:1;min-width:0}.admin-notice-item-content h3{margin:.55rem 0 .3rem;line-height:1.35}.admin-notice-item-content p{margin:0;line-height:1.55}.admin-notice-item-actions{align-self:center}.admin-notice-tag{background:#eef2ff;color:#4338ca}.admin-notice-list-item.is-selected{box-shadow:0 0 0 3px #fbbf2429}.admin-notice-list-item.is-hidden{opacity:.78}.admin-notice-list-item.is-hidden:after{content:"Oculto";position:absolute;top:.9rem;right:.9rem;padding:.2rem .45rem;border-radius:9999px;background:#111827;color:#fff;font-size:.65rem;font-weight:700}.admin-notice-status-pill{box-shadow:inset 0 1px #ffffff6b}.admin-notice-editor{border-top:4px solid rgba(245,158,11,.5)}.admin-notice-editor-actions{justify-content:flex-start}@media (min-width: 768px){.admin-notice-hero{padding:2rem}}@media (min-width: 1100px){.admin-notice-panel-grid{grid-template-columns:.98fr 1.12fr}}@media (max-width: 768px){.admin-notice-panel,.admin-notice-hero{padding:1rem}.admin-notice-hero-preview,.admin-notice-hero-actions,.admin-notice-item-actions{width:100%;max-width:none}}.learning-path-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.learning-path-title{font-family:var(--font-body);font-size:1.5rem;font-weight:600;color:#111827}.learning-path-description{color:#4b5563;margin-top:.25rem}.learning-path-content{padding:1.5rem}.level-button{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:none;text-align:left;cursor:pointer;transition:background-color .2s}.level-button:hover{background-color:#f3f4f6}.level-icon{height:2.5rem;width:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#3b82f6;color:#fff;font-weight:700;font-size:1rem}.level-title{font-size:1.25rem;font-weight:600;font-family:var(--font-body);color:#111827}.lessons-grid{margin-top:1rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;padding-left:2rem;border-left:2px solid #3b82f6;margin-left:1.5rem}@media (min-width: 768px){.lessons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lessons-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.lessons-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.lesson-card{background-color:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;transition:all .2s;height:100%;text-decoration:none;color:inherit;display:block}.lesson-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#f59e0b;transform:scale(1.02)}.lesson-locked{background-color:#f9fafb;cursor:not-allowed}.lesson-content{display:flex;align-items:flex-start;gap:1rem}.lesson-title{font-weight:600;color:#111827;line-height:1.25}.lesson-status{font-size:.75rem;font-weight:700;margin-top:.25rem;color:#f59e0b}.lesson-locked .lesson-title,.lesson-locked .lesson-status{color:#9ca3af}.evaluation-card{background-color:#eff6ff;padding:1rem;border-radius:.5rem;border:2px solid #bfdbfe;transition:all .2s;height:100%;text-decoration:none;color:inherit;display:block}.evaluation-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#3b82f6;background-color:#dbeafe}.evaluation-content{display:flex;align-items:center;gap:1rem}.evaluation-icon-bg{padding:.5rem;background-color:#dbeafe;border-radius:50%}.evaluation-title{font-weight:600;color:#1e40af}.evaluation-status{font-size:.75rem;font-weight:700;color:#2563eb}.kids-header h1{font-size:1.875rem;font-weight:700;font-family:var(--font-body);color:#3b82f6}@media (min-width: 768px){.kids-header h1{font-size:2.25rem}}.kids-subtitle{color:#4b5563}.kids-section{background-color:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb}.kids-section-header{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}@media (min-width: 640px){.kids-section-header{flex-direction:row;align-items:center;justify-content:space-between}}.kids-section-title{font-family:var(--font-body);font-size:1.5rem;font-weight:600;color:#111827}.kids-section-description{color:#4b5563;margin-top:.25rem}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;transition:all .2s;text-decoration:none;cursor:pointer}.btn-outline:hover{background-color:#f9fafb}.kids-level-card{border:1px solid #e5e7eb;border-radius:.5rem}.kids-level-button{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem;background-color:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s;border-radius:.5rem .5rem 0 0}.kids-level-button:hover{background-color:#f9fafb}.kids-level-icon{display:flex;height:4rem;width:4rem;align-items:center;justify-content:center;border-radius:50%;background-color:#3b82f61a;color:#3b82f6}.kids-level-title{font-size:1.25rem;font-weight:600;font-family:var(--font-body);color:#111827}.kids-lessons-container{padding:1rem 1rem 1rem 2rem;border-top:1px solid #e5e7eb}.kids-lessons-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding-left:2rem;border-left:4px dashed #f59e0b;margin-left:2rem}@media (min-width: 768px){.kids-lessons-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.kids-lessons-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.kids-lessons-grid{grid-template-columns:repeat(4,1fr)}}.kids-lesson-card{background-color:#fff;padding:1rem;border-radius:.75rem;border:2px solid #e5e7eb;transition:all .2s;height:100%;text-decoration:none;color:inherit;display:block}.kids-lesson-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#f59e0b}.kids-lesson-content{display:flex;align-items:center;gap:1rem}.kids-lesson-icon-bg{padding:.5rem;background-color:#fef3c7;border-radius:50%}.kids-lesson-title{font-weight:600;color:#111827}.kids-lesson-status{font-size:.875rem;font-weight:700;color:#f59e0b}.kids-evaluation-card{background-color:#eff6ff;padding:1rem;border-radius:.75rem;border:2px solid #bfdbfe;transition:all .2s;height:100%;text-decoration:none;color:inherit;display:block}.kids-evaluation-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#3b82f6;background-color:#dbeafe}.kids-evaluation-content{display:flex;align-items:center;gap:1rem}.kids-evaluation-icon-bg{padding:.5rem;background-color:#dbeafe;border-radius:50%}.kids-evaluation-title{font-weight:600;color:#1e40af}.kids-evaluation-status{font-size:.875rem;font-weight:700;color:#2563eb}.forum-container{display:grid;gap:1rem}.forum-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-radius:1rem;border:1px solid rgba(59,130,246,.18);background:radial-gradient(circle at top right,rgba(59,130,246,.12),transparent 0,transparent 30%),linear-gradient(135deg,#fff,#f8fbff 55%,#fff7ed)}.forum-header h1{margin:0;font-size:1.875rem;font-weight:700;font-family:var(--font-body);color:#0f172a}@media (min-width: 768px){.forum-header h1{font-size:2.25rem}}.forum-subtitle{margin:.35rem 0 0;max-width:42rem;color:#4b5563}.forum-stats{display:flex;flex-wrap:wrap;gap:.6rem}.forum-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:9999px;background:#fff;border:1px solid #dbeafe;color:#1d4ed8;font-size:.82rem;font-weight:700}.forum-permission-banner,.forum-access-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;border-radius:1rem;border:1px solid #fdba74;background:linear-gradient(135deg,#fff7ed,#fffbeb);color:#9a3412}.forum-permission-banner strong,.forum-access-card h1{margin:0}.forum-permission-banner p,.forum-access-card p{margin:.2rem 0 0}.forum-main{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:1rem;box-shadow:0 16px 35px -28px #0f172a38;border:1px solid #e5e7eb;flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.forum-posts{padding:1rem;flex-grow:1;overflow-y:auto;gap:1rem;display:flex;flex-direction:column}@media (min-width: 768px){.forum-posts{padding:1.5rem}}.forum-post{display:flex;align-items:flex-start;gap:.9rem}.forum-post-main-card{padding:1rem;border:1px solid #e2e8f0;border-radius:1rem;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 16px 30px -28px #2563eb3d}.forum-post-reply{margin-top:.75rem}.forum-avatar{height:2.4rem;width:2.4rem;border-radius:50%;flex-shrink:0}.forum-post-content{flex:1;display:grid;gap:.45rem}.forum-post-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.forum-author-block{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.forum-author{margin:0;font-weight:700;color:#2563eb}.forum-author-instructor{color:#ea580c}.forum-role-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:9999px;font-size:.7rem;font-weight:700}.forum-role-chip-student{background:#dbeafe;color:#1d4ed8}.forum-role-chip-instructor{background:#ffedd5;color:#c2410c}.forum-time{font-size:.75rem;color:#6b7280}.forum-message{font-size:.9rem;line-height:1.65;color:#111827;padding:.85rem .95rem;border-radius:.85rem}.forum-message-reply{background-color:#f8fafc;border:1px solid #eef2ff}.forum-message-main{background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid #dbeafe;border-radius:.85rem .85rem .85rem .15rem}.forum-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;color:#6b7280}.forum-action-btn{display:inline-flex;align-items:center;gap:.375rem;font-size:.76rem;font-weight:700;padding:.35rem .7rem;border-radius:9999px;background-color:#f8fafc;border:1px solid #e5e7eb;color:#475569;cursor:pointer;transition:all .2s}.forum-action-btn:hover:not(:disabled){background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.forum-action-btn:disabled{opacity:.55;cursor:not-allowed}.forum-replies{margin-top:.4rem;padding-left:1rem;border-left:2px solid #e5e7eb;display:grid;gap:.75rem}.forum-reply-form{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.2rem}.forum-reply-input{flex:1;min-width:220px;margin-bottom:0;border:1px solid #dbe2ea;border-radius:.8rem;padding:.75rem .9rem;font-size:.9rem}.forum-reply-submit{display:inline-flex;align-items:center;justify-content:center;padding:.7rem .9rem;border-radius:.8rem;border:none;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}.forum-reply-submit:hover{background:#1d4ed8}.forum-input-section{padding:1rem;border-top:1px solid #e5e7eb;background:#f8fafc}.forum-form{display:grid;gap:.75rem}.forum-input{width:100%;margin-bottom:0;padding:.85rem 1rem;border:1px solid #d1d5db;border-radius:.85rem;background-color:#fff;color:#111827;font-size:.9rem}.forum-input-textarea{min-height:96px;resize:vertical}.forum-input::placeholder{color:#6b7280}.forum-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.forum-input:disabled{background:#f1f5f9;cursor:not-allowed}.forum-submit-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.forum-helper-text{margin:0;color:#64748b;font-size:.8rem}.forum-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:8.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ea580c,#f97316);border-radius:.8rem;color:#fff;border:none;cursor:pointer;font-weight:700;transition:transform .2s ease,opacity .2s ease}.forum-submit-btn:hover:not(:disabled){transform:translateY(-1px)}.forum-submit-btn:disabled{opacity:.55;cursor:not-allowed}.forum-empty{padding:1rem;border-radius:.85rem;border:1px dashed #cbd5e1;background:#f8fafc;color:#64748b;text-align:center}@media (max-width: 768px){.forum-header,.forum-permission-banner,.forum-access-card{padding:1rem}.forum-post-main-card{padding:.85rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-shell{display:flex;min-height:100vh;position:relative;background:radial-gradient(circle at top left,rgba(168,85,247,.08),transparent 0,transparent 28%),linear-gradient(180deg,#f8fbff,#f8f5ff)}.admin-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;border:none;background:#0f172a59;opacity:0;pointer-events:none;transition:opacity .25s ease}.admin-sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}@media (min-width: 768px){.admin-sidebar-backdrop{display:none}}.admin-sidebar{width:16rem;position:fixed;top:0;bottom:0;left:0;z-index:45;background-color:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid rgba(226,232,240,.95);box-shadow:10px 0 30px -28px #0f172a59;transition:transform .28s ease;overflow:hidden;transform:translate(-100%)}@media (min-width: 768px){.admin-sidebar{transform:translate(0)}}.admin-sidebar-collapsed{transform:translate(-100%)}.admin-sidebar-expanded{transform:translate(0)}@media (min-width: 768px){.admin-sidebar-collapsed,.admin-sidebar-expanded{transform:translate(0)}}.admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:4rem;padding:.5rem}.admin-sidebar-close-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid rgba(148,163,184,.45);border-radius:.65rem;background:#ffffffe6;color:#334155;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.admin-sidebar-close-btn:hover{background:#f1f5f9f2;border-color:#64748b99;color:#0f172a}.admin-logo{display:flex;align-items:center;gap:.5rem;color:#3b82f6;cursor:pointer;width:100%;height:100%}.admin-logo-stars{position:relative;display:flex;flex-direction:column;align-items:center;color:#f59e0b;margin-right:-.5rem}.admin-logo-stars-collapsed{margin-right:-.25rem}.admin-logo-stars-collapsed .admin-star{margin-bottom:-.25rem}.admin-star{height:1.5rem;width:1.5rem;fill:currentColor;transition:transform .3s ease}.admin-logo:hover .admin-star{transform:scale(1.1)}.admin-book-icon{position:absolute;height:1.25rem;width:1.25rem;color:#ffffffb3;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}.admin-logo:hover .admin-book-icon{color:#fff;transform:translate(-50%,-50%) scale(1.05)}.admin-title{font-size:1.25rem;font-weight:700;font-family:var(--font-body);color:#3b82f6}.admin-nav{padding:.5rem}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;border-radius:.75rem;border:1px solid transparent;font-size:.875rem;font-weight:500;transition:all .2s ease;color:#374151;text-decoration:none}.admin-nav-item:hover{background-color:#eef2ff;border-color:#c7d2fe;color:#312e81;transform:translate(2px)}.admin-nav-item.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 16px 30px -24px #4f46e5cc}.admin-nav-item.disabled{color:#9ca3af;cursor:not-allowed}.admin-nav-item.disabled:hover{background-color:transparent}.admin-sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:.5rem}.admin-user-menu{position:relative}.admin-user-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.375rem;cursor:pointer;width:100%;background-color:transparent;border:none;transition:background-color .2s}.admin-user-btn:hover{background-color:#eef2ff}.admin-user-btn-collapsed{justify-content:center}.admin-user-avatar{height:2.25rem;width:2.25rem;border-radius:50%}.admin-user-info{display:flex;flex-direction:column}.admin-user-name{font-size:.875rem;font-weight:600;color:#3b82f6}.admin-user-email{font-size:.75rem;color:#6b7280}.admin-user-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:10}.admin-user-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;color:#374151;text-decoration:none;border-radius:.375rem;transition:background-color .2s}.admin-user-dropdown-item:hover{background-color:#f3f4f6}.admin-main{flex:1;display:flex;flex-direction:column;width:auto;min-width:0;margin-left:0;transition:margin-left .28s ease}@media (min-width: 768px){.admin-main{margin-left:16rem}}.admin-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1rem;background-color:#f8fafcd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.9)}.admin-header-left{display:flex;align-items:center;gap:1rem}.admin-toggle-btn{padding:.5rem;border-radius:.375rem;background-color:transparent;border:none;cursor:pointer;transition:background-color .2s}.admin-toggle-btn:hover{background-color:#f3f4f6}.admin-search-container{position:relative;width:100%;max-width:28rem}.admin-search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);height:1rem;width:1rem;color:#6b7280}.admin-search-input{width:100%;padding:.6rem .75rem .6rem 2rem;border:1px solid rgba(129,140,248,.22);border-radius:.75rem;background-color:#fffffff2;color:#111827;font-size:.875rem;box-shadow:inset 0 1px 2px #0f172a08}.admin-search-input::placeholder{color:#6b7280}.admin-search-input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 4px #6366f11f}.admin-header-right{display:flex;align-items:center;gap:.5rem}.admin-return-link{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border-radius:9999px;border:1px solid rgba(129,140,248,.24);background:#ffffffeb;color:#1e293b;text-decoration:none;font-size:.85rem;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.admin-return-link:hover{transform:translateY(-1px);border-color:#6366f161;box-shadow:0 14px 24px -20px #4f46e573}.admin-theme-btn{padding:.5rem;border-radius:.6rem;border:1px solid rgba(129,140,248,.2);background-color:#ffffffd6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:2.1rem;width:2.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.admin-theme-btn:hover{background-color:#eef2ff}.admin-theme-btn.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent}.admin-content{flex:1;padding:1rem;overflow:auto}.dark .admin-shell{background:linear-gradient(180deg,#0f172a,#111827)}.dark .admin-sidebar,.dark .admin-header{background-color:#0f172ae0;border-color:#475569cc}.dark .admin-sidebar-close-btn{background:#0f172ae0;border-color:#64748bb3;color:#e2e8f0}.dark .admin-sidebar-close-btn:hover{background:#1e293beb;border-color:#94a3b8c7;color:#f8fafc}.dark .admin-title,.dark .admin-user-name,.dark .admin-nav-item,.dark .admin-search-input{color:#e2e8f0}.dark .admin-nav-item:hover{background-color:#334155e6;border-color:#6366f173;color:#fff}.dark .admin-search-input{background-color:#0f172aeb;border-color:#475569e6}.dark .admin-return-link{background:#0f172ae6;border-color:#64748bb8;color:#e2e8f0}.dark .admin-container .card{background:linear-gradient(180deg,#0f172afa,#1e293bfa);border-color:#475569e6}.dark .card-header h3,.dark .card-content .value,.dark .admin-section-head h2{color:#f8fafc}.dark .card-content .description,.dark .admin-section-head p{color:#cbd5e1}@media (min-width: 640px){.admin-content{padding:1.5rem}}@media (min-width: 1024px){.admin-content{padding:2rem}}.app-shell{display:flex;min-height:100vh;position:relative;background-color:#f8fafc}.dark .app-shell{background-color:#0f172a}.app-sidebar{width:16rem;position:fixed;top:0;bottom:0;left:0;z-index:45;background-color:#fff;border-right:1px solid #e5e7eb;transition:transform .28s ease,background-color .3s ease,border-color .3s ease;overflow:hidden;transform:translate(-100%)}@media (min-width: 768px){.app-sidebar{transform:translate(0)}}.app-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;border:none;background:#0f172a59;opacity:0;pointer-events:none;transition:opacity .25s ease}@media (max-width: 767px){.app-sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}}.app-sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}.dark .app-sidebar{background-color:#111827;border-color:#374151}.dark .app-sidebar-close-btn{background:#0f172ae0;border-color:#64748bb3;color:#e2e8f0}.dark .app-sidebar-close-btn:hover{background:#1e293beb;border-color:#94a3b8c7;color:#f8fafc}.app-sidebar-expanded{transform:translate(0)}.app-sidebar-collapsed{transform:translate(-100%)}@media (min-width: 768px){.app-sidebar-expanded,.app-sidebar-collapsed{transform:translate(0)}}.app-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:4rem;padding:.5rem}.app-sidebar-close-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #cbd5e1;border-radius:.65rem;background:#fff;color:#334155;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.app-sidebar-close-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.app-logo-link{display:flex;align-items:center;gap:.75rem;width:100%;height:100%;text-decoration:none;color:#3b82f6}.app-logo-icon{width:2rem;height:2rem;color:#3b82f6}.app-logo-text{flex:1}.app-sidebar-title{font-size:1.25rem;font-weight:700;font-family:var(--font-body);color:#3b82f6}.app-nav{padding:.5rem}.app-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;text-decoration:none;color:#374151;transition:background-color .2s ease,color .2s ease}.app-nav-link:hover{background-color:#f3f4f6}.dark .app-nav-link:hover{background-color:#1f2937}.app-nav-link-active{background-color:#3b82f6;color:#fff}.dark .app-nav-link-active{background-color:#2563eb;color:#fff}.app-nav-icon{width:1.25rem;height:1.25rem}.app-sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:.5rem}.app-sidebar-footer-inner{position:relative}.app-user-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem;border-radius:.375rem;background-color:transparent;border:none;cursor:pointer;transition:background-color .2s ease}.app-user-button:hover{background-color:#f3f4f6}.dark .app-user-button:hover{background-color:#1f2937}.app-user-button-collapsed{justify-content:center}.app-user-avatar{width:2.25rem;height:2.25rem;border-radius:9999px;object-fit:cover}.app-user-info{display:flex;flex-direction:column}.app-user-name{font-size:.875rem;font-weight:600;color:#3b82f6}.app-user-subtitle{font-size:.75rem;color:#6b7280}.app-user-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:10}.dark .app-user-dropdown{background-color:#111827;border-color:#374151}.app-user-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;color:#374151;text-decoration:none;border-radius:.375rem;transition:background-color .2s ease}.app-user-dropdown-item:hover{background-color:#f3f4f6}.dark .app-user-dropdown-item:hover{background-color:#1f2937}.app-user-dropdown-item-disabled{color:#9ca3af;cursor:not-allowed}.app-user-icon{width:1rem;height:1rem}.app-progress-card{margin-top:1rem;padding:1rem;background-color:#f8fafc;border-radius:.75rem;border:1px solid #e5e7eb}.dark .app-progress-card{background-color:#111827;border-color:#374151}.app-progress-label{font-size:.875rem;font-weight:500;color:#374151}.dark .app-progress-label{color:#d1d5db}.app-progress-track{margin-top:.75rem;width:100%;background-color:#e5e7eb;border-radius:9999px;height:.5rem}.dark .app-progress-track{background-color:#374151}.app-progress-fill{height:100%;background-color:#3b82f6;border-radius:9999px;transition:width .3s ease}.app-main{flex:1;display:flex;flex-direction:column;width:100%;margin-left:0;transition:margin-left .28s ease}@media (min-width: 768px){.app-main{margin-left:16rem}}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1rem;background-color:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e5e7eb}.dark .app-header{background-color:#0f172aeb;border-color:#374151}.app-header-left{display:flex;align-items:center;gap:1rem;width:100%}.app-toggle-btn{padding:.5rem;border-radius:.375rem;background-color:transparent;border:none;cursor:pointer;transition:background-color .2s ease}.app-toggle-btn:hover{background-color:#f3f4f6}.dark .app-toggle-btn:hover{background-color:#1f2937}.app-search-container{position:relative;width:100%;max-width:28rem}.app-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#6b7280}.app-search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#111827;font-size:.875rem}.dark .app-search-input{background-color:#111827;color:#f8fafc;border-color:#374151}.app-search-input::placeholder{color:#6b7280}.app-search-input:focus{outline:none;box-shadow:0 0 0 3px #3b82f633;border-color:transparent}.app-header-right{display:flex;align-items:center;gap:.5rem}.app-theme-btn{width:2rem;height:2rem;padding:.5rem;border-radius:.375rem;border:1px solid #d1d5db;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.dark .app-theme-btn{border-color:#4b5563;background-color:#111827cc}.app-theme-btn:hover{background-color:#f3f4f6}.dark .app-theme-btn:hover{background-color:#1f2937}.app-theme-btn.active{background-color:#3b82f6;color:#fff}.app-main-content{flex:1;padding:1rem;overflow:auto}@media (min-width: 640px){.app-main-content{padding:1.5rem}}@media (min-width: 1024px){.app-main-content{padding:2rem}}.text-center{text-align:center}.w-full{width:100%}.max-w-md{max-width:28rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-8{padding-left:2rem}.pr-3{padding-right:.75rem}.pt-6{padding-top:1.5rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mr-2{margin-right:.5rem}.ml-4{margin-left:1rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-5{gap:1.25rem}.border{border:1px solid #e5e7eb}.border-r{border-right:1px solid currentColor}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-gray-600{border-color:#4b5563}.border-gray-700{border-color:#374151}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-background{background-color:#f8fafc}.bg-primary{background-color:#3b82f6}.bg-card{background-color:#fffc}.text-primary{color:#3b82f6}.text-accent{color:#f59e0b}.text-success{color:#10b981}.text-orange-500{color:#f97316}.text-blue-600{color:#2563eb}.text-blue-400{color:#60a5fa}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-gray-100{color:#f3f4f6}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-muted-foreground{color:#6b7280}.dark\:text-blue-400{color:#60a5fa}.dark\:text-gray-400{color:#9ca3af}.dark\:text-gray-300{color:#d1d5db}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.transition-all{transition:all .2s ease}.duration-300{transition-duration:.3s}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.fill-current{fill:currentColor}.group{display:inline-block}.evaluations-header h1{font-size:1.875rem;font-weight:700;font-family:var(--font-body);color:#3b82f6}@media (min-width: 768px){.evaluations-header h1{font-size:2.25rem}}.evaluations-subtitle{color:#4b5563}.evaluations-section{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb}.evaluations-section-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.evaluations-section-title{font-family:var(--font-body);font-size:1.5rem;font-weight:600;color:#111827}.evaluations-section-description{color:#4b5563;margin-top:.25rem}.evaluations-content{padding:1.5rem}.evaluations-level-card{border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem}.evaluations-level-card.locked{opacity:.5}.evaluations-level-button{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem;background-color:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s;border-radius:.5rem .5rem 0 0}.evaluations-level-button:hover:not(:disabled){background-color:#f9fafb}.evaluations-level-button:disabled{cursor:not-allowed}.evaluations-level-icon{height:2.5rem;width:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#3b82f6;color:#fff;font-weight:700;font-size:1rem}.evaluations-level-title{font-size:1.25rem;font-weight:600;font-family:var(--font-body);color:#111827}.evaluations-level-lock{height:1.25rem;width:1.25rem;color:#9ca3af;margin-left:auto}.evaluations-evaluations-container{padding:1rem 1rem 1rem 2rem;border-top:1px solid #e5e7eb}.evaluations-list{display:flex;flex-direction:column;gap:1rem;padding-left:2rem;border-left:2px solid #3b82f6;margin-left:1.5rem}.evaluations-item{cursor:pointer}.evaluations-item.locked{cursor:not-allowed}.evaluations-card{padding:1rem;border-radius:.75rem;border:2px solid;transition:all .2s;height:100%}.evaluations-card.locked{background-color:#f9fafb;border-color:#e5e7eb}.evaluations-card.available{background-color:#fff;border-color:#3b82f633}.evaluations-card.available:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.evaluations-card-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.evaluations-card-left{display:flex;align-items:center;gap:1rem}.evaluations-icon-bg{padding:.75rem;border-radius:50%}.evaluations-icon-bg.locked{background-color:#f3f4f6}.evaluations-icon-bg.available{background-color:#eff6ff}.evaluations-icon{height:1.5rem;width:1.5rem}.evaluations-icon.locked{color:#9ca3af}.evaluations-icon.available{color:#3b82f6}.evaluations-info h3{font-weight:600;margin-bottom:.25rem}.evaluations-info h3.locked{color:#9ca3af}.evaluations-info h3.available{color:#111827}.evaluations-status{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:700;border-radius:9999px;margin-top:.25rem}.evaluations-status.locked{background-color:#e5e7eb;color:#6b7280}.evaluations-status.available{background-color:#fed7aa;color:#ea580c}.evaluations-start-btn{padding:.5rem 1rem;background-color:#3b82f6;color:#fff;font-weight:700;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .2s}.evaluations-start-btn:hover{background-color:#3b82f6e6}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at 18% 12%,rgba(100,181,216,.2),transparent 32%),radial-gradient(circle at 82% 88%,rgba(255,183,0,.14),transparent 30%),linear-gradient(135deg,#012561,#001b3c);padding:clamp(1rem,4vw,2.5rem)}.login-card{width:100%;max-width:31rem;display:flex;flex-direction:column;align-items:center;gap:clamp(1.25rem,3vw,2rem)}.login-logo{display:flex;flex-direction:column;align-items:center;gap:.8rem;color:#fff;text-decoration:none}.login-logo-circle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:5.75rem;height:5.75rem;background-color:#ffffff1a;color:#f59e0b;border-radius:50%;border:1px solid rgba(255,183,0,.42);box-shadow:0 12px 36px #0000003d;transition:transform .5s ease}.login-brand-image{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.login-logo:hover .login-logo-circle{transform:scale(1.1)}.login-stars{display:flex;gap:.5rem}.login-star{height:1.5rem;width:1.5rem;fill:currentColor}.login-book-icon{position:absolute;height:1.5rem;width:1.5rem;color:#fff6;top:50%;left:50%;transform:translate(-50%,-50%)}.login-title{font-size:clamp(1.8rem,5vw,2.35rem);font-weight:700;font-family:var(--font-brand-serif);letter-spacing:-.025em;text-align:center;color:#fff}.login-subtitle{font-size:.82rem;font-weight:700;font-family:var(--font-brand-sans);color:#ffcf55;text-transform:uppercase;letter-spacing:.2em;text-align:center}.login-form-card{width:100%;background-color:#fff;box-shadow:0 24px 60px -24px #00000085;border-radius:1.1rem;border:1px solid rgba(100,181,216,.42);overflow:hidden}.login-form-header{padding:clamp(1.2rem,4vw,1.75rem);text-align:center;border-bottom:1px solid #d5e1eb;background:linear-gradient(135deg,#fff,#f3f7fb)}.login-form-title{font-size:1.5rem;font-family:var(--font-brand-serif);font-weight:700;color:#102a43}.login-form-description{color:#486581;margin-top:.5rem;font-size:.93rem;line-height:1.6}.login-form-content{padding:clamp(1.2rem,4vw,1.75rem)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form-group{display:flex;flex-direction:column;gap:.5rem}.login-label{font-size:.875rem;font-weight:500;color:#29465f}.login-input{width:100%;height:3rem;padding:0 .75rem;border:1px solid #c5d4e1;border-radius:.65rem;background-color:#fff;color:#111827;font-size:.875rem}.login-input::placeholder{color:#627d98}.login-input:focus{outline:none;ring:2px;box-shadow:0 0 0 3px #64b5d83d;border-color:#64b5d8}.login-input-row{display:flex;align-items:center;justify-content:space-between}.login-forgot-link{font-size:.75rem;color:#012561;text-decoration:none;font-weight:600}.login-forgot-link:hover{text-decoration:underline}.login-error{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#b42318;font-weight:700;padding:.75rem;background-color:#fff1f0;border-radius:.5rem}.login-submit-btn{width:100%;height:3rem;background-color:#ff4d3b;color:#fff;font-weight:700;font-size:1.125rem;border-radius:.65rem;border:none;cursor:pointer;transition:background-color .2s}.login-submit-btn:hover{background-color:#e63b2e}.login-submit-btn:focus{outline:none;ring:2px;box-shadow:0 0 0 3px #ffb70059;ring-offset:2px}.login-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#486581}.login-register-link{color:#012561;font-weight:700;text-decoration:none}.login-register-link:hover{color:#ff4d3b;text-decoration:underline}:root{--brand-navy: #012561;--brand-gold: #f0cf6b;--blue-deep: #1f4a6b;--blue-sky: #5b7fa1;--yellow-horizon: #f0cf6b;--red-energy: #ff4d3b;--font-family-base: "Inter", sans-serif;--font-brand-serif: var(--font-family-base);--font-brand-script: "Parisienne", "Dancing Script", cursive;--font-brand-sans: var(--font-family-base);--font-size-display: clamp(2.8rem, 6vw, 5.4rem);--font-size-title: clamp(2rem, 4vw, 3.5rem);--font-size-section: clamp(1.55rem, 3vw, 2.35rem);--radius-sm: .25rem;--radius-md: .5rem;--radius-card: 1rem;--radius-hero: 1.5rem;--radius-pill: 9999px;--text-primary: #233642;--text-secondary: #53656f;--text-muted: #64707b;--text-accent: #ff4d3b;--text-accent-dark: #012561;--text-success: #10b981;--text-warning: #f59e0b;--text-error: #ef4444;--bg-page: #f7efe2;--bg-card: linear-gradient(180deg, rgba(255, 250, 242, .98) 0%, rgba(247, 239, 226, .96) 100%);--bg-card-accent: linear-gradient(135deg, rgba(255, 250, 242, .98), rgba(223, 236, 245, .94));--bg-hero: linear-gradient(135deg, rgba(247, 239, 226, .98), rgba(241, 231, 210, .95) 58%, rgba(247, 239, 226, .9));--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem;--spacing-4xl: 2.5rem;--spacing-3rem: 3rem;--border-width: 1.5px;--border-color: rgba(31, 74, 107, .18);--shadow-card: 0 8px 32px -18px rgba(1, 37, 97, .18);--shadow-hover: 0 12px 40px -24px rgba(1, 37, 97, .28);--shadow-hero: 0 24px 48px -32px rgba(1, 37, 97, .32);--background: var(--bg-page);--foreground: var(--text-primary);--card: var(--bg-card);--card-foreground: var(--text-primary);--popover: var(--bg-card);--popover-foreground: var(--text-primary);--primary: var(--text-accent);--primary-foreground: #ffffff;--secondary: var(--text-accent-dark);--secondary-foreground: var(--bg-page);--muted: var(--text-muted);--muted-foreground: var(--text-secondary);--accent: var(--text-accent);--accent-foreground: #ffffff;--destructive: var(--text-error);--destructive-foreground: #ffffff;--border: var(--border-color);--input: var(--bg-card);--ring: var(--text-accent);--background-hsl: 36 52% 93%;--foreground-hsl: 201 34% 18%;--card-hsl: 0 0% 100%;--card-foreground-hsl: 208 55% 16%;--popover-hsl: 0 0% 100%;--popover-foreground-hsl: 208 55% 16%;--primary-hsl: 6 100% 62%;--primary-foreground-hsl: 0 0% 100%;--secondary-hsl: 205 38% 92%;--secondary-foreground-hsl: 216 98% 19%;--muted-hsl: 36 42% 90%;--muted-foreground-hsl: 201 16% 40%;--accent-hsl: 45 100% 50%;--accent-foreground-hsl: 216 98% 19%;--destructive-hsl: 6 100% 62%;--destructive-foreground-hsl: 0 0% 100%;--border-hsl: 205 29% 82%;--input-hsl: 205 29% 82%;--ring-hsl: 6 100% 62%;--chart-1: hsl(216 98% 19%);--chart-2: hsl(201 60% 62%);--chart-3: hsl(45 100% 50%);--chart-4: hsl(6 100% 62%);--chart-5: hsl(208 33% 37%);--radius: .8rem;--sidebar-background-hsl: 36 52% 95%;--sidebar-foreground-hsl: 201 34% 18%;--sidebar-primary-hsl: 6 100% 62%;--sidebar-primary-foreground-hsl: 270 100% 98%;--sidebar-accent-hsl: 205 38% 92%;--sidebar-accent-foreground-hsl: 201 34% 18%;--sidebar-border-hsl: 205 29% 82%;--sidebar-ring-hsl: 6 100% 62%;--sidebar-background: hsl(var(--sidebar-background-hsl));--sidebar-foreground: hsl(var(--sidebar-foreground-hsl));--sidebar-primary: hsl(var(--sidebar-primary-hsl));--sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground-hsl));--sidebar-accent: hsl(var(--sidebar-accent-hsl));--sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground-hsl));--sidebar-border: hsl(var(--sidebar-border-hsl));--sidebar-ring: hsl(var(--sidebar-ring-hsl));--success: hsl(160 80% 45%);--warning: hsl(43 74% 66%);--locked: hsl(215 12% 65%);--font-body: var(--font-family-base);--font-headline: var(--font-family-base)}.dark{--text-primary: #f0f6fc;--text-secondary: #d2dfeb;--text-muted: #a9bed0;--text-accent: #ff4d3b;--text-accent-dark: #f0cf6b;--bg-page: #012561;--bg-card: linear-gradient(180deg, #043579 0%, #012f69 100%);--bg-card-accent: linear-gradient(135deg, rgba(255, 77, 59, .13), rgba(100, 181, 216, .1));--bg-hero: linear-gradient(135deg, #012561 0%, #001b3c 100%);--border-color: rgba(100, 181, 216, .28);--shadow-card: 0 8px 32px -18px rgba(0, 0, 0, .45);--shadow-hero: 0 24px 48px -32px rgba(0, 0, 0, .55);--background: var(--bg-page);--foreground: var(--text-primary);--card: var(--bg-card);--card-foreground: var(--text-primary);--popover: var(--bg-card);--popover-foreground: var(--text-primary);--primary: var(--text-accent);--primary-foreground: #012561;--secondary: var(--text-accent-dark);--secondary-foreground: var(--bg-page);--muted: var(--text-muted);--muted-foreground: var(--text-secondary);--accent: var(--text-accent);--accent-foreground: #ffffff;--destructive: var(--text-error);--destructive-foreground: #ffffff;--border: var(--border-color);--input: var(--bg-card);--ring: var(--text-accent);--background-hsl: 216 83% 15%;--foreground-hsl: 210 40% 98%;--card-hsl: 213 68% 23%;--card-foreground-hsl: 210 40% 98%;--popover-hsl: 213 68% 23%;--popover-foreground-hsl: 210 40% 98%;--primary-hsl: 6 100% 62%;--primary-foreground-hsl: 216 98% 19%;--secondary-hsl: 201 60% 28%;--secondary-foreground-hsl: 210 40% 98%;--muted-hsl: 213 68% 23%;--muted-foreground-hsl: 208 30% 78%;--accent-hsl: 45 100% 68%;--accent-foreground-hsl: 0 0% 100%;--destructive-hsl: 6 100% 62%;--destructive-foreground-hsl: 0 0% 100%;--border-hsl: 201 60% 35%;--input-hsl: 201 60% 35%;--ring-hsl: 6 100% 62%;--sidebar-background-hsl: 216 98% 19%;--sidebar-foreground-hsl: 210 40% 98%;--sidebar-primary-hsl: 45 100% 50%;--sidebar-primary-foreground-hsl: 216 98% 19%;--sidebar-accent-hsl: 201 60% 28%;--sidebar-accent-foreground-hsl: 210 40% 98%;--sidebar-border-hsl: 201 60% 35%;--sidebar-ring-hsl: 45 100% 50%}.theme-kids{--background-hsl: 198 80% 94%;--foreground-hsl: 220 30% 25%;--card-hsl: 0 0% 100%;--card-foreground-hsl: 220 30% 25%;--popover-hsl: 0 0% 100%;--popover-foreground-hsl: 220 30% 25%;--primary-hsl: 24 95% 60%;--primary-foreground-hsl: 0 0% 100%;--secondary-hsl: 198 50% 97%;--secondary-foreground-hsl: 220 30% 25%;--muted-hsl: 198 50% 97%;--muted-foreground-hsl: 220 20% 55%;--accent-hsl: 158 70% 60%;--accent-foreground-hsl: 158 100% 20%;--destructive-hsl: 0 70% 60%;--destructive-foreground-hsl: 0 0% 100%;--border-hsl: 198 40% 90%;--input-hsl: 198 40% 90%;--ring-hsl: 24 95% 60%}*{margin:0;padding:0;box-sizing:border-box;border-color:var(--border)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-headline)}button,input,select,textarea{font-family:var(--font-body)}.integrated-home{--brand-ink: #012561;--section-top: clamp(2rem, 4vw, 3.5rem);--section-gap: clamp(1rem, 2.5vw, 1.5rem);--section-padding-inline: clamp(1rem, 4vw, 3rem);--section-container-padding: clamp(1rem, 3vw, 1.75rem);--section-radius: 1.5rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--hero-bottom: clamp(1rem, 3vw, 2rem);--bg-color: #012561;--bg-secondary: #001b3c;--text-color: #fff;--text-muted: rgba(255, 255, 255, .78);--surface-color: rgba(255, 255, 255, .08);--surface-strong: rgba(255, 255, 255, .16);--button-accent-bg: #ff4d3b;--button-accent-text: #fff;--button-accent-hover: #e63b2e;--hero-title-color: #f0cf6b;--hero-subtitle-color: rgba(255, 255, 255, .85);--header-shadow: rgba(3, 24, 54, .24);--card-bg: linear-gradient(145deg, rgba(4, 53, 123, .92), rgba(1, 37, 97, .88));--card-border: rgba(100, 181, 216, .36);--card-shadow: rgba(0, 0, 0, .36);--input-bg: rgba(255, 255, 255, .05);--accent-soft: rgba(255, 183, 0, .14);--hero-gradient: linear-gradient(135deg, rgba(1, 37, 97, .92), rgba(18, 59, 110, .86) 35%, rgba(7, 24, 51, .8));--hero-overlay: linear-gradient(to bottom, rgba(1, 37, 97, .16), rgba(1, 37, 97, .72));--focus-ring: 0 0 0 3px rgba(255, 183, 0, .28);--premium-glow: 0 0 0 1px rgba(255, 183, 0, .12), 0 18px 42px rgba(0, 0, 0, .22);min-height:100vh;overflow:hidden;background:var(--bg-color);color:var(--text-color);font-family:var(--font-brand-sans)}.landing-loading{display:grid;min-height:100vh;place-items:center;padding:1.5rem;background:#012561;color:#fff;font-family:var(--font-brand-sans);font-size:1rem;text-align:center}:root[data-theme=light] .integrated-home{--brand-ink: #27455d;--brand-navy: #27455d;--brand-gold: #ff4d3b;--yellow-horizon: #ff4d3b;--red-energy: #ff4d3b;--blue-deep: #1f4a6b;--blue-sky: #5b7fa1;--white: #233642;--bg-color: #f7efe2;--bg-secondary: #efe2cf;--text-color: #233642;--text-muted: #64707b;--surface-color: rgba(255, 250, 243, .9);--surface-strong: #fdf8ef;--hero-title-color: #ff4d3b;--hero-subtitle-color: #53656f;--header-shadow: rgba(35, 54, 66, .14);--card-bg: linear-gradient(145deg, rgba(255, 250, 242, .98), rgba(223, 236, 245, .94));--card-border: rgba(31, 74, 107, .18);--card-shadow: rgba(35, 54, 66, .12);--input-bg: rgba(255, 250, 242, .86);--accent-soft: rgba(31, 74, 107, .12);--hero-gradient: linear-gradient(135deg, rgba(247, 239, 226, .98), rgba(241, 231, 210, .95) 58%, rgba(247, 239, 226, .9));--hero-overlay: linear-gradient(to bottom, rgba(247, 239, 226, .16), rgba(239, 226, 207, .3));background:var(--bg-color);color:var(--text-color)}.integrated-home h1,.integrated-home h2,.integrated-home h3,.integrated-home h4{font-family:var(--font-headline)}::selection{background:#3b82f638;color:var(--foreground)}button,a,textarea,input{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease;will-change:transform,box-shadow}button:hover,a:hover{transform:translateY(-1px) scale(1.01)}button:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f633}.lesson-detail-container{padding-bottom:2rem}.lesson-activity-card{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-card)}.lesson-activity-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(59,130,246,.08),transparent 55%);pointer-events:none}.lesson-activity-card.is-visible,.lesson-section-card.is-visible{opacity:1;transform:translateY(0)}.lesson-section-card{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.lesson-action-btn{position:relative;overflow:hidden;isolation:isolate;transform-origin:center;border:1px solid transparent;box-shadow:0 12px 28px #0f172a1f;letter-spacing:.01em}.lesson-action-btn:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 60%);pointer-events:none;z-index:-1}.lesson-action-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 18px 34px #2563eb2e}.lesson-action-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f640,0 16px 32px #2563eb2e}.lesson-action-btn.is-pressed,.lesson-option-btn.is-pressed{transform:scale(.97);box-shadow:inset 0 2px 10px #0f172a33}.lesson-action-btn--primary{background:linear-gradient(135deg,#1d4ed8,#4f46e5)}.lesson-action-btn--accent{background:linear-gradient(135deg,#2563eb,#3b82f6)}.lesson-action-btn--secondary{background:linear-gradient(135deg,#0f172a,#334155)}.lesson-action-btn--danger{background:linear-gradient(135deg,#e11d48,#fb7185)}.button-ripple{position:absolute;border-radius:9999px;background:#ffffff57;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;animation:button-ripple .55s ease-out}.button-ripple.is-active{opacity:1}.lesson-action-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%)}.lesson-action-btn:hover:after{animation:shimmer .75s ease}.lesson-option-btn{position:relative;border-radius:.95rem;font-weight:600;min-height:48px;border:1px solid rgba(148,163,184,.26);background:linear-gradient(135deg,#fffffff5,#f8fafcf5);box-shadow:0 8px 18px #0f172a0d}.lesson-option-btn.is-selected{transform:translateY(-1px) scale(1.01);box-shadow:0 12px 24px #3b82f629}.lesson-option-btn.is-correct{border-color:#10b981a6;background:linear-gradient(135deg,#10b98129,#fffffff2)}.lesson-option-btn.is-wrong{border-color:#ef444480;background:linear-gradient(135deg,#fef2f2f2,#fffffff2)}.lesson-option-btn:hover{transform:translateY(-1px) scale(1.005);box-shadow:0 10px 22px #0f172a14}.lesson-progress-pill{background:linear-gradient(135deg,#10b98126,#3b82f61f);border:1px solid rgba(16,185,129,.2)}.lesson-writing-area{min-height:140px;resize:vertical}.lesson-voice-card{background:linear-gradient(140deg,#fffffff2,#eff6fff2)}.lesson-toast{animation:lesson-toast-in .2s ease}.dark .lesson-voice-card{background:linear-gradient(140deg,#0f172af2,#1e293bf2)}@keyframes lesson-toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes ori-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes button-ripple{0%{opacity:.9;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}.ori-assistant{position:fixed;right:1.25rem;bottom:1.25rem;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.ori-toggle-button{display:inline-flex;align-items:center;gap:.7rem;border:none;border-radius:999px;padding:.8rem 1rem;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 16px 36px #2563eb3d;cursor:pointer}.ori-toggle-button:hover{transform:translateY(-2px) scale(1.01)}.ori-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#fff3}.ori-toggle-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.ori-toggle-label{font-weight:700;font-size:.95rem}.ori-toggle-caption{font-size:.72rem;opacity:.88}.ori-panel{width:min(360px,calc(100vw - 2rem));max-height:min(72vh,680px);display:flex;flex-direction:column;overflow:hidden;border-radius:1.25rem;border:1px solid rgba(148,163,184,.24);background:#fffffff5;box-shadow:0 24px 50px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:ori-enter .22s ease}.dark .ori-panel{background:#0f172af5;border-color:#47556966}.ori-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .85rem;border-bottom:1px solid rgba(148,163,184,.15)}.ori-header-copy{display:flex;align-items:center;gap:.7rem}.ori-avatar-pill{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.ori-title{margin:0;font-size:.98rem;font-weight:700;color:var(--text-primary)}.ori-subtitle{margin:0;font-size:.78rem;color:var(--text-muted)}.ori-close-button{border:none;width:2rem;height:2rem;border-radius:999px;background:#94a3b824;color:var(--text-secondary);cursor:pointer}.ori-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.7rem;background:linear-gradient(180deg,#f8fafcd9,#fffffff2)}.dark .ori-messages{background:linear-gradient(180deg,#0f172af2,#1e293beb)}.ori-message{display:flex}.ori-message-user{justify-content:flex-end}.ori-message-content{max-width:88%;border-radius:1rem;padding:.75rem .85rem;font-size:.92rem;line-height:1.45;box-shadow:0 8px 24px #0f172a0f}.ori-message-bot .ori-message-content{background:#fff;color:var(--text-primary);border-top-left-radius:.35rem}.dark .ori-message-bot .ori-message-content{background:#1e293bf2;color:#f8fafc}.ori-message-user .ori-message-content{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-top-right-radius:.35rem}.ori-typing{display:inline-flex;gap:.3rem;align-items:center;min-height:2rem}.ori-typing span{display:inline-block;width:.45rem;height:.45rem;border-radius:999px;background:#64748bcc;animation:ori-bounce 1s infinite ease-in-out}.ori-typing span:nth-child(2){animation-delay:.16s}.ori-typing span:nth-child(3){animation-delay:.32s}.ori-quick-prompts{display:flex;flex-wrap:wrap;gap:.5rem;padding:.6rem 1rem 0}.ori-quick-prompt{border:1px solid rgba(148,163,184,.2);background:#f8fafccc;color:var(--text-secondary);border-radius:999px;padding:.45rem .7rem;font-size:.78rem;cursor:pointer}.dark .ori-quick-prompt{background:#1e293be6;color:#e2e8f0}.ori-support-strip{display:flex;gap:.5rem;padding:.7rem 1rem 0}.ori-support-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.35rem .6rem;background:#3b82f61a;color:#2563eb;font-size:.75rem;font-weight:600}.ori-input-row{display:flex;gap:.55rem;padding:.9rem 1rem 1rem}.ori-input-row input{flex:1;padding:.8rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:#fff;color:var(--text-primary);margin-bottom:0}.dark .ori-input-row input{background:#0f172ae6;color:#f8fafc}.ori-send-button{border:none;width:2.55rem;min-width:2.55rem;height:2.55rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;cursor:pointer}@keyframes ori-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem}h2{font-size:2rem;font-weight:700;margin-bottom:.875rem}h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}h4{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}p{font-size:1rem;line-height:1.75;margin-bottom:1rem}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background-color:hsl(var(--primary-hsl) / .92);box-shadow:0 4px 12px hsl(var(--primary-hsl) / .3)}.btn-accent{background-color:var(--accent);color:#fff}.btn-accent:hover{background-color:hsl(var(--accent-hsl) / .9)}.btn-secondary{background-color:var(--card);color:var(--foreground);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--secondary)}.card{background:var(--card);border-radius:var(--radius-card);padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .3s ease}.card:hover{box-shadow:0 4px 12px #00000026}input[type=text],input[type=email],input[type=password],textarea,select{width:100%;padding:.75rem 1rem;border:1px solid var(--input);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:border-color .3s ease;margin-bottom:1rem;background:var(--card);color:var(--foreground)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px hsl(var(--ring-hsl) / .15)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background:var(--card);border-radius:var(--radius-card);padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 25px #0003}.toast-viewport{position:fixed;right:1rem;bottom:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;width:min(420px,calc(100vw - 2rem))}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem;border-radius:var(--radius-card);border-left:4px solid var(--primary);background:var(--card);box-shadow:0 12px 30px #1f1f1f29;animation:toast-slide-in .2s ease}.toast--destructive{border-left-color:var(--destructive)}.toast--closing{opacity:0;transform:translate(12px);transition:all .2s ease}.toast__content{flex:1}.toast__title{display:block;margin-bottom:.25rem;font-size:.95rem}.toast__description{margin:0;color:var(--muted-foreground);font-size:.95rem;line-height:1.5}.toast__action{margin-top:.5rem}.toast__close{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:var(--radius-sm);padding:.25rem}.toast__close:hover{background:#8b5cf61a;color:var(--primary)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.f-tips-f{padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.f-tips-f h2{font-size:.95rem;font-weight:700;margin:0;padding:0;line-height:1.3;color:var(--text-primary);letter-spacing:-.005em}.f-tips-f ul{padding:0;margin:0;list-style:none;display:grid;gap:var(--spacing-sm)}.f-tips-f li{padding:var(--spacing-xs) 0;margin:0;font-size:.85rem;line-height:1.45;color:var(--text-secondary);letter-spacing:.005em;display:flex;align-items:flex-start;gap:var(--spacing-sm)}.f-tips-f .bg-yellow-400{background:linear-gradient(90deg,#fbbf24 60%,#f59e42);display:inline-block;width:.8rem;height:.8rem;border-radius:50%;flex-shrink:0;margin-top:.25rem}.f-tips-f .text-yellow-500{color:var(--text-accent)}.marketing-home{background:#fff;color:#0f172a}.dark .marketing-home{background:#0f172a;color:#f8fafc}.marketing-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08)}.dark .marketing-topbar{background:#0f172af2;border-bottom-color:#ffffff0f}@media (min-width: 768px){.marketing-topbar{padding:1rem 2rem}}.marketing-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:#0f172a;text-decoration:none;transition:opacity .2s}.dark .marketing-brand{color:#f8fafc}.marketing-brand:hover{opacity:.8}.marketing-brand-mark{display:flex;align-items:center;gap:.25rem;width:1.5rem;height:1.5rem;border-radius:50%;background:linear-gradient(135deg,#f59e42,#2563eb);color:#fff;font-weight:800}.marketing-topbar-actions{display:flex;align-items:center;gap:1rem}@media (min-width: 768px){.marketing-topbar-actions{gap:1.5rem}}.marketing-theme-btn{display:none;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid #e0e7ef;border-radius:.5rem;color:#0f172a;cursor:pointer;font-size:.875rem;transition:all .2s}.dark .marketing-theme-btn{color:#f8fafc;border-color:#334155}.marketing-theme-btn:hover{background:#0000000d}.dark .marketing-theme-btn:hover{background:#ffffff0d}@media (min-width: 640px){.marketing-theme-btn{display:flex}}.marketing-theme-btn span{display:none}@media (min-width: 768px){.marketing-theme-btn span{display:inline}}.marketing-link-secondary{padding:.5rem 1rem;color:#0f172a;text-decoration:none;font-size:.9rem;font-weight:600;transition:opacity .2s}.dark .marketing-link-secondary{color:#f8fafc}.marketing-link-secondary:hover{opacity:.7}.marketing-link-primary{padding:.6rem 1.2rem;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;border-radius:.5rem;text-decoration:none;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s}.marketing-link-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #2563eb4d}.marketing-shell{display:flex;flex-direction:column;gap:3rem;padding:2rem 1.5rem;max-width:100%}@media (min-width: 640px){.marketing-shell{padding:3rem 2rem;gap:4rem}}@media (min-width: 1024px){.marketing-shell{padding:4rem 3rem;gap:5rem}}.marketing-hero{position:relative;overflow:hidden;border-radius:var(--radius-hero);border:1px solid rgba(59,130,246,.16);background:linear-gradient(135deg,#fffffffa,#eff6fffa 55%,#fff7edf5);padding:3rem 1.5rem;box-shadow:0 24px 48px -32px #2563eb47}.dark .marketing-hero{background:linear-gradient(135deg,#1e293b 60%,#2563eb33);border-color:#334155;box-shadow:0 24px 48px -32px #2563eb1a}@media (min-width: 768px){.marketing-hero{padding:4rem 2rem}}@media (min-width: 1024px){.marketing-hero{padding:4.5rem 3rem}}.marketing-hero:after{content:"";position:absolute;inset:auto -2rem -2rem auto;width:8rem;height:8rem;border-radius:9999px;background:#60a5fa26;filter:blur(8px)}.marketing-hero-grid{position:relative;z-index:1;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 1024px){.marketing-hero-grid{grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}}.marketing-hero-copy{display:flex;flex-direction:column;gap:1.5rem}.marketing-kicker{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;background:#3b82f61a;color:#2563eb;border-radius:9999px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.dark .marketing-kicker{background:#60a5fa26;color:#60a5fa}.marketing-hero h1{margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:900;font-family:var(--font-body);line-height:1.1;letter-spacing:-.02em;color:#0f172a}.dark .marketing-hero h1{color:#f8fafc}.marketing-hero>p{margin:0;font-size:1.05rem;line-height:1.6;color:#475569}.dark .marketing-hero>p{color:#cbd5e1}.marketing-proof-strip{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 0;border-top:1px solid rgba(59,130,246,.1);border-bottom:1px solid rgba(59,130,246,.1)}.dark .marketing-proof-strip{border-color:#60a5fa26}.marketing-proof-strip span{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#0f172a}.dark .marketing-proof-strip span{color:#f8fafc}.marketing-cta-row{display:flex;flex-wrap:wrap;gap:1rem}.marketing-cta-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s}.marketing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px #2563eb66}.marketing-cta-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;color:#2563eb;border:1.5px solid #2563eb;border-radius:.5rem;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s}.dark .marketing-cta-secondary{color:#60a5fa;border-color:#60a5fa}.marketing-cta-secondary:hover{background:#2563eb1a;transform:translateY(-2px)}.dark .marketing-cta-secondary:hover{background:#60a5fa1a}.marketing-cta-primary-full{width:100%;justify-content:center}.marketing-microcopy{margin:0;font-size:.85rem;color:#64748b;font-style:italic}.dark .marketing-microcopy{color:#94a3b8}.marketing-hero-card{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border:1px solid rgba(226,232,240,.95);border-radius:var(--radius-card);padding:2rem;box-shadow:0 18px 40px -28px #0f172a59;display:flex;flex-direction:column;gap:1.5rem}.dark .marketing-hero-card{background:linear-gradient(180deg,#1e293b,#0f172a);border-color:#334155;box-shadow:0 18px 40px -28px #00000080}.marketing-card-kicker{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;padding:.4rem .9rem;background:#fbbf2426;color:#b45309;border-radius:9999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dark .marketing-card-kicker{background:#fbbf2433;color:#fbbf24}.marketing-hero-card h2{margin:0;font-size:1.25rem;font-weight:700;font-family:var(--font-body);color:#0f172a;line-height:1.35}.dark .marketing-hero-card h2{color:#f8fafc}.marketing-check-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.marketing-check-list li{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#475569}.dark .marketing-check-list li{color:#cbd5e1}.marketing-check-list svg{color:#10b981;flex-shrink:0}.marketing-card-highlight{padding:1rem;background:#3b82f614;border-left:4px solid #2563eb;border-radius:.5rem}.dark .marketing-card-highlight{background:#60a5fa1a;border-left-color:#60a5fa}.marketing-card-highlight strong{display:block;margin-bottom:.5rem;font-size:.95rem;color:#0f172a}.dark .marketing-card-highlight strong{color:#f8fafc}.marketing-card-highlight p{margin:0;font-size:.9rem;color:#475569;line-height:1.6}.dark .marketing-card-highlight p{color:#cbd5e1}.marketing-metrics{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (min-width: 768px){.marketing-metrics{gap:2rem;grid-template-columns:repeat(3,1fr)}}.marketing-metric-card{text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e0e7ef;border-radius:var(--radius-card);box-shadow:0 8px 32px -18px #3b82f621;display:flex;flex-direction:column;gap:.75rem;transition:all .3s}.dark .marketing-metric-card{background:linear-gradient(135deg,#1e293b 60%,#2563eb33);border-color:#334155;box-shadow:0 8px 32px -18px #2563eb1a}.marketing-metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px -24px #3b82f63d}.marketing-metric-card strong{display:block;font-size:1.75rem;font-weight:800;color:#2563eb}.dark .marketing-metric-card strong{color:#60a5fa}.marketing-metric-card span{display:block;font-size:.9rem;color:#475569;font-weight:600}.dark .marketing-metric-card span{color:#cbd5e1}.marketing-f-layout{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 1024px){.marketing-f-layout{grid-template-columns:1.5fr 1fr;gap:3rem}}.marketing-f-main,.marketing-f-secondary{display:flex;flex-direction:column;gap:1.5rem}.marketing-panel{background:#fff;color:#0f172a}.dark .marketing-panel{background:#0f172a;color:#f8fafc}.marketing-section-kicker{display:inline-block;width:fit-content;padding:.4rem .9rem;background:#3b82f61a;color:#2563eb;border-radius:9999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dark .marketing-section-kicker{background:#60a5fa26;color:#60a5fa}.marketing-panel h2{margin:.5rem 0 1.5rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;font-family:var(--font-body);line-height:1.15;letter-spacing:-.01em;color:#0f172a}.dark .marketing-panel h2{color:#f8fafc}.marketing-pillars{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.marketing-pillar-card{padding:1.75rem;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid rgba(226,232,240,.95);border-radius:var(--radius-card);box-shadow:0 8px 32px -18px #3b82f621;display:flex;flex-direction:column;gap:1rem;transition:all .3s}.dark .marketing-pillar-card{background:linear-gradient(135deg,#1e293b 70%,#2563eb55);border-color:#334155;box-shadow:0 8px 32px -18px #2563eb1a}.marketing-pillar-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px -24px #3b82f63d;border-color:#2563eb4d}.marketing-pillar-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#2563eb26,#60a5fa26);border-radius:.75rem;color:#2563eb}.dark .marketing-pillar-icon{background:#60a5fa26;color:#60a5fa}.marketing-pillar-card h3{margin:0;font-size:1.05rem;font-weight:700;color:#0f172a;line-height:1.35}.dark .marketing-pillar-card h3{color:#f8fafc}.marketing-pillar-card p{margin:0;font-size:.9rem;line-height:1.6;color:#475569}.dark .marketing-pillar-card p{color:#cbd5e1}.marketing-panel-accent{background:linear-gradient(135deg,#fffbebf5,#fff7edf5);border:1px solid rgba(251,191,36,.35);padding:2rem;border-radius:var(--radius-card)}.dark .marketing-panel-accent{background:linear-gradient(135deg,#78350f33,#451a0326);border-color:#fbbf244d}.marketing-panel-accent .marketing-section-kicker{background:#fbbf2433;color:#b45309}.dark .marketing-panel-accent .marketing-section-kicker{background:#fbbf2426;color:#fbbf24}.marketing-panel-accent h2{color:#b45309;margin-bottom:1.5rem}.dark .marketing-panel-accent h2{color:#fbbf24}.marketing-transform-list{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:1rem}.marketing-transform-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;color:#475569}.dark .marketing-transform-list li{color:#cbd5e1}.marketing-transform-list svg{color:#10b981;flex-shrink:0;margin-top:.1rem}.marketing-closing-cta{padding:1.5rem;background:#ffffff80;border-radius:.75rem;display:flex;flex-direction:column;gap:1rem}.dark .marketing-closing-cta{background:#0003}.marketing-closing-cta p{margin:0;font-size:.9rem;line-height:1.6;color:#475569}.dark .marketing-closing-cta p{color:#cbd5e1}.marketing-footer{background:linear-gradient(180deg,#1f2937,#0f172a);color:#f8fafc;padding:3rem 1.5rem;margin-top:2rem}@media (min-width: 768px){.marketing-footer{padding:4rem 2rem}}@media (min-width: 1024px){.marketing-footer{padding:5rem 3rem}}.marketing-footer-inner{max-width:1280px;margin:0 auto;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width: 1024px){.marketing-footer-inner{grid-template-columns:1.5fr 1fr;gap:4rem}}.marketing-footer-brand,.marketing-footer-social{display:flex;flex-direction:column;gap:1rem}.marketing-footer-brand-prominent{gap:1.5rem}.marketing-footer-kicker{display:inline-block;width:fit-content;padding:.4rem .9rem;background:#60a5fa26;color:#60a5fa;border-radius:9999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.marketing-footer-brand strong{font-size:1.3rem;line-height:1.4;color:#fbbf24}.marketing-footer-brand p{margin:0;font-size:.9rem;line-height:1.6;color:#cbd5e1}.marketing-footer-social h3{margin:0;font-size:1.1rem;font-weight:700;color:#f8fafc}.marketing-footer-social p{margin:0;font-size:.9rem;color:#cbd5e1;line-height:1.6}.marketing-lead-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.marketing-lead-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 768px){.marketing-lead-grid{grid-template-columns:repeat(2,1fr)}}.marketing-lead-form input,.marketing-lead-form textarea{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.75rem 1rem;color:#f8fafc;font-size:.95rem;font-family:inherit;transition:all .3s}.marketing-lead-form input::placeholder,.marketing-lead-form textarea::placeholder{color:#f8fafc99}.marketing-lead-form input:focus,.marketing-lead-form textarea:focus{outline:none;background:#ffffff26;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.marketing-lead-form textarea{grid-column:1 / -1;resize:vertical;min-height:120px}.marketing-lead-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;grid-column:1 / -1}.marketing-lead-row p{margin:0;font-size:.9rem;color:#cbd5e1}.marketing-lead-submit{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;border:none;border-radius:.5rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s}.marketing-lead-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -5px #60a5fa66}.marketing-lead-submit:disabled{opacity:.7;cursor:not-allowed}.marketing-lead-feedback{grid-column:1 / -1;margin:.5rem 0 0;padding:.75rem 1rem;background:#60a5fa26;border:1px solid #60a5fa;border-radius:.5rem;color:#cffafe;font-size:.9rem}.marketing-social-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.marketing-social-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#f8fafc;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s}.marketing-social-link:hover{background:#60a5fa33;border-color:#60a5fa;color:#cffafe;transform:translateY(-2px)}.dark .contact-hero,.dark .contact-hero-grid,.dark .contact-admin-card{border-radius:var(--radius-card);box-shadow:0 12px 40px -18px #2563eb55,0 0 0 2px #60a5fa33;border-width:2.5px;transition:box-shadow .22s,transform .22s}.dark .contact-hero:hover,.dark .contact-admin-card:hover{box-shadow:0 18px 56px -16px #60a5fa77,0 0 0 3px #fbbf2444;transform:scale(1.015);z-index:2}.dark .contact-badge,.dark .contact-pill{border-radius:var(--radius-pill);box-shadow:0 2px 8px -4px #60a5fa33;border:1.5px solid #60a5fa55}.dark .contact-channel-card,.dark .contact-tips-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:var(--border-width) solid var(--border-color);transition:all .2s ease;padding:var(--spacing-2xl) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.dark .contact-channel-card:hover,.dark .contact-tips-card:hover{box-shadow:var(--shadow-hover);border-color:#60a5fa66;transform:translateY(-2px)}.dark .contact-channel-card h2,.dark .contact-tips-card h2{margin:0;font-size:.96rem;font-weight:700;line-height:1.35;letter-spacing:-.005em}.dark .contact-channel-card p,.dark .contact-tips-card p,.dark .contact-tips-card li{margin:0;font-size:.87rem;line-height:1.5;letter-spacing:.005em}.dark .contact-page,.dark .contact-hero,.dark .contact-hero-grid,.dark .contact-admin-card,.dark .contact-content-grid,.dark .contact-form-panel,.dark .contact-side-stack{background:linear-gradient(180deg,#1e293b,#0f172a);color:#f8fafc;border-color:#334155;box-shadow:0 8px 32px -18px #2563eb33}.dark .contact-badge,.dark .contact-pill{background:#334155;color:#f8fafc}.dark .contact-channel-icon{background:#1e3aaf4d;color:#60a5fa}.dark .contact-action-link{color:#60a5fa}.dark .contact-form-panel input,.dark .contact-form-panel textarea,.dark .contact-form-panel select{background:#0f172a;color:#f8fafc;border-color:#334155}.dark .contact-channel-card{background:linear-gradient(135deg,#1e293b 60%,#2563eb15);border-color:#334155;color:#f8fafc}.dark .contact-channel-card h2{color:#e0e7ef}.dark .contact-channel-card p{color:#cbd5e1}.dark .contact-tips-card{background:linear-gradient(135deg,#78350f2e,#451a031f);border-color:#fbbf2466;color:#fed7aa}.dark .contact-tips-card h2{color:#fef3c7}.dark .contact-tips-card p,.dark .contact-tips-card li{color:#fed7aa}.dark .kids-lesson-card,.dark .kids-evaluation-card,.dark .rounded-3xl,.dark .rounded-2xl{background:linear-gradient(135deg,#1e293b 70%,#2563eb55 100%,#fbbf2444 120%);color:#f8fafc;border-color:#2563eb77;box-shadow:0 10px 36px -16px #2563eb33,0 1.5px #334155}.dark .kids-level-icon,.dark .kids-lesson-icon-bg,.dark .kids-evaluation-icon-bg{background:linear-gradient(135deg,#fbbf24 40%,#60a5fa);color:#1e293b;box-shadow:0 2px 8px -4px #fbbf2444}.dark .kids-level-title,.dark .kids-section-title,.dark .kids-evaluation-title{color:#fbbf24;text-shadow:0 2px 8px #2563eb33}.dark .kids-section-description,.dark .kids-lesson-status,.dark .kids-evaluation-status{color:#60a5fa}.dark .text-slate-900{color:#fbbf24}.dark .text-slate-600,.dark .text-blue-600{color:#60a5fa}.dark .border-slate-200,.dark .border-slate-300,.dark .border-slate-800,.dark .border-slate-900{border-color:#2563eb77}.dark .rounded-3xl,.dark .rounded-2xl,.dark .kids-lesson-card,.dark .kids-evaluation-card{background:linear-gradient(135deg,#1e293b 80%,#2563eb33);color:#f8fafc;border-color:#334155;box-shadow:var(--shadow-card)}.dark .bg-slate-50,.dark .bg-white,.dark .bg-white\/80{background:#1e293b;color:#f8fafc}.dark .dark\:bg-slate-800\/70{background:#334155;color:#f8fafc}.dark .text-slate-900{color:#f8fafc}.dark .text-slate-600{color:#cbd5e1}.dark .text-blue-600{color:#60a5fa}.dark .border-slate-200,.dark .border-slate-300,.dark .border-slate-800,.dark .border-slate-900{border-color:#334155}.dark .kids-header,.dark .kids-section,.dark .kids-level-card,.dark .kids-lesson-card,.dark .kids-evaluation-card{background:linear-gradient(135deg,#1e293b 80%,#2563eb33);color:#f8fafc;border-color:#334155;box-shadow:var(--shadow-card)}.dark .kids-level-icon{background:linear-gradient(135deg,#2563eb33,#f59e4233);color:#fbbf24}.dark .kids-level-title,.dark .kids-section-title,.dark .kids-evaluation-title{color:#f8fafc}.dark .kids-section-description,.dark .kids-lesson-status,.dark .kids-evaluation-status{color:#cbd5e1}.dark .kids-lesson-icon-bg,.dark .kids-evaluation-icon-bg{background:#334155}.forum-hero{max-width:650px;margin-left:auto;margin-right:auto;padding:2.1rem 1.3rem;margin-bottom:2.2rem;box-shadow:0 10px 36px -16px #2563eb1a,0 1.5px 0 0 var(--border-color);border-radius:var(--radius-card);border:var(--border-width) solid var(--border-color);background:linear-gradient(135deg,#f8fafc 80%,#e0e7ef)}@media (min-width: 900px){.forum-hero{max-width:450px}}.dark .forum-hero{background:linear-gradient(135deg,#1e293b 80%,#2563eb33);border-color:#334155;box-shadow:0 10px 36px -16px #2563eb33,0 1.5px #334155}.forum-hero-grid{padding:var(--spacing-sm)}.forum-hero h1,.forum-hero .forum-badge,.forum-hero .forum-stat-row,.forum-hero p{margin-left:.2rem;margin-right:.2rem}.forum-page .forum-feed-panel,.forum-page .forum-side-card{min-height:120px;display:flex;flex-direction:column;justify-content:center;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(135deg,#f8fafc 60%,#e0e7ef 100%,#f1f5f9 120%);border:var(--border-width) solid var(--border-color)}.dark .forum-page .forum-feed-panel,.dark .forum-page .forum-side-card{background:linear-gradient(135deg,#1e293b 60%,#2563eb33 100%,#0891b233 120%);border-color:#334155;color:#f8fafc;box-shadow:var(--shadow-card)}.forum-page .forum-side-card{margin-bottom:var(--spacing-sm)}.forum-page .forum-post-card,.forum-page .forum-post-main-card,.forum-page .forum-post-form,.forum-page .forum-input-section,.forum-page .forum-reply-card,.forum-page .forum-header,.forum-page .forum-main,.forum-page .forum-stats,.forum-page .forum-pill,.forum-page .forum-empty,.forum-page .forum-permission-banner,.forum-page .forum-access-card{min-height:140px;display:flex;flex-direction:column;justify-content:center;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(135deg,#f8fafc 60%,#e0e7ef 100%,#f1f5f9 120%);border:var(--border-width) solid var(--border-color)}.forum-page .forum-header{min-height:120px}.forum-page .forum-empty{align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#f1f5f9 80%,#e0e7ef);border-radius:var(--radius-card)}.dark .forum-page .forum-post-card,.dark .forum-page .forum-post-main-card,.dark .forum-page .forum-post-form,.dark .forum-page .forum-input-section,.dark .forum-page .forum-reply-card,.dark .forum-page .forum-header,.dark .forum-page .forum-main,.dark .forum-page .forum-stats,.dark .forum-page .forum-pill,.dark .forum-page .forum-empty,.dark .forum-page .forum-permission-banner,.dark .forum-page .forum-access-card{background:linear-gradient(135deg,#1e293b 60%,#2563eb33 100%,#0891b233 120%);border-color:#334155;color:#f8fafc;box-shadow:var(--shadow-card)}.dark .forum-page .forum-empty{background:linear-gradient(135deg,#1e293b 80%,#0f172a);color:#cbd5e1}.forum-page .forum-pill{border-radius:var(--radius-pill);padding:.22rem .9rem;font-weight:700;font-size:.92rem;margin-right:.3rem}.dark .forum-page .forum-pill{background:#334155;color:#f8fafc}.notice-board-page .notice-card,.notice-board-page .notice-card-featured,.notice-board-page .notice-feed-item,.notice-board-page .notice-side-card,.notice-board-page .notice-feed-panel,.notice-board-page .notice-hero,.notice-board-page .notice-empty-state{min-height:140px;display:flex;flex-direction:column;justify-content:center;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(135deg,#f8fafc 60%,#e0e7ef 100%,#f1f5f9 120%);border:var(--border-width) solid var(--border-color)}.notice-board-page .notice-card .notice-card-body{flex:1;display:flex;flex-direction:column;justify-content:center}.notice-board-page .notice-featured-grid{display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.notice-board-page .notice-feed-panel{min-height:220px}.notice-board-page .notice-side-card{min-height:120px}.notice-board-page .notice-empty-state{align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#f1f5f9 80%,#e0e7ef);border-radius:var(--radius-card)}.dark .notice-board-page .notice-card,.dark .notice-board-page .notice-card-featured,.dark .notice-board-page .notice-feed-item,.dark .notice-board-page .notice-side-card,.dark .notice-board-page .notice-feed-panel,.dark .notice-board-page .notice-hero,.dark .notice-board-page .notice-empty-state{background:linear-gradient(135deg,#1e293b 60%,#2563eb33 100%,#0891b233 120%);border-color:#334155;color:#f8fafc;box-shadow:var(--shadow-card)}.dark .notice-board-page .notice-empty-state{background:linear-gradient(135deg,#1e293b 80%,#0f172a);color:#cbd5e1}.dark .notice-board-page .notice-card .notice-card-body{color:#f8fafc}.dark .notice-board-page .notice-featured-grid{gap:var(--spacing-2xl)}.dark .notice-board-page .notice-feed-panel{min-height:220px}.dark .notice-board-page .notice-side-card{min-height:120px}.notice-board-page .notice-priority-pill,.notice-board-page .notice-stat-pill{border-radius:var(--radius-pill);padding:.22rem .9rem;font-weight:700;font-size:.92rem;margin-right:.3rem}.dark .notice-board-page .notice-priority-pill,.dark .notice-board-page .notice-stat-pill{background:#334155;color:#f8fafc}.contact-page .contact-hero,.contact-page .contact-admin-card,.contact-page .contact-channel-card,.contact-page .contact-tips-card,.contact-page .contact-form-panel{display:flex;flex-direction:column;gap:var(--spacing-md);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(135deg,#f8fafc 60%,#e0e7ef 100%,#f1f5f9 120%);border:var(--border-width) solid var(--border-color);position:relative;overflow:hidden;transition:all .2s ease}.contact-page .contact-hero{border-radius:var(--radius-hero);background:var(--bg-hero);box-shadow:var(--shadow-hero);padding:var(--spacing-3xl) var(--spacing-2xl)}.contact-page .contact-channel-card:hover,.contact-page .contact-tips-card:hover{box-shadow:var(--shadow-hover);border-color:#2563eb33;transform:translateY(-2px)}.contact-page .contact-tips-card{border-color:#f59e0b59;background:var(--bg-card-accent)}.contact-page .contact-tips-card:hover{box-shadow:0 12px 40px -24px #f59e0b33;border-color:#f59e0b8c}.contact-page .contact-channel-card{min-height:auto}.resources-page .contact-tips-card{all:unset;display:block}.dark .contact-page .contact-hero,.dark .contact-page .contact-admin-card,.dark .contact-page .contact-channel-card,.dark .contact-page .contact-tips-card,.dark .contact-page .contact-form-panel{background:linear-gradient(135deg,#1e293b 60%,#2563eb33 100%,#0891b233 120%);border-color:#334155;color:#f8fafc;box-shadow:var(--shadow-card)}.dark .contact-page .contact-hero{border-radius:var(--radius-hero)}.dark .contact-page .contact-channel-card{min-height:auto}.dark .contact-page .contact-tips-card{min-height:auto;background:linear-gradient(135deg,#78350f38,#451a0338);border-color:#fbbf24;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-card)}.dark .contact-page .contact-tips-card h2{color:#fef3c7}.dark .contact-page .contact-tips-card p,.dark .contact-page .contact-tips-card li{color:#fed7aa}.contact-page .contact-hero{position:relative;overflow:hidden;border-color:#3b82f629;background:var(--bg-hero);box-shadow:var(--shadow-hero)}.contact-page .contact-hero:after{content:"";position:absolute;inset:auto -2.5rem -2.5rem auto;width:9rem;height:9rem;border-radius:var(--radius-pill);background:#60a5fa26;filter:blur(8px)}.contact-page .contact-hero-grid{position:relative;z-index:1;display:grid;gap:var(--spacing-lg)}.contact-page .contact-hero .contact-badge{display:inline-flex;margin-bottom:var(--spacing-md);border-radius:var(--radius-pill)}.contact-page .contact-hero h1{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:clamp(2rem,2.4vw,2.45rem);line-height:1.1}.contact-page .contact-hero p{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md);max-width:64ch}.contact-page .contact-hero .mt-4.flex,.contact-page .contact-hero .metrics-row{margin-top:var(--spacing-lg);gap:var(--spacing-lg)}.contact-page .contact-admin-card{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-card);border:1px solid rgba(59,130,246,.18);background:#ffffffc7;box-shadow:0 18px 32px -28px #0f172a52}.contact-page .contact-admin-card h2{margin:0 0 var(--spacing-md);font-size:1.08rem;line-height:1.35;color:var(--text-primary)}.contact-page .contact-timeline{display:grid;gap:.7rem;list-style:none;padding:0;margin:0}.contact-page .contact-timeline li{display:flex;align-items:flex-start;gap:.65rem;color:var(--text-secondary);font-size:.92rem}.contact-page .contact-timeline span{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:var(--radius-pill);background:#dbeafe;color:#1d4ed8;font-size:.78rem;font-weight:800;flex-shrink:0}.contact-page .contact-form-panel input,.contact-page .contact-form-panel textarea,.contact-page .contact-form-panel select{margin-bottom:0;font-size:.95rem;line-height:1.5;border-radius:var(--radius-md)}.contact-page .contact-form-grid{display:grid;gap:.85rem;margin-bottom:.85rem}.contact-page .contact-submit-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;margin-top:.85rem}.contact-page .contact-helper-text{margin:0;color:var(--text-muted);font-size:.84rem;max-width:38rem}.contact-page .contact-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.8rem 1rem;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.contact-page .contact-submit-btn:hover{transform:translateY(-1px);box-shadow:0 18px 30px -24px #2563eb80}.contact-page .contact-channel-card h2,.contact-page .contact-tips-card h2{margin:0;font-size:.98rem;line-height:1.35;font-weight:700;letter-spacing:-.005em}.contact-page .contact-channel-card p,.contact-page .contact-tips-card p{margin:0;font-size:.87rem;line-height:1.5;letter-spacing:.005em}.contact-page .contact-channel-icon{box-shadow:inset 0 1px #ffffff73;border-radius:var(--radius-card)}.contact-page .contact-action-link{width:fit-content;padding:var(--spacing-sm) .85rem;border-radius:var(--radius-pill);border:1px solid rgba(59,130,246,.16);background:#eff6ffcc}.contact-page .contact-tips-card{background:var(--bg-card-accent);padding:var(--spacing-2xl) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);min-height:auto;border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all .2s ease}.contact-page .contact-tips-card:hover{box-shadow:var(--shadow-hover);border-color:#f59e0b8c;transform:translateY(-2px)}.contact-page .contact-tips-card h2{font-size:.96rem;font-weight:700;margin:0;line-height:1.35;color:var(--text-accent-dark);letter-spacing:-.005em}.contact-page .contact-tips-card p{margin:0;font-size:.88rem;line-height:1.5;color:var(--text-accent-dark);letter-spacing:.005em}.contact-page .contact-tips-card li{font-size:.87rem;line-height:1.5;color:var(--text-accent-dark);letter-spacing:.005em;display:flex;align-items:flex-start;gap:var(--spacing-sm);margin:0;padding:var(--spacing-xs) 0}.contact-page .contact-tips-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#f59e0b,#f97316)}@media (min-width: 900px){.contact-page .contact-admin-card{padding:var(--spacing-2xl) var(--spacing-xl)}.contact-page .contact-hero-grid{grid-template-columns:1fr 20rem;gap:var(--spacing-3xl);align-items:center}.contact-page .contact-content-grid,.contact-page .contact-hero-grid,.contact-page .contact-form-grid--two{gap:2.25rem}.contact-page{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.contact-page>*+*{margin-top:2.25rem}}@media (min-width: 768px){.contact-page .contact-form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.contact-page .contact-hero,.contact-page .contact-form-panel{padding:var(--spacing-lg)}}.contact-page>*+*{margin-top:var(--spacing-2xl)}.dark .contact-page .contact-hero,.dark .contact-page .contact-admin-card,.dark .contact-page .contact-form-panel,.dark .contact-page .contact-channel-card,.dark .contact-page .contact-tips-card,.dark .contact-page article{border-color:#ffffff0f}.dark .contact-page .contact-hero-grid>div:last-child{background:#1e293b;border-color:#475569;box-shadow:0 10px 30px -18px #0006;border-radius:var(--radius-card)}.dark .contact-page .contact-hero-grid>div:last-child h3{color:#f1f5f9}.dark .contact-page .contact-hero-grid>div:last-child ul li{color:#cbd5e1}.dark .contact-page .contact-hero-grid>div:last-child .rounded-full{background:#0f172a;color:#60a5fa;border-color:#1e40af}.dark .contact-page .contact-action-link{background:#1e293bd1;border-color:#60a5fa33;border-radius:var(--radius-pill)}.resources-page{--resources-shadow: 0 24px 48px -32px rgba(14, 116, 144, .28);--resources-hero-glow: 0 30px 60px -40px rgba(37, 99, 235, .52);max-width:80rem;margin-inline:auto;padding:var(--spacing-3rem) var(--spacing-lg);display:grid;gap:var(--spacing-4xl)}@media (min-width: 640px){.resources-page{padding:var(--spacing-3rem) var(--spacing-2xl)}}@media (min-width: 1024px){.resources-page{padding:var(--spacing-3rem) var(--spacing-3xl)}}.resources-page .resources-hero{position:relative;overflow:hidden;border-color:#0e74902e;background:var(--bg-hero);box-shadow:var(--resources-shadow),var(--resources-hero-glow);padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--radius-hero)}@media (min-width: 640px){.resources-page .resources-hero{padding:var(--spacing-3xl) var(--spacing-2xl)}}@media (min-width: 900px){.resources-page .resources-hero{padding:2.5rem 2rem}.resources-page{width:100%;max-width:900px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.resources-page .resources-hero-grid,.resources-page .resources-content-grid,.resources-page .resources-value-strip{gap:2.25rem}}.resources-page .resources-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.3),transparent 42%,transparent 68%,rgba(34,211,238,.12));pointer-events:none}.resources-page .resources-hero:after{content:"";position:absolute;inset:auto -2.5rem -2.5rem auto;width:9rem;height:9rem;border-radius:var(--radius-pill);background:#22d3ee29;filter:blur(8px)}.resources-page .resources-hero-grid{position:relative;z-index:1;display:grid;gap:var(--spacing-xl);align-items:stretch;grid-template-columns:1fr}.resources-page .resources-hero-copy{display:grid;gap:var(--spacing-lg);max-width:46rem;min-width:0}.resources-page .resources-hero-side{width:100%;max-width:520px;margin:0 auto}.resources-page .resources-hero-tip-list{display:grid;row-gap:.85rem;margin-top:.85rem;padding-left:0;list-style:none}@media (min-width: 640px){.resources-page .resources-hero-copy{gap:1.15rem}}@media (min-width: 900px){.resources-page .resources-hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,420px);align-items:start;gap:1.6rem}.resources-page .resources-hero-side{margin:0;max-width:100%}}.resources-page .resources-value-strip{display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr}@media (min-width: 768px){.resources-page .resources-value-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}.resources-page .resources-metric-strip{display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr}@media (min-width: 640px){.resources-page .resources-metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}.resources-page .resources-value-card{position:relative;display:flex;align-items:flex-start;gap:.9rem;padding:1.4rem 1.35rem;border:1px solid rgba(14,116,144,.14);border-radius:var(--radius-card);background:linear-gradient(145deg,#fffffff2,#f0f9ffe6);box-shadow:0 18px 30px -28px #0891b26b}@media (min-width: 900px){.resources-page .resources-value-card{padding:1.55rem 1.5rem}}.resources-page .resources-value-card h2,.resources-page .resources-value-card p{margin:0}.resources-page .resources-value-card h2{color:var(--text-primary);font-size:.97rem;line-height:1.35;letter-spacing:-.01em}.resources-page .resources-value-card p{margin-top:.2rem;color:var(--text-secondary);font-size:.85rem;line-height:1.55;letter-spacing:.005em}.resources-page .resources-value-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-card);background:linear-gradient(135deg,#0891b22e,#2563eb2e);color:#0e7490;flex-shrink:0}.resources-page .resources-badge,.resources-page .resources-stat-pill,.resources-page .resources-hero-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-pill)}.resources-page .resources-badge{background:#e0f2feeb;color:#0f766e}.resources-page .resources-hero h1{margin-bottom:0;font-size:clamp(2rem,3.1vw,2.8rem);line-height:1.14;letter-spacing:-.02em;max-width:14ch}.resources-page .resources-hero p{max-width:44rem}.resources-page .resources-hero p,.resources-page .resources-lesson-card p,.resources-page .resources-tip-list p{font-size:.96rem;line-height:1.6;letter-spacing:.01em;overflow-wrap:anywhere}.resources-page .resources-stat-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:var(--spacing-lg);align-items:center}.resources-page .resources-hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:var(--spacing-lg)}.resources-page .resources-hero-link{min-width:12rem;justify-content:center;border-radius:var(--radius-pill)}.resources-page .resources-hero-link svg{margin-left:.35rem}.resources-page .resources-stat-pill{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.48rem .85rem;border-radius:var(--radius-pill);border:1px solid rgba(103,232,249,.65);background:#ffffffbd;color:#155e75;font-size:.88rem;font-weight:700;letter-spacing:.01em}.resources-page .resources-hero-link{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.05rem;border-radius:var(--radius-pill);border:1px solid rgba(14,116,144,.14);background:#ffffffc7;color:var(--text-primary);font-size:.92rem;font-weight:700;text-decoration:none;transition:all .2s ease;letter-spacing:.005em}.resources-page .resources-hero-link-primary{background:linear-gradient(135deg,#0891b2,#2563eb);color:#fff;border-color:transparent}.resources-page .resources-hero-preview{min-width:min(100%,320px);max-width:360px;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-card);border:1px solid rgba(103,232,249,.55);background:#ffffffc2;box-shadow:0 18px 32px -28px #0f172a4d}.resources-page .resources-preview-kicker{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.32rem .75rem;border-radius:var(--radius-pill);background:#ecfdf5f5;color:#0f766e;font-size:.76rem;font-weight:800;letter-spacing:.02em}.resources-page .resources-hero-preview h2{margin:.9rem 0 0;font-size:1.12rem;line-height:1.35;color:var(--text-primary);letter-spacing:-.01em}.resources-page .resources-preview-list,.resources-page .resources-tip-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-md)}.resources-page .resources-preview-list{margin-top:var(--spacing-lg)}.resources-page .resources-preview-list li,.resources-page .resources-tip-list li{display:flex;align-items:flex-start;gap:.7rem}.resources-page .resources-preview-list span,.resources-page .resources-tip-list span{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:var(--radius-pill);background:#cffafe;color:#0f766e;font-size:.8rem;font-weight:800;flex-shrink:0}.resources-page .resources-preview-list p,.resources-page .resources-tip-list p,.resources-page .resources-tip-list strong{margin:0}.resources-page .resources-metric-card,.resources-page .resources-library-panel,.resources-page .resources-tips-panel,.resources-page .resources-lesson-card{position:relative;overflow:hidden;background:var(--bg-card);box-shadow:0 18px 40px -30px #0f172a3d;transition:all .2s ease;border-radius:var(--radius-card)}.resources-page .resources-metric-card:before,.resources-page .resources-library-panel:before,.resources-page .resources-tips-panel:before,.resources-page .resources-lesson-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#0891b2,#2563eb)}.resources-page .resources-metric-card{border-color:#dbeafe;min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);box-sizing:border-box;border:var(--border-width) solid var(--border-color)}.resources-page .resources-metric-card:hover,.resources-page .resources-lesson-card:hover,.resources-page .resources-value-card:hover{transform:translateY(-2px);box-shadow:0 24px 42px -30px #0e749057}.resources-page .resources-metric-card p,.resources-page .resources-metric-card strong,.resources-page .resources-metric-card small{margin:0;display:block}.resources-page .resources-metric-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.6rem;border-radius:var(--radius-card);background:#e0f2fee6;color:#0369a1}.resources-page .resources-metric-card p{color:var(--text-muted);font-size:.82rem;font-weight:700;letter-spacing:.01em}.resources-page .resources-metric-card strong{margin-top:.25rem;color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.resources-page .resources-metric-card small{margin-top:.6rem;color:var(--text-secondary);font-size:.86rem;line-height:1.4;letter-spacing:.005em}.resources-page .resources-metric-card-highlight{border-color:#10b98147;background:linear-gradient(135deg,#ecfdf5fa,#f0fdfafa);box-shadow:0 8px 32px -18px #10b98121}.resources-page .resources-content-grid{display:grid;gap:var(--spacing-4xl);grid-template-columns:1fr}@media (min-width: 900px){.resources-page .resources-content-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.resources-page .resources-sidebar{display:grid;gap:2.5rem}.resources-page .resources-library-panel,.resources-page .resources-tips-panel{border:1px solid #e2e8f0;border-radius:var(--radius-card);padding:1.75rem}@media (min-width: 900px){.resources-page .resources-library-panel,.resources-page .resources-tips-panel{padding:var(--spacing-3xl)}.resources-page .resources-value-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.resources-page .resources-hero-grid,.resources-page .resources-content-grid{grid-template-columns:1fr .75fr;align-items:start}}.resources-page .resources-section-head h2{margin:0;font-size:1.22rem;line-height:1.35;font-family:var(--font-headline);color:var(--text-primary);letter-spacing:-.01em}.resources-page .resources-section-head p{margin:.4rem 0 0;color:var(--text-muted);font-size:.94rem;line-height:1.6;letter-spacing:.005em}.resources-page .resources-section-kicker,.resources-page .resources-lesson-kicker{display:inline-block;color:#0891b2;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.resources-page .resources-lesson-list{display:grid;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.resources-page .resources-lesson-card{border:1px solid #e2e8f0;border-radius:var(--radius-card);max-width:100%;padding:1.4rem;background:#fffffff5}@media (min-width: 900px){.resources-page .resources-lesson-card{padding:1.6rem}}.resources-page .resources-lesson-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;flex-wrap:wrap}.resources-page .resources-lesson-card h2{margin:.35rem 0 0;font-size:1.12rem;line-height:1.35;color:var(--text-primary);letter-spacing:-.01em}.resources-page .resources-lesson-card p{margin:.55rem 0 0;color:var(--text-secondary);font-size:.96rem;line-height:1.6;letter-spacing:.005em}.resources-page .resources-count-pill{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:.4rem .82rem;background:#eff6ffe6;color:#0369a1;font-size:.8rem;font-weight:800;letter-spacing:.01em}.resources-page .resources-link-grid{display:grid;gap:.75rem}.resources-page .resources-link-chip{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.85rem .95rem;border:1px solid rgba(148,163,184,.28);border-radius:var(--radius-card);background:#fffffff5;color:var(--text-primary);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.resources-page .resources-link-chip:hover,.resources-page .resources-link-chip:focus-visible{transform:translateY(-1px);box-shadow:0 12px 24px -18px #0f172a66;border-color:#3b82f647;background:#f8fafcfa}@media (min-width: 640px){.resources-page .resources-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}html:not(.dark){color-scheme:light;--brand-surface: #fffaf2;--brand-surface-muted: #f1e7d2;--brand-border: rgba(31, 74, 107, .18);--brand-shadow: 0 18px 42px -30px rgba(1, 37, 97, .28);--brand-hover: rgba(31, 74, 107, .08)}html.dark{color-scheme:dark;--brand-surface: #043579;--brand-surface-muted: #092f60;--brand-border: rgba(100, 181, 216, .28);--brand-shadow: 0 20px 44px -28px rgba(0, 0, 0, .52);--brand-hover: rgba(100, 181, 216, .12)}html,body,#root{width:100%;min-width:0}body{background:var(--bg-page)}::selection{background:#ff4d3b38;color:var(--foreground)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--red-energy);outline-offset:2px;box-shadow:0 0 0 4px #ff4d3b29}.app-shell,.dark .app-shell{background:var(--bg-page);color:var(--text-primary)}.app-sidebar,.dark .app-sidebar{background:var(--brand-surface);border-color:var(--brand-border)}.app-sidebar-title,.app-logo-link,.app-logo-icon,.app-user-name{color:var(--blue-deep);font-family:var(--font-brand-serif)}.dark .app-sidebar-title,.dark .app-logo-link,.dark .app-logo-icon,.dark .app-user-name{color:var(--yellow-horizon)}.app-nav-link{border-radius:.75rem;color:var(--text-secondary)}.app-nav-link:hover,.dark .app-nav-link:hover{background:var(--brand-hover);color:var(--blue-deep)}.dark .app-nav-link:hover{color:var(--text-primary)}.app-nav-link-active,.dark .app-nav-link-active{background:var(--red-energy);color:#fff}.app-theme-btn.active,.dark .app-theme-btn.active{background:var(--red-energy);border-color:var(--red-energy);color:#fff}.app-progress-card,.dark .app-progress-card{background:var(--brand-surface-muted);border-color:var(--brand-border)}.app-progress-fill{background:var(--red-energy)}.app-header,.dark .app-header{background:color-mix(in srgb,var(--bg-page) 92%,transparent);border-color:var(--brand-border)}.app-main-content{color:var(--text-primary);min-width:0;width:100%}.a1-dashboard-final-status{margin-top:.85rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.a1-final-lock-message{margin:.65rem 0 0 3.5rem;color:var(--text-secondary);font-size:.85rem}.a1-final-assessment,.a1-final-result{margin-top:1rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--brand-border);border-radius:1rem;background:var(--brand-surface);color:var(--text-primary)}.a1-final-assessment-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.a1-final-assessment-header h3{margin:0;color:var(--text-primary);font-family:var(--font-brand-serif);font-size:1.35rem}.a1-final-assessment-header p{margin:.4rem 0 0;color:var(--text-secondary);line-height:1.5}.a1-final-assessment-header>span{flex:none;padding:.35rem .65rem;border-radius:999px;background:var(--brand-surface-muted);color:var(--text-primary);font-weight:700}.a1-final-question{min-width:0;margin:0 0 1rem;padding:1rem;border:1px solid var(--brand-border);border-radius:.85rem}.a1-final-question legend{max-width:100%;padding:0 .35rem;color:var(--text-primary);font-weight:700;line-height:1.55}.a1-final-question legend span{display:block;margin-bottom:.2rem;color:var(--red-energy);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.a1-final-options{display:grid;gap:.55rem}.a1-final-option{display:flex;align-items:flex-start;gap:.65rem;padding:.7rem .8rem;border:1px solid var(--brand-border);border-radius:.65rem;background:var(--bg-page);color:var(--text-primary);cursor:pointer;line-height:1.45}.a1-final-option:has(input:checked){border-color:var(--red-energy);box-shadow:0 0 0 2px #ff4d3b21}.a1-final-option input{flex:none;margin-top:.2rem;accent-color:var(--red-energy)}.a1-final-assessment .evaluations-start-btn:disabled{cursor:not-allowed;opacity:.55}.a1-final-result{line-height:1.55}.a1-final-result.is-passed{border-color:#10b98159;background:#10b9811a}.a1-final-result.needs-retry{border-color:#f59e0b59;background:#f59e0b1a}.dark .a1-final-option{background:var(--brand-surface-muted)}@media (max-width: 600px){.a1-final-lock-message{margin-left:0}.a1-final-assessment-header{align-items:flex-start}.a1-final-question{padding:.75rem}}.app-main,.admin-main{min-width:0;width:auto}.app-main-content>*,.admin-content>*,.dashboard-page>*,.admin-container>*{min-width:0;max-width:100%}.dashboard-title,.progress-title,.learning-path-title,.level-title,.admin-container>.admin-header h1,.admin-section-head h2,.community-title,.students-progress-hero h1{font-family:var(--font-brand-serif);color:var(--text-primary)}.app-shell :is(h1,h2,h3,h4),.admin-container :is(h1,h2,h3,h4),.students-progress-page :is(h1,h2,h3,h4),.kids-header h1,.lesson-container :is(h1,h2,h3,h4){font-family:var(--font-brand-serif)}.dashboard-subtitle,.progress-description,.learning-path-description{color:var(--text-secondary)}.progress-section,.learning-path,.admin-container .card,.students-progress-preview,.students-progress-panel{background:var(--bg-card);border:1px solid var(--brand-border);box-shadow:var(--brand-shadow)}.progress-header,.learning-path-header,.admin-section-head{border-color:var(--brand-border)}.lesson-unit-heading{grid-column:1 / -1;display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.6rem .8rem;border-bottom:1px solid var(--brand-border)}.lesson-unit-heading span{flex:0 0 auto;border-radius:9999px;padding:.25rem .65rem;background:#ff4d3b1f;color:var(--red-energy);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.lesson-unit-heading h3{margin:0;color:var(--text-primary);font-family:var(--font-brand-serif);font-size:1rem}.progress-fill,.level-icon{background:var(--red-energy)}.progress-bar-container{background:var(--brand-surface-muted)}.stat-card,.level-button{background:var(--brand-surface-muted);color:var(--text-primary)}.level-button:hover{background:var(--brand-hover)}.stat-value,.text-primary{color:var(--blue-deep)}.dark .stat-value,.dark .text-primary{color:var(--yellow-horizon)}.lesson-card,.lesson-activity-card,.lesson-section-card,.article-section{background:var(--brand-surface);border-color:var(--brand-border);box-shadow:var(--brand-shadow);color:var(--text-primary)}.lesson-title{color:var(--text-primary)}.lesson-card{min-width:0;min-height:6rem;display:flex;align-items:center;padding:1rem 1.1rem}.lesson-content{width:100%;min-width:0;align-items:center;gap:.85rem}.lesson-content>.flex-1{min-width:0}.lesson-title{overflow-wrap:anywhere}.lesson-card.lesson-card--final-assessment,.dark .lesson-card.lesson-card--final-assessment{border-color:#f0cf6b7a;background:radial-gradient(circle at 94% 6%,rgba(240,207,107,.13),transparent 11rem),linear-gradient(125deg,#07182f,#0b2949 60%,#102f50);box-shadow:0 14px 34px -24px #000000bf,inset 0 1px #ffffff14;color:#fff8e7;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}.lesson-card.lesson-card--final-assessment .lesson-title,.lesson-card.lesson-card--final-assessment .lesson-status,.dark .lesson-card.lesson-card--final-assessment .lesson-title,.dark .lesson-card.lesson-card--final-assessment .lesson-status{color:#ffe7a0}.lesson-card.lesson-card--final-assessment .lesson-content>svg{color:#f0cf6b}a.lesson-card.lesson-card--final-assessment:hover,a.lesson-card.lesson-card--final-assessment:focus-visible{transform:translateY(-2px);border-color:#ffe7a0e0;background:radial-gradient(circle at 94% 6%,rgba(240,207,107,.25),transparent 11rem),linear-gradient(125deg,#091d38,#10365a 60%,#153a5c);box-shadow:0 18px 40px -22px #000000d1,0 0 24px -16px #f0cf6bcc}.lesson-card.lesson-card--final-assessment.lesson-locked{cursor:not-allowed;opacity:.74}.lesson-status{margin-top:.45rem}.evaluation-card{background:var(--brand-surface-muted);border-color:var(--brand-border)}.evaluation-card--module{--evaluation-accent: #187b78}.evaluation-card--final{--evaluation-accent: #b7791f;border-color:#b7791f6b;background:linear-gradient(135deg,rgba(240,207,107,.2),var(--brand-surface-muted))}.evaluation-card.evaluation-card--module .evaluation-icon-bg,.evaluation-card.evaluation-card--module .evaluation-title,.evaluation-card.evaluation-card--module .evaluation-status{color:var(--evaluation-accent)}.evaluation-card.evaluation-card--module .evaluation-icon-bg{background:#187b781f}.evaluation-card.evaluation-card--final .evaluation-icon-bg,.evaluation-card.evaluation-card--final .evaluation-title,.evaluation-card.evaluation-card--final .evaluation-status{color:var(--evaluation-accent)}.evaluation-card.evaluation-card--final .evaluation-icon-bg{background:#b7791f24}.evaluation-card.evaluation-card--upcoming{cursor:default}.evaluation-card.evaluation-card--upcoming:hover{transform:none;border-color:var(--brand-border);background:var(--brand-surface-muted)}.dark .evaluation-card--module{--evaluation-accent: #55c6bd}.dark .evaluation-card.evaluation-card--final{--evaluation-accent: #f0cf6b;border-color:#f0cf6b61;background:linear-gradient(135deg,rgba(240,207,107,.12),var(--brand-surface-muted))}.dark .evaluation-card.evaluation-card--module .evaluation-icon-bg{background:#55c6bd24}.evaluation-card.evaluation-card--final,.dark .evaluation-card.evaluation-card--final{--evaluation-accent: #f0cf6b;border-color:#f0cf6b85;background:radial-gradient(circle at 94% 8%,rgba(240,207,107,.2),transparent 12rem),linear-gradient(120deg,#07182f,#0b2949 58%,#102f50);box-shadow:0 14px 34px -24px #000000bf,inset 0 1px #ffffff14;color:#fff8e7}.evaluation-card.evaluation-card--final .evaluation-icon-bg,.dark .evaluation-card.evaluation-card--final .evaluation-icon-bg{background:#f0cf6b24;color:#ffe7a0}.evaluation-card.evaluation-card--final .evaluation-title,.evaluation-card.evaluation-card--final .evaluation-status,.dark .evaluation-card.evaluation-card--final .evaluation-title,.dark .evaluation-card.evaluation-card--final .evaluation-status{color:#ffe7a0}.evaluation-card.evaluation-card--final:hover{border-color:#ffe7a0db;background:radial-gradient(circle at 94% 8%,rgba(240,207,107,.25),transparent 12rem),linear-gradient(120deg,#091d38,#10365a 58%,#153a5c);box-shadow:0 18px 40px -22px #000000d1,0 0 24px -16px #f0cf6bcc}.evaluation-card.evaluation-card--final.evaluation-card--upcoming:hover{transform:none}.a2-placeholder-slide{display:grid;gap:1.25rem;width:min(100%,960px);margin:0 auto;padding:clamp(1rem,3vw,2rem)}.a2-placeholder-slide__heading{display:grid;gap:.5rem}.a2-placeholder-slide__heading>span{color:var(--text-secondary);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.a2-placeholder-slide__heading h1{margin:0;color:var(--text-primary);font-family:var(--font-brand-serif)}.a2-placeholder-slide__canvas{min-height:clamp(280px,52vh,560px);border:1px dashed var(--brand-border);border-radius:var(--radius-hero);background:var(--brand-surface)}.a2-placeholder-slide__note{margin:0;color:var(--text-secondary);text-align:center}.a2-placeholder-slide__navigation{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.a2-placeholder-slide__navigation button,.a2-placeholder-slide__navigation a{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.6rem .9rem;border:1px solid var(--brand-border);border-radius:var(--radius-pill);background:var(--brand-surface);color:var(--text-primary);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.a2-placeholder-slide__navigation button:disabled{cursor:not-allowed;opacity:.5}.evaluation-card:hover{border-color:var(--red-energy);background:var(--brand-hover)}.evaluation-title,.evaluation-status{color:var(--blue-deep)}.evaluation-icon-bg{background:#1f4a6b1f}.evaluation-icon-bg svg{color:var(--blue-deep)}.dark .evaluation-title,.dark .evaluation-status{color:var(--text-primary)}.dark .evaluation-icon-bg{background:#f0cf6b24}.dark .evaluation-icon-bg svg{color:var(--yellow-horizon)}.lesson-section-card:before{background:linear-gradient(to bottom,var(--red-energy),var(--blue-deep))}.lesson-section-card:hover{border-color:var(--red-energy);box-shadow:var(--brand-shadow)}.lesson-container{--primary-color: var(--blue-deep);--primary-light: var(--brand-surface-muted);--primary-dark: var(--brand-navy);--secondary-color: var(--blue-sky);--text-primary: var(--foreground);--text-secondary: var(--muted-foreground);--text-muted: var(--muted);--border-color: var(--brand-border);--bg-white: var(--brand-surface);--bg-light: var(--bg-page);--bg-lighter: var(--brand-surface-muted)}.dark .lesson-container{--primary-color: var(--yellow-horizon);--primary-light: rgba(240, 207, 107, .14);--primary-dark: var(--yellow-horizon);--secondary-color: var(--blue-sky);--bg-white: var(--brand-surface);--bg-light: var(--bg-page);--bg-lighter: var(--brand-surface-muted)}html:not(.dark) .lesson-card,html:not(.dark) .lesson-activity-card,html:not(.dark) .lesson-section-card,html:not(.dark) .article-section,html:not(.dark) .lesson-option-btn{background-color:var(--brand-surface);border-color:var(--brand-border);color:var(--text-primary)}html.dark .lesson-card,html.dark .lesson-activity-card,html.dark .lesson-section-card,html.dark .article-section,html.dark .lesson-option-btn{background-color:var(--brand-surface);border-color:var(--brand-border);color:var(--text-primary)}.admin-container>.admin-header,.admin-notice-hero{border-color:#f0cf6b47;background:radial-gradient(circle at top right,rgba(255,77,59,.24),transparent 34%),linear-gradient(135deg,#012561,#1f4a6b 70%,#001b3c);box-shadow:var(--brand-shadow)}.admin-container>.admin-header h1,.admin-container>.admin-header p,.admin-notice-hero h1,.admin-notice-hero h2,.admin-notice-hero p{color:#fff}.admin-container .card:hover{border-color:#ff4d3b5c;box-shadow:var(--brand-shadow)}.admin-section-head{background:var(--bg-card-accent)}.admin-section-head h2,.card-header h3,.card-content .value{color:var(--text-primary)}.admin-summary-card:nth-child(1){--summary-accent: linear-gradient(180deg, var(--red-energy), #e63b2e)}.admin-summary-card:nth-child(4){--summary-accent: linear-gradient(180deg, var(--blue-deep), var(--blue-sky))}.students-progress-hero{border-color:var(--brand-border);background:var(--bg-hero);box-shadow:var(--brand-shadow)}.students-progress-hero h1,.students-progress-hero p,.students-progress-preview p,.students-progress-panel-head p{color:var(--text-primary)}.students-progress-badge{background:#ff4d3b1f;color:var(--red-energy)}.students-progress-pill{border-color:var(--brand-border);background:var(--brand-surface);color:var(--blue-deep)}.dark .students-progress-pill{color:var(--text-primary)}.btn-primary,.evaluations-start-btn{background:var(--red-energy);color:#fff}.btn-primary:hover,.evaluations-start-btn:hover{background:#e63b2e}.btn-accent{background:linear-gradient(135deg,var(--blue-deep),var(--brand-navy));color:#fff}.btn-outline{color:var(--blue-deep);border-color:var(--blue-deep)}.btn-outline:hover{background:var(--brand-surface-muted)}.dark .btn-outline{color:var(--yellow-horizon);border-color:var(--yellow-horizon)}.login-form-card{background:var(--brand-surface);border-color:var(--brand-border);box-shadow:var(--brand-shadow)}.login-form-header{background:var(--bg-card-accent);border-color:var(--brand-border)}.login-form-title{color:var(--text-primary)}.login-form-description,.login-footer{color:var(--text-secondary)}.login-input{border-color:var(--brand-border);border-radius:.75rem;background:var(--brand-surface);color:var(--text-primary)}.login-input:focus{border-color:var(--red-energy);box-shadow:0 0 0 3px #ff4d3b2e}.login-submit-btn{border-radius:.75rem;background:var(--red-energy)}.login-register-link,.login-forgot-link{color:var(--blue-deep)}.dark .login-register-link,.dark .login-forgot-link{color:var(--yellow-horizon)}.xp-popup{background:linear-gradient(135deg,var(--blue-deep),var(--brand-navy))}.level-badge-container{border-color:var(--brand-border);background:var(--brand-surface-muted)}.level-badge{background:conic-gradient(from 0deg,var(--red-energy) 0deg,var(--red-energy) calc(var(--progress, 0) * 3.6deg),var(--brand-border) calc(var(--progress, 0) * 3.6deg))}@media (max-width: 1023px){.admin-sidebar-backdrop{display:block}.admin-sidebar.admin-sidebar-collapsed{transform:translate(-100%)}.admin-sidebar.admin-sidebar-expanded{transform:translate(0)}.admin-main{width:100%;margin-left:0}.app-nav-link,.admin-nav-item,.app-sidebar-close-btn,.admin-sidebar-close-btn,.app-toggle-btn,.admin-toggle-btn,.app-theme-btn,.admin-theme-btn{min-width:2.75rem;min-height:2.75rem}.app-sidebar-close-btn,.admin-sidebar-close-btn{min-width:2.75rem}}@media (max-width: 767px){.app-main,.admin-main{width:100%}.app-main-content,.admin-content{padding:.875rem}.lessons-grid{grid-template-columns:minmax(0,1fr);gap:.75rem;margin:.75rem 0 1rem;padding-left:0;border-left:0}.lesson-card,.evaluation-card{min-width:0;overflow-wrap:anywhere}.lesson-content,.evaluation-content{min-width:0;gap:.6rem}.lesson-content>.flex-1,.evaluation-content>.flex-1{min-width:0}.lesson-title,.evaluation-title{overflow-wrap:anywhere}.lesson-unit-heading{padding-inline:0}.admin-container>.admin-header{padding:1.1rem}.admin-container>.admin-header h1{font-size:clamp(1.6rem,7vw,2.25rem);overflow-wrap:anywhere}.admin-section-head{padding:1rem}.students-progress-action-btn{width:2.75rem;height:2.75rem}.evaluations-content,.evaluations-evaluations-container{padding:.75rem}.evaluations-list{gap:.75rem;margin-left:0;padding-left:0;border-left:0}.evaluations-card{padding:.75rem}.evaluations-card-content,.evaluations-card-left,.evaluations-info{min-width:0}.evaluations-card-content{gap:.5rem}.evaluations-card-left{flex:1;gap:.5rem}.evaluations-info,.evaluations-info h3{overflow-wrap:anywhere}.forum-page,.forum-container,.forum-hero,.forum-hero-grid{width:100%;min-width:0}.forum-hero{padding:1rem}.lesson-navigation,.lesson-navigation-links,.lesson-navigation-actions{min-width:0;max-width:100%}.lesson-navigation{align-items:flex-start}.lesson-navigation-actions{flex-wrap:wrap;justify-content:flex-end}.lesson-navigation-actions .btn-horizonte{min-height:2.75rem;max-width:100%;white-space:normal}.lesson-navigation-links{flex-wrap:wrap;min-width:0}.table-container{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.admin-user-filters-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}}@media (min-width: 768px) and (max-width: 1023px){.admin-user-filters-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 479px){.app-main-content,.admin-content{padding:.75rem}.kids-section{padding:1rem}.kids-lessons-container{padding:.75rem}.kids-lessons-grid{grid-template-columns:minmax(0,1fr);margin-left:.25rem;padding-left:.75rem}.kids-lesson-card,.kids-evaluation-card,.kids-lesson-content,.kids-evaluation-content{min-width:0}.kids-lesson-title,.kids-evaluation-title{overflow-wrap:anywhere}.dashboard-title{font-size:clamp(1.5rem,7vw,1.9rem)}.progress-section{padding:1rem}.progress-title,.learning-path-title{font-size:1.2rem}.progress-description,.learning-path-description{font-size:.9rem}.learning-path-header,.learning-path-content{padding:1rem}.level-button{gap:.6rem;padding:.75rem}.level-title{min-width:0;font-size:1rem;overflow-wrap:anywhere}.lesson-card{padding:.75rem}.stats-grid{gap:.55rem}.stat-card{min-width:0;padding:.65rem .4rem}.stat-value{font-size:1.3rem}.admin-container{gap:1rem}.admin-container .card{padding:1rem}.login-card{max-width:100%}.app-header,.admin-header{padding-inline:.75rem}}@media (prefers-color-scheme: dark){html:not(.dark) .lesson-card,html:not(.dark) .lesson-activity-card,html:not(.dark) .lesson-section-card,html:not(.dark) .article-section{background-color:var(--brand-surface);border-color:var(--brand-border);color:var(--text-primary)}}.final-assessment-mode{--final-gold: #f0cf6b;--final-gold-bright: #ffe7a0;--final-ink: #06152b;--final-panel: #0a203d;--final-panel-raised: #102b4e;position:relative;isolation:isolate;overflow:hidden;gap:clamp(1rem,2.5vw,1.6rem);padding:clamp(1rem,3vw,2.25rem);border:1px solid rgba(240,207,107,.32);border-radius:1.75rem;background:radial-gradient(ellipse at 86% 2%,rgba(35,92,147,.3),transparent 34rem),radial-gradient(ellipse at 4% 92%,rgba(240,207,107,.09),transparent 34rem),linear-gradient(145deg,#061329,#071a34 48%,#092342);box-shadow:0 28px 80px -38px #000c,inset 0 1px #ffffff09;color:#f6f1e4}.final-assessment-mode:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(142,183,216,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(142,183,216,.045) 1px,transparent 1px);background-size:38px 38px;content:"";-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%);pointer-events:none}.final-assessment-mode>*{position:relative;z-index:1}.final-assessment-mode .gamification-header .stat-card{border:1px solid rgba(240,207,107,.18);background:#081d37d6;color:#f6f1e4;box-shadow:inset 0 1px #ffffff0a}.final-assessment-mode .gamification-header .stat-value,.final-assessment-mode .gamification-header .stat-label{color:#f6f1e4}.final-assessment-mode .lesson-navigation{border-color:#f0cf6b33}.final-assessment-mode .lesson-navigation .btn-secondary,.final-assessment-mode .lesson-navigation .btn-accent{border-color:#f0cf6b40;background:#0c2442db;color:#f6f1e4}.final-assessment-mode .lesson-navigation .a1-completion-btn,.final-assessment-mode .lesson-navigation .btn-primary{border-color:var(--final-gold);background:linear-gradient(135deg,var(--final-gold-bright),#d9ad43);color:#091a30;font-weight:800;box-shadow:0 8px 26px -12px #f0cf6bcc}.final-assessment-mode .final-assessment-hero{position:relative;overflow:hidden;border:1px solid rgba(240,207,107,.45);background:radial-gradient(circle at 86% 38%,rgba(240,207,107,.16),transparent 14rem),linear-gradient(122deg,#0a1d38,#102f53 55%,#09203d);color:#fffaf0;box-shadow:0 24px 55px -32px #000000e6,inset 0 1px #ffffff14}.final-assessment-hero .lesson-header,.final-assessment-hero .lesson-progress-pill{color:var(--final-gold-bright)}.final-assessment-hero .lesson-progress-pill{border:1px solid rgba(240,207,107,.32);border-radius:999px;background:#04112285}.final-assessment-hero .heading-lg,.final-assessment-hero .lesson-summary{color:#fffaf0}.final-assessment-hero .heading-lg{max-width:13ch;font-size:clamp(2.25rem,6vw,4.7rem);letter-spacing:-.045em;line-height:1;text-wrap:balance}.final-assessment-hero .lesson-summary{max-width:58ch;color:#f6f1e4cc;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.7}.final-assessment-hero .a1-xp-label,.final-assessment-hero .a1-unit-label{color:var(--final-gold-bright)}.final-assessment-hero .xp-progress-bar,.final-assessment-hero .progress-container{background:#ffffff1f}.final-assessment-hero .xp-progress-fill,.final-assessment-hero .progress-bar{background:linear-gradient(90deg,#c69731,var(--final-gold-bright));box-shadow:0 0 18px #f0cf6b75}.final-assessment-hero__signal{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(100%,25rem);margin:1.5rem 0 1rem;padding:.8rem 1rem;border:1px solid rgba(240,207,107,.34);border-radius:.9rem;background:#030e1d80;color:var(--final-gold-bright);box-shadow:inset 0 0 26px #f0cf6b09}.final-assessment-hero__signal>span{font-size:.68rem;font-weight:800;letter-spacing:.16em}.final-assessment-hero__signal strong{font-family:var(--font-brand-serif);font-size:1.65rem;line-height:1}.final-assessment-hero__signal i{color:#f6f1e494;font-size:.8rem;font-style:normal}.final-assessment-mode .final-assessment-card{overflow:hidden;border:1px solid rgba(240,207,107,.44);background:radial-gradient(ellipse at 100% 0%,rgba(240,207,107,.08),transparent 30rem),linear-gradient(155deg,#0b2140,#081a33);color:#f6f1e4;box-shadow:0 25px 64px -35px #000000db,inset 0 1px #ffffff0b}.final-assessment-mode .final-assessment-card:before{width:3px;background:linear-gradient(to bottom,#fff0bc,#d3a53a,transparent);opacity:1}.final-assessment-mode .final-assessment-card:hover{border-color:#ffe7a0b8;box-shadow:0 25px 64px -35px #000000db,0 0 35px -24px #f0cf6b8c}.final-assessment-card__masthead{display:flex;align-items:center;gap:1rem;margin:-.15rem 0 1.6rem;padding:1.15rem;border:1px solid rgba(240,207,107,.2);border-radius:1.1rem;background:linear-gradient(105deg,#f0cf6b1a,#0e2b4cbd 48%,#05142759)}.final-assessment-card__seal{display:grid;flex:0 0 3.2rem;width:3.2rem;height:3.2rem;place-items:center;border:1px solid rgba(255,231,160,.56);border-radius:1rem;background:linear-gradient(145deg,#f0cf6b38,#f0cf6b0f);color:var(--final-gold-bright);box-shadow:0 0 24px -12px #f0cf6bcc}.final-assessment-card__masthead>div:nth-child(2){min-width:0;flex:1}.final-assessment-card__eyebrow{color:var(--final-gold);font-size:.65rem;font-weight:800;letter-spacing:.16em}.final-assessment-card__masthead h2{margin:.15rem 0 0;color:#fffaf0;font-family:var(--font-brand-serif);font-size:clamp(1.35rem,3vw,1.9rem)}.final-assessment-card__masthead p{margin:.2rem 0 0;color:#f6f1e4b3;font-size:.84rem}.final-assessment-card__index{display:grid;flex:0 0 auto;width:3.8rem;height:3.8rem;place-content:center;border:1px solid rgba(240,207,107,.48);border-radius:50%;color:var(--final-gold-bright);font-family:var(--font-brand-serif);font-size:1.25rem;font-weight:800;text-align:center;box-shadow:inset 0 0 18px #f0cf6b17,0 0 24px -16px #f0cf6bd9}.final-assessment-card__index span{color:#f6f1e48f;font-family:inherit;font-size:.55rem}.final-assessment-mode .final-assessment-card .article-header{border-bottom:1px solid rgba(240,207,107,.16);padding-bottom:.9rem}.final-assessment-mode .final-assessment-card .article-header-icon{color:var(--final-gold)}.final-assessment-mode .final-assessment-card .article-header-title{color:#fffaf0;font-family:var(--font-brand-serif)}.final-assessment-card .quiz-container{gap:1rem;margin-top:1.2rem}.final-assessment-card .question-block{padding:clamp(1rem,2.5vw,1.45rem);border:1px solid rgba(132,170,204,.2);border-radius:1rem;background:linear-gradient(135deg,#0e2a4bd9,#081b33eb);box-shadow:inset 0 1px #ffffff09}.final-assessment-card .question-block:not(:last-child){margin:0;padding-bottom:clamp(1rem,2.5vw,1.45rem);border-bottom:1px solid rgba(132,170,204,.2)}.final-assessment-card .question-block:hover{border-color:#f0cf6b70;background:linear-gradient(135deg,#113154f2,#081b33f5)}.final-assessment-card .question-text{color:#fffaf0;font-size:1.03rem;line-height:1.6}.final-assessment-card .options-list{gap:.55rem}.final-assessment-card .option-button.option-0,.final-assessment-card .option-button.option-1,.final-assessment-card .option-button.option-2,.final-assessment-card .option-button.option-3,.final-assessment-card .option-button.option-4,.final-assessment-card .option-button.option-5{border:1px solid rgba(155,184,210,.24);background:#06172ce0;color:#f6f1e4db}.final-assessment-card .option-button.option-0:hover:not(:disabled),.final-assessment-card .option-button.option-1:hover:not(:disabled),.final-assessment-card .option-button.option-2:hover:not(:disabled),.final-assessment-card .option-button.option-3:hover:not(:disabled),.final-assessment-card .option-button.option-4:hover:not(:disabled),.final-assessment-card .option-button.option-5:hover:not(:disabled){transform:translate(3px);border-color:#f0cf6bbf;background:#f0cf6b1a;box-shadow:0 0 22px -15px #f0cf6be6;color:#fffaf0}.final-assessment-card .option-button.option-selected{border:1px solid var(--final-gold)!important;background:linear-gradient(110deg,#f0cf6b38,#f0cf6b14)!important;box-shadow:0 0 0 1px #f0cf6b29,0 0 24px -15px #f0cf6be6!important;color:var(--final-gold-bright)!important}.final-assessment-card .option-button.option-correct{border-color:#37d6a0!important;background:linear-gradient(110deg,#08795d,#075340)!important}.final-assessment-card .option-button.option-wrong{border-color:#fa776d!important;background:linear-gradient(110deg,#9c3438,#71272f)!important}.final-assessment-card .btn-primary{min-height:3.25rem;padding-inline:1.4rem;border:1px solid var(--final-gold-bright);background:linear-gradient(120deg,#ffe9a8,#efc75d 55%,#d9a83b);color:#091a30;font-weight:850;letter-spacing:.015em;box-shadow:0 12px 28px -13px #f0cf6bc2,inset 0 1px #ffffff94}.final-assessment-card .btn-primary:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(120deg,#fff2c9,#f5d777 55%,#e2b64c);box-shadow:0 16px 32px -14px #f0cf6be0,inset 0 1px #ffffffa6}.final-assessment-card .btn-secondary{border-color:#f0cf6b52;background:#f0cf6b14;color:var(--final-gold-bright)}.final-assessment-card .completion-message{color:#f6f1e4}.final-assessment-result{display:flex;align-items:flex-start;gap:.9rem;margin-top:1.2rem;padding:1.1rem 1.2rem;border:1px solid rgba(240,207,107,.32);border-radius:1rem;background:#f0cf6b14;color:#fffaf0}.final-assessment-result.is-passed{border-color:#37d6a07a;background:#10b9811a}.final-assessment-result.needs-retry{border-color:#f0cf6b61}.final-assessment-result__mark{display:grid;flex:0 0 2rem;width:2rem;height:2rem;place-items:center;border-radius:50%;background:#f0cf6b29;color:var(--final-gold-bright);font-size:1.15rem;font-weight:900}.final-assessment-result.is-passed .final-assessment-result__mark{background:#37d6a029;color:#6df0be}.final-assessment-result strong{display:block;font-family:var(--font-brand-serif);font-size:1.12rem}.final-assessment-result p{margin:.25rem 0 0;color:#f6f1e4c7;line-height:1.55}.final-assessment-mode :is(.lesson-toast,.lesson-summary,.progress-label){color:#f6f1e4}.evaluations-item--final{position:relative}.evaluations-item--final .evaluations-card,.evaluations-item--final .evaluations-card.available,.evaluations-item--final .evaluations-card.locked{border:1px solid rgba(240,207,107,.46);background:radial-gradient(circle at 96% 4%,rgba(240,207,107,.12),transparent 12rem),linear-gradient(135deg,#07182f,#0a2341 60%,#0c2b4b);box-shadow:0 16px 38px -28px #000000d1,inset 0 1px #ffffff0f;color:#fff8e7}.evaluations-item--final .evaluations-card.available:hover{border-color:#ffe7a0c7;box-shadow:0 18px 40px -25px #000000db,0 0 24px -16px #f0cf6bbf}.evaluations-item--final .evaluations-info h3,.evaluations-item--final .evaluations-info h3.available,.evaluations-item--final .evaluations-status{color:#ffe7a0}.evaluations-item--final .evaluations-icon-bg,.evaluations-item--final .evaluations-icon-bg.available{background:#f0cf6b26}.evaluations-item--final .evaluations-icon.available{color:#f0cf6b}.evaluations-item--final .evaluations-status{border:1px solid rgba(240,207,107,.22);background:#f0cf6b1a}.evaluations-item--final .evaluations-card.locked .evaluations-info h3,.evaluations-item--final .evaluations-card.locked .evaluations-status,.evaluations-item--final .evaluations-icon.locked{color:#ffe7a094}.evaluations-item--final .evaluations-start-btn{border:1px solid #ffe7a0;background:linear-gradient(120deg,#ffe9a8,#efc75d 55%,#d9a83b);color:#091a30;box-shadow:0 10px 24px -12px #f0cf6bcc}.evaluations-item--final .evaluations-start-btn:hover{background:linear-gradient(120deg,#fff2c9,#f5d777 55%,#e2b64c)}.evaluations-item--final .a1-final-assessment{border-color:#f0cf6b7a;background:radial-gradient(circle at 100% 0%,rgba(240,207,107,.12),transparent 22rem),linear-gradient(145deg,#07182f,#0a2341 60%,#0d2a49);color:#fff8e7;box-shadow:0 18px 42px -30px #000000d1,inset 0 1px #ffffff0f}.evaluations-item--final .a1-final-assessment-header h3,.evaluations-item--final .a1-final-question legend{color:#fff8e7}.evaluations-item--final .a1-final-assessment-header p{color:#fff8e7b8}.evaluations-item--final .a1-final-assessment-header>span{border:1px solid rgba(240,207,107,.38);background:#f0cf6b1f;color:#ffe7a0}.evaluations-item--final .a1-final-question{border-color:#93b0cd38;background:#071b3399}.evaluations-item--final .a1-final-question legend span{color:#f0cf6b}.evaluations-item--final .a1-final-option{border-color:#93b0cd3d;background:#051529e0;color:#fff8e7e0}.evaluations-item--final .a1-final-option:hover{border-color:#f0cf6b94;background:#f0cf6b14}.evaluations-item--final .a1-final-option:has(input:checked){border-color:#f0cf6b;background:#f0cf6b21;color:#ffe7a0;box-shadow:0 0 0 2px #f0cf6b21}.evaluations-item--final .a1-final-option input{accent-color:#f0cf6b}.evaluations-item--final .a1-final-assessment .evaluations-start-btn{min-height:2.8rem;padding-inline:1.2rem;border:1px solid #ffe7a0;background:linear-gradient(120deg,#ffe9a8,#efc75d 55%,#d9a83b);color:#091a30;box-shadow:0 10px 24px -12px #f0cf6bcc}.evaluations-item--final .a1-final-assessment .evaluations-start-btn:hover:not(:disabled){background:linear-gradient(120deg,#fff2c9,#f5d777 55%,#e2b64c)}.evaluations-item--final .a1-final-result.is-passed{border-color:#f0cf6b7a;background:linear-gradient(125deg,#f0cf6b29,#f0cf6b0f);color:#ffe7a0}.evaluations-item--final .a1-final-result.needs-retry{border-color:#f0cf6b61;background:#f0cf6b14;color:#fff0c6}@media (max-width: 600px){.final-assessment-mode{padding:.75rem;border-radius:1.15rem}.final-assessment-hero__signal{margin-top:.9rem}.final-assessment-card__masthead{gap:.7rem;padding:.85rem}.final-assessment-card__seal{flex-basis:2.7rem;width:2.7rem;height:2.7rem}.final-assessment-card__index{width:3.2rem;height:3.2rem;font-size:1.05rem}.final-assessment-card__eyebrow{font-size:.55rem;letter-spacing:.1em}}@media (prefers-reduced-motion: reduce){.final-assessment-mode *,.final-assessment-mode *:before,.final-assessment-mode *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}