body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.signup-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.signup-form-wrapper{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;width:100%}.signup-header{margin-bottom:30px;text-align:center}.signup-header h1{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 10px}.signup-header p{color:#718096;font-size:16px;margin:0 0 20px}.success-message{animation:fadeIn .3s ease;background:#c6f6d5;border:1px solid #9ae6b4;border-radius:8px;color:#2f855a;font-weight:500;margin-bottom:20px;padding:12px 16px;text-align:center}.fraud-indicator{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-top:10px;padding:6px 12px}.fraud-indicator.low-risk{background:#c6f6d5;color:#2f855a}.fraud-indicator.high-risk{background:#fed7d7;color:#c53030}.signup-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:15px;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{color:#2d3748;font-size:14px;margin-bottom:6px}.form-group input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .2s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.valid{background:#f0fff4;border-color:#38a169}.form-group input.invalid{background:snow;border-color:#e53e3e}.validation-message{animation:fadeIn .3s ease;font-size:12px;font-weight:500;margin-top:4px}.validation-message.success{color:#38a169}.validation-message.error{color:#e53e3e}.error-message{align-items:center;animation:fadeIn .3s ease;color:#e53e3e;display:flex;font-size:12px;font-weight:500;gap:4px;margin-top:4px}.error-message:before{content:"⚠️";font-size:10px}.behavior-error{animation:shake .5s ease;padding:10px}.behavior-error,.submit-error{background:#fed7d7;border:1px solid #feb2b2;border-radius:6px;color:#c53030;font-size:14px;margin:10px 0}.submit-error{animation:fadeIn .3s ease;padding:12px;text-align:center}.captcha-group{align-items:center;background:#f8f9ff;border:2px dashed #667eea;border-radius:8px;display:flex;flex-direction:column;margin:10px 0;padding:20px}.captcha-group label{color:#667eea;font-weight:600;margin-bottom:15px;text-align:center}.signup-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 24px;transition:all .2s ease}.signup-btn:hover:not(:disabled){box-shadow:0 8px 16px #667eea4d;transform:translateY(-1px)}.signup-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;position:relative;transform:none}.signup-btn:disabled:after{animation:spin 1s ease infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.login-link{color:#718096;font-size:14px;margin-top:20px;text-align:center}.login-link a{color:#667eea;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}.trust-indicators{grid-gap:15px;border-top:1px solid #e2e8f0;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:30px;padding-top:30px}.trust-item{align-items:center;display:flex;flex-direction:column;text-align:center}.trust-item span{font-size:24px;margin-bottom:8px}.trust-item p{color:#718096;font-size:12px;font-weight:500;margin:0}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:768px){.signup-container{padding:15px}.signup-form-wrapper{padding:30px 20px}.form-row{gap:15px;grid-template-columns:1fr}.trust-indicators{gap:10px;grid-template-columns:1fr}.signup-header h1{font-size:24px}}@media (max-width:480px){.signup-form-wrapper{padding:20px 15px}.form-group input{font-size:16px;padding:10px 14px}.signup-btn{padding:12px 20px}}.form-group input:focus,.signup-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.signup-form-wrapper{border:2px solid #000}.form-group input{border-width:2px}.signup-btn{background:#000;border:2px solid #000}}@media (prefers-reduced-motion:reduce){.error-message,.signup-btn,.success-message,.validation-message{animation:none;transition:none}}.achievement-badge{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #0000;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.achievement-badge:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.achievement-badge.new{animation:newAchievementPulse 2s infinite;background:linear-gradient(135deg,#ffd7001a,#ffffffe6);border-color:var(--rarity-color)}@keyframes newAchievementPulse{0%,to{box-shadow:0 4px 15px #0000001a;transform:scale(1)}50%{box-shadow:0 8px 30px #ffd7004d;transform:scale(1.05)}}.badge-container{align-items:center;background:linear-gradient(135deg,#95a5a6,#fff3);background:linear-gradient(135deg,var(--rarity-color,#95a5a6) 0,#fff3 100%);border-radius:50%;box-shadow:inset 0 2px 10px #0003;display:flex;height:60px;justify-content:center;margin-bottom:.75rem;overflow:hidden;position:relative;width:60px}.badge-icon{font-size:1.8rem;position:relative;z-index:2}.badge-shine{background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);height:200%;left:-50%;position:absolute;top:-50%;transform:translateX(-100%);transition:transform .6s ease;width:200%}.achievement-badge:hover .badge-shine{transform:translateX(100%)}.new-indicator{animation:bounce 1s infinite;background:linear-gradient(45deg,#ff6b6b,#ee5a24);border-radius:10px;color:#fff;font-size:.6rem;font-weight:700;padding:.2rem .4rem;position:absolute;right:-5px;top:-5px;z-index:10}.badge-info{text-align:center;width:100%}.badge-name{color:#2c3e50;font-size:.9rem;font-weight:600;line-height:1.2;margin:0 0 .25rem}.badge-points{color:#95a5a6;color:var(--rarity-color,#95a5a6);font-size:.8rem;font-weight:500}.achievement-badge.small{min-width:auto;padding:.5rem}.achievement-badge.small .badge-container{height:40px;margin-bottom:0;width:40px}.achievement-badge.small .badge-icon{font-size:1.2rem}.achievement-badge.large{padding:2rem}.achievement-badge.large .badge-container{height:80px;margin-bottom:1rem;width:80px}.achievement-badge.large .badge-icon{font-size:2.5rem}.achievement-badge.large .badge-name{font-size:1.2rem}.achievement-badge.large .badge-points{font-size:1rem}.achievement-badge.common{--rarity-color:#95a5a6}.achievement-badge.uncommon{--rarity-color:#3498db}.achievement-badge.rare{--rarity-color:#9b59b6}.achievement-badge.epic{--rarity-color:#e74c3c}.achievement-badge.legendary{--rarity-color:#f39c12;background:linear-gradient(135deg,#f39c121a,#ffffffe6)}.achievement-badge.legendary .badge-container{animation:legendaryGlow 3s ease-in-out infinite}@keyframes legendaryGlow{0%,to{box-shadow:inset 0 2px 10px #0003,0 0 20px #f39c124d}50%{box-shadow:inset 0 2px 10px #0003,0 0 30px #f39c1299}}.achievement-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c3e50f2;border-radius:12px;bottom:100%;box-shadow:0 8px 25px #0000004d;color:#fff;margin-bottom:10px;padding:1rem;width:250px;z-index:1000}.achievement-tooltip,.achievement-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.achievement-tooltip:after{border:8px solid #0000;border-top-color:#2c3e50f2;content:"";top:100%}.tooltip-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.tooltip-icon{font-size:1.5rem}.tooltip-header h3{flex:1 1;font-size:1rem;margin:0}.rarity-badge{border-radius:15px;font-size:.7rem;font-weight:700;padding:.2rem .5rem;text-transform:uppercase}.rarity-badge.common{background:#95a5a6}.rarity-badge.uncommon{background:#3498db}.rarity-badge.rare{background:#9b59b6}.rarity-badge.epic{background:#e74c3c}.rarity-badge.legendary{background:#f39c12}.tooltip-description{font-size:.9rem;line-height:1.4;margin:0 0 .75rem;opacity:.9}.tooltip-footer{display:flex;font-size:.8rem;justify-content:space-between;opacity:.8}.achievement-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:1rem 0}.achievement-grid.loading .achievement-badge{pointer-events:none}.skeleton-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.achievement-grid.empty{grid-template-columns:1fr;padding:3rem 1rem;text-align:center}.empty-state{color:#7f8c8d}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#5a6c7d;margin:0 0 .5rem}.empty-state p{margin:0;opacity:.8}.achievement-notification{animation:achievementAppear .5s ease-out;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}.achievement-notification.closing{animation:achievementDisappear .3s ease-in}@keyframes achievementAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes achievementDisappear{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.notification-background{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.notification-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;min-width:400px;padding:2rem;position:relative}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.notification-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#bdc3c7;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.close-btn:hover{background:#f8f9fa;color:#7f8c8d}.notification-body{align-items:center;display:flex;gap:1.5rem}.notification-details h4{color:#2c3e50;font-size:1.2rem;margin:0 0 .5rem}.notification-details p{color:#7f8c8d;line-height:1.4;margin:0 0 1rem}.notification-reward{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;color:#fff;display:inline-block;font-weight:600;padding:.5rem 1rem}.achievement-summary{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;padding:1.5rem}.summary-header h3{color:#2c3e50;margin:0 0 1.5rem}.summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1.5rem}.stat-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:1rem;text-align:center}.stat-number{font-size:2rem;margin-bottom:.25rem}.stat-label{color:#7f8c8d;font-size:.9rem}.recent-achievements h4{color:#2c3e50;font-size:1rem;margin:0 0 1rem}.recent-grid{display:flex;gap:1rem;justify-content:center}.achievement-progress{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.achievement-progress:hover{border-color:#e9ecef;box-shadow:0 4px 20px #00000026}.achievement-progress.completed{background:linear-gradient(135deg,#27ae600d,#fff);border-color:#27ae60}.progress-header{cursor:pointer;gap:1rem;margin-bottom:.75rem}.progress-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.progress-info{flex:1 1}.progress-info h4{color:#2c3e50;font-size:1rem;margin:0 0 .25rem}.progress-info p{color:#7f8c8d;font-size:.9rem;margin:0}.progress-status{text-align:right}.progress-percentage{color:#2c3e50;font-size:1.2rem;font-weight:700}.progress-points{color:#667eea;font-size:.8rem}.progress-bar{background:#ecf0f1;border-radius:4px;height:8px}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px}.progress-details{border-top:1px solid #ecf0f1;margin-top:1rem;padding-top:1rem}.requirements-list h5{color:#2c3e50;font-size:.9rem;margin:0 0 .75rem}.requirement{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.requirement.met{color:#27ae60}.req-status{font-size:1rem}@media (max-width:768px){.achievement-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.achievement-tooltip{width:200px}.notification-content{min-width:300px;padding:1.5rem}.notification-body{flex-direction:column;text-align:center}.summary-stats{grid-template-columns:repeat(2,1fr)}}:root{--player-accent:red;--player-bg:#000;--control-bg:#000c;--control-hover:#ffffff1a;--control-active:#fff3;--text-primary:#fff;--text-secondary:#ffffffb3;--border-radius:12px;--control-size-desktop:40px;--control-size-tablet:44px;--control-size-mobile:48px}.youtube-player{background:#000;background:var(--player-bg);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026;margin:0 auto 2rem;max-width:1000px;overflow:hidden;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:100%}.youtube-player.fullscreen{border-radius:0!important;height:100vh!important;left:0!important;margin:0!important;max-width:none!important;position:fixed!important;top:0!important;width:100vw!important;z-index:9999!important}.youtube-player.mobile{border-radius:8px;margin-bottom:1rem}.youtube-player.tablet{border-radius:10px;max-width:900px}.video-container{aspect-ratio:16/9;background:#000;background:var(--player-bg);cursor:pointer;overflow:hidden;position:relative;transition:aspect-ratio .3s ease;width:100%}.youtube-player.fullscreen .video-container{aspect-ratio:unset!important;height:100vh!important;width:100vw!important}.video-element{background:#000;background:var(--player-bg);display:block;height:100%;object-fit:cover;transform:translateZ(0);-webkit-transform:translateZ(0);width:100%}.youtube-player.fullscreen .video-element{height:100vh!important;object-fit:contain!important;width:100vw!important}video::-webkit-media-controls{-webkit-appearance:none!important;display:none!important}video::-webkit-media-controls-enclosure,video::-webkit-media-controls-panel{display:none!important}video::-webkit-media-controls-fullscreen-button,video::-webkit-media-controls-play-button{display:none!important}video::-webkit-media-controls-current-time-display,video::-webkit-media-controls-timeline{display:none!important}video::-webkit-media-controls-mute-button,video::-webkit-media-controls-time-remaining-display{display:none!important}video::-webkit-media-controls-volume-slider{display:none!important}.error-overlay,.loading-overlay,.processing-overlay{align-items:center;background:#000c;bottom:0;color:#fff;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;left:0;padding:2rem;position:absolute;right:0;text-align:center;top:0;z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-top-color:red;border-top:3px solid var(--player-accent)}.error-overlay h3,.processing-overlay h3{font-size:1.5rem;font-weight:600;margin:0 0 1rem}.error-overlay p,.processing-overlay p{font-size:1rem;margin:0 0 1rem;opacity:.9}.retry-btn{background:#ffffff1a;background:var(--control-hover);border:2px solid #ffffff4d;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;min-height:44px;min-width:44px;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{background:#fff3;background:var(--control-active);border-color:#ffffff80}.play-overlay{transition:all .3s ease;z-index:5}.play-overlay:hover{background:#0006}.play-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border-radius:8px;height:48px;min-height:48px;min-width:68px;transition:all .3s cubic-bezier(.4,0,.2,1);width:68px}.play-button:hover{background:#fff;transform:scale(1.05)}.play-icon{height:24px;margin-left:2px;width:24px}.controls-overlay{background:linear-gradient(0deg,#000c 0,#0006 70%,#0000);background:linear-gradient(to top,var(--control-bg) 0,#0006 70%,#0000 100%);bottom:0;color:#fff;color:var(--text-primary);left:0;opacity:0;pointer-events:none;position:absolute;right:0;transform:translateZ(0);-webkit-transform:translateZ(0);transition:opacity .3s ease;z-index:20}.controls-overlay.visible{opacity:1;pointer-events:all}.progress-container{align-items:center;cursor:pointer;display:flex;min-height:40px;padding:20px 16px 8px;position:relative}.progress-track{background:#ffffff4d;border-radius:2px;height:4px;overflow:hidden;position:relative;transition:height .2s ease;width:100%}.progress-container:hover .progress-track{height:6px}.progress-buffer{background:#fff6;transition:width .3s ease;z-index:1}.progress-buffer,.progress-played{height:100%;left:0;position:absolute;top:0}.progress-played{transition:width .1s linear;z-index:2}.progress-handle,.progress-played{background:red;background:var(--player-accent)}.progress-handle{border-radius:50%;height:12px;min-height:20px;min-width:20px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:12px;z-index:3}.progress-container:hover .progress-handle,.youtube-player.mobile .progress-handle,.youtube-player.tablet .progress-handle{opacity:1}.control-bar{justify-content:space-between;min-height:60px;padding:8px 16px 16px}.control-bar,.controls-left,.controls-right{align-items:center;display:flex;gap:8px}.controls-left{flex:1 1;flex-wrap:wrap}.controls-right{flex-shrink:0}.control-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;min-height:40px;min-height:var(--control-size-desktop);min-width:40px;min-width:var(--control-size-desktop);padding:8px;touch-action:manipulation;transition:all .2s ease}.control-btn:hover{background:#ffffff1a;background:var(--control-hover)}.control-btn:active{background:#fff3;background:var(--control-active);transform:scale(.95)}.control-icon{fill:currentColor;height:20px;transition:transform .2s ease;width:20px}.play-btn .control-icon{height:24px;width:24px}.volume-control{align-items:center;display:flex;gap:8px}.volume-slider-container{overflow:hidden;transition:width .3s ease;width:0}.volume-control:hover .volume-slider-container{width:80px}.volume-slider{appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background:var(--text-primary);border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-slider::-moz-range-thumb{background:#fff;background:var(--text-primary);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.time-display{font-feature-settings:"tnum";align-items:center;color:#fff;color:var(--text-primary);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;margin:0 8px;white-space:nowrap}.time-separator{margin:0 2px;opacity:.7}.speed-control{position:relative}.speed-select{appearance:none;background:#0000;border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:13px;min-height:40px;min-height:var(--control-size-desktop);outline:none;padding:8px 12px}.speed-select:focus,.speed-select:hover{background:#ffffff1a;background:var(--control-hover)}.speed-select option{background:#333;color:#fff;color:var(--text-primary)}.lesson-info{background:#fff;border-bottom-left-radius:12px;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:12px;border-bottom-right-radius:var(--border-radius);padding:20px 24px}.lesson-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.lesson-title{color:#0f0f0f;flex:1 1;font-size:20px;font-weight:600;line-height:1.3;margin:0}.lesson-meta{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.lesson-duration,.lesson-type,.premium-badge{border-radius:16px;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.lesson-type{background:#f2f2f2;color:#606060;text-transform:capitalize}.lesson-duration{background:#e8f0fe;color:#1a73e8}.premium-badge{background:linear-gradient(135deg,gold,#ffb300);color:#1a1a1a}.lesson-description{color:#606060;font-size:14px;line-height:1.5;margin:0}@media (min-width:768px) and (max-width:1024px){.youtube-player{border-radius:10px;max-width:800px}.control-bar{min-height:56px;padding:10px 18px 18px}.control-btn{min-height:44px;min-height:var(--control-size-tablet);min-width:44px;min-width:var(--control-size-tablet);padding:10px}.control-icon{height:22px;width:22px}.play-btn .control-icon{height:26px;width:26px}.progress-container{min-height:44px;padding:24px 18px 12px}.progress-track{height:5px}.progress-handle{height:14px;min-height:24px;min-width:24px;width:14px}.lesson-info{padding:18px 22px}.lesson-title{font-size:19px}.time-display{font-size:14px}}@media (max-width:767px){.youtube-player{border-radius:4px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;max-width:none}.control-bar{background:#000000e6;flex-wrap:nowrap;gap:6px;min-height:56px;padding:6px 12px 12px}.controls-left{align-items:center;flex:1 1;gap:4px;min-width:0}.controls-right{flex-shrink:0;gap:4px}.control-btn{background:#ffffff1a;border-radius:8px;min-height:44px;min-width:44px;padding:8px}.control-btn:active{background:#ffffff4d;transform:scale(.9)}.control-icon{height:20px;width:20px}.play-btn{background:#fff3}.play-btn .control-icon{height:24px;width:24px}.progress-container{min-height:44px;padding:16px 12px 8px}.progress-track{border-radius:4px;height:8px}.progress-handle{background:#fff;box-shadow:0 2px 4px #0000004d;height:18px;opacity:1;width:18px}.progress-played{border-radius:4px}.time-display{background:#00000080;border-radius:12px;flex-shrink:0;font-size:12px;font-weight:600;margin:0 4px;padding:4px 8px}.volume-control{display:none!important}.control-btn:nth-child(2),.control-btn:nth-child(3){display:none}.speed-control{flex-shrink:0}.speed-select{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:11px;min-width:50px;padding:6px 8px}.fullscreen-btn{background:#ffffff26}.lesson-info{background:#f8f9fa;border-radius:0 0 4px 4px;padding:12px 16px}.lesson-title{font-size:16px;line-height:1.2;margin-bottom:8px}.lesson-header{align-items:flex-start;flex-direction:column;gap:8px}.lesson-meta{flex-direction:row;flex-wrap:wrap;gap:4px}.lesson-duration,.lesson-type,.premium-badge{font-size:11px;padding:4px 8px}.lesson-description{font-size:12px;line-height:1.3;margin-top:4px}.youtube-player.fullscreen{border-radius:0}.youtube-player.fullscreen .control-bar{background:#000000f2;padding:8px 16px 16px}.youtube-player.fullscreen .controls-overlay{background:linear-gradient(0deg,#000000f2 0,#000000b3 60%,#0000)}.youtube-player.fullscreen .progress-container{padding:20px 16px 12px}.youtube-player.fullscreen .control-btn{background:#ffffff26;min-height:48px;min-width:48px}.youtube-player.fullscreen .time-display{font-size:13px;padding:6px 10px}.play-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;box-shadow:0 4px 16px #0000004d;height:50px;width:70px}.play-button:active{background:#fff;transform:scale(.9)}.play-icon{height:26px;margin-left:3px;width:26px}.youtube-player *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.loading-spinner{border-width:2px;height:32px;width:32px}.controls-overlay.visible{pointer-events:all}.controls-overlay:not(.visible){pointer-events:none}}@media (max-width:480px){.youtube-player{border-radius:6px}.control-bar{gap:8px;min-height:60px;padding:6px 8px 12px}.controls-left,.controls-right{gap:4px}.control-btn{min-height:44px;min-width:44px;padding:10px}.control-icon{height:20px;width:20px}.play-btn .control-icon{height:24px;width:24px}.progress-container{padding:20px 12px 8px}.progress-handle{height:14px;min-height:24px;min-width:24px;width:14px}.time-display{font-size:12px;margin:0 4px}.lesson-info{padding:12px 16px}.lesson-title{font-size:16px}.lesson-description{font-size:13px}.speed-select{font-size:11px;min-width:50px;padding:6px 8px}.play-button{height:50px;width:72px}.play-icon{height:26px;width:26px}}.control-btn:focus-visible,.play-button:focus-visible,.progress-container:focus-visible,.retry-btn:focus-visible,.speed-select:focus-visible,.volume-slider:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,.control-btn,.controls-overlay,.loading-spinner,.play-button,.progress-handle,.progress-played,.youtube-player{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.youtube-player{border:2px solid #fff}.progress-played{background:#fff}.progress-handle{background:#fff;border:2px solid #000}.control-btn{border:1px solid #ffffff4d}}@media (hover:none) and (pointer:coarse){.control-btn:hover{background:#0000}.control-btn:active{background:#fff3;background:var(--control-active)}.play-button:hover{background:#ffffffe6;transform:none}.play-button:active{background:#fff;transform:scale(.95)}.progress-handle{opacity:1}.volume-slider-container{width:60px}.progress-container:hover .progress-track{height:6px}}@media (prefers-color-scheme:dark){.lesson-info{background:#1a1a1a;color:#e0e0e0}.lesson-title{color:#fff}.lesson-description,.lesson-type{color:#b0b0b0}.lesson-type{background:#333}}body.fullscreen-active{-webkit-overflow-scrolling:touch;height:100%!important;overflow:hidden!important;position:fixed!important;width:100%!important}@supports (padding:max(0px)){.youtube-player.fullscreen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important}.youtube-player.fullscreen .controls-overlay{padding-bottom:env(safe-area-inset-bottom)!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important}}@supports (-webkit-touch-callout:none){.youtube-player.fullscreen{height:100vh!important;height:-webkit-fill-available!important;width:100vw!important}.youtube-player.fullscreen .video-element{height:100%!important;height:-webkit-fill-available!important;object-fit:contain!important;width:100%!important}video{-webkit-playsinline:true;-webkit-media-controls:none}}@media screen and (-webkit-min-device-pixel-ratio:1){.youtube-player.mobile .video-element{will-change:transform}.controls-overlay{will-change:opacity}}.controls-overlay,.progress-played,.video-container{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}@media (max-width:767px){html{-webkit-overflow-scrolling:touch}}@media (orientation:landscape) and (max-width:768px){.youtube-player:not(.fullscreen){max-height:70vh}.youtube-player.fullscreen .control-bar{padding-left:5vw;padding-right:5vw}}@media (orientation:portrait) and (max-width:768px){.youtube-player{margin-bottom:1.5rem}}.loading-overlay{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.control-btn:active,.play-button:active{transition:transform .1s ease}@media (max-width:480px) and (orientation:portrait){.control-btn{min-height:48px;min-width:48px}.progress-container{min-height:52px}}@media (max-width:767px){.fullscreen-btn{background:#ffffff26!important;display:flex!important;min-height:44px!important;min-width:44px!important}.control-bar{background:#000000e6;justify-content:space-between;min-height:60px;padding:8px 12px 16px}.control-bar,.controls-left{align-items:center;display:flex;gap:8px}.controls-left{flex:1 1;min-width:0}.controls-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.fullscreen-btn,.play-btn,.speed-select{display:flex!important}.control-btn:nth-child(2):not(.fullscreen-btn),.control-btn:nth-child(3):not(.fullscreen-btn){display:none}.controls-right .control-btn{display:flex!important}.progress-container{cursor:default;min-height:48px;padding:20px 12px 8px}.progress-track{background:#ffffff4d;border-radius:3px;height:6px}.progress-played{background:red;border-radius:3px;height:100%}.progress-handle{background:#fff;box-shadow:0 2px 4px #0000004d;height:16px;opacity:1;width:16px}.progress-container:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}}@media (max-width:767px) and (-webkit-min-device-pixel-ratio:1){.youtube-player.mobile .video-element{-webkit-touch-callout:none;touch-action:manipulation}.control-btn,.controls-overlay{touch-action:manipulation}.control-btn{-webkit-tap-highlight-color:rgba(255,255,255,.2)}.fullscreen-btn{background:#fff3!important;border:1px solid #ffffff4d}}.play-overlay{background:#0000004d;bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.play-button,.play-overlay{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;justify-content:center;touch-action:manipulation}.play-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:none;border-radius:12px;box-shadow:0 4px 20px #0000004d;height:60px;transition:all .2s ease;width:80px}.play-button:active{background:#fff;transform:scale(.95)}.play-icon{color:#000;height:28px;margin-left:4px;width:28px}@media (max-width:767px){.fullscreen-btn{background:#ffffff26!important;display:flex!important;min-height:44px!important;min-width:44px!important}.control-bar{background:#000000e6;justify-content:space-between;min-height:60px;padding:8px 12px 16px}.control-bar,.controls-left{align-items:center;display:flex;gap:8px}.controls-left{flex:1 1;min-width:0}.controls-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.fullscreen-btn,.play-btn,.speed-select{display:flex!important}.control-btn:nth-child(2):not(.fullscreen-btn),.control-btn:nth-child(3):not(.fullscreen-btn){display:none}.controls-right .control-btn{display:flex!important}.progress-container{cursor:default;min-height:48px;padding:20px 12px 8px}.progress-track{background:#ffffff4d;border-radius:3px;height:6px}.progress-played{background:red;border-radius:3px;height:100%}.progress-handle{background:#fff;box-shadow:0 2px 4px #0000004d;height:16px;opacity:1;width:16px}.progress-container:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.play-button{-webkit-tap-highlight-color:transparent;background:#fffffff2;border-radius:16px;height:70px;touch-action:manipulation;width:90px}.play-icon{height:32px;margin-left:6px;width:32px}}@media (max-width:767px) and (-webkit-min-device-pixel-ratio:1){.youtube-player.mobile .video-element{-webkit-touch-callout:none;touch-action:manipulation}.control-btn,.controls-overlay{touch-action:manipulation}.control-btn{-webkit-tap-highlight-color:rgba(255,255,255,.2)}.fullscreen-btn{background:#fff3!important;border:1px solid #ffffff4d}.play-button,.play-overlay{-webkit-tap-highlight-color:transparent}.play-button{user-select:none;-webkit-user-select:none}}.youtube-player .fullscreen-btn{align-items:center!important;display:flex!important;justify-content:center!important;min-height:44px!important;min-width:44px!important}@media (hover:none) and (pointer:coarse){.progress-container,.progress-container *{pointer-events:none}}@media (max-width:767px){.control-btn{background:#ffffff1a;border-radius:8px;margin:2px;min-height:48px!important;min-width:48px!important}.control-btn:active{background:#ffffff4d;transform:scale(.95)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;min-height:calc(100vh - 80px);padding-top:80px}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #00000026;color:#fff;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.logo h1{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.logo{color:#fff;text-decoration:none}.nav{gap:1.5rem}.nav,.nav-link{align-items:center;display:flex}.nav-link{border-radius:8px;color:#fff;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#fff3;transform:translateY(-2px)}.live-link{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;font-weight:700}.header-user-section{align-items:center;display:flex;gap:1rem}.user-greeting-enhanced{align-items:center;display:flex;gap:.75rem}.user-avatar{background:#fff3;border:2px solid #ffffff4d;font-size:1rem;height:40px;width:40px}.user-info{align-items:flex-start;flex-direction:column}.user-name{font-size:.9rem;margin-bottom:.2rem}.user-role{background:#fff3;border-radius:10px;font-size:.7rem;opacity:.8;padding:.1rem .5rem;text-transform:capitalize}.logout-btn-elegant{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.logout-btn-elegant:hover{background:#ffffff4d;transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.btn-outline{background:#0000;border:2px solid #667eea;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff}.btn-large{font-size:1.1rem;min-height:56px;padding:1rem 2rem}.btn-full{width:100%}.btn-small{font-size:.9rem;min-height:40px;padding:.5rem 1rem}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#d32f2f}.hero,.home{background:linear-gradient(135deg,#667eea,#764ba2)}.hero{align-items:center;color:#fff;display:flex;justify-content:center;min-height:80vh;padding:6rem 1rem 4rem;text-align:center}.hero-content h1{color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem}.hero-content p{font-size:clamp(1.1rem,2.5vw,1.5rem);margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.features{background:#fff;padding:4rem 1rem}.features-container{margin:0 auto;max-width:1200px;text-align:center}.features h2{color:#333;font-size:clamp(2rem,4vw,2.5rem);margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.feature{background:#f8f9fa;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:2rem;transition:all .3s ease}.feature:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.feature p{color:#666;line-height:1.6}.pricing{background:#f8f9fa;padding:4rem 1rem}.pricing-container{margin:0 auto;max-width:1200px;text-align:center}.pricing h2{color:#333;font-size:clamp(2rem,4vw,2.5rem);margin-bottom:3rem}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:3rem}.pricing-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;padding:2.5rem;position:relative;transition:all .3s ease}.pricing-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-10px)}.pricing-card.featured{border:3px solid #667eea;transform:scale(1.05)}.pricing-card.featured:before{background:#667eea;border-radius:20px;color:#fff;content:"Most Popular";font-size:.9rem;font-weight:700;left:50%;padding:.5rem 1rem;position:absolute;top:-15px;transform:translateX(-50%)}.price{color:#667eea;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.pricing-card ul{list-style:none;margin-bottom:2rem;text-align:left}.pricing-card li{border-bottom:1px solid #eee;padding:.5rem 0}.dashboard{margin:0 auto;max-width:1200px;padding:2rem 1rem}.mobile-optimized{max-width:100%;overflow-x:hidden;padding:1rem}.mobile-dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin-bottom:1.5rem;padding:2rem}.mobile-greeting{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.3;margin-bottom:.5rem}.motivational-message{font-size:1rem;margin-bottom:1.5rem;opacity:.9}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.quick-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:.5rem;min-height:90px;padding:1rem;text-decoration:none;transition:all .3s ease}.quick-action-btn:hover{background:#ffffff4d;transform:translateY(-3px)}.quick-action-btn.primary{background:#ffffff4d}.action-icon{font-size:1.8rem}.mobile-dashboard-stats{margin-bottom:1.5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 6px 20px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.stat-icon{font-size:2rem}.stat-number{font-size:1.8rem;font-weight:700}.stat-level,.stat-number{color:#667eea;line-height:1}.stat-level{font-size:1rem;font-weight:600}.stat-label{color:#666;font-size:.8rem;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}.progress-section{background:#fff;border-radius:20px;box-shadow:0 6px 20px #0000001a;margin-bottom:1.5rem;padding:2rem}.progress-section h3{color:#333;font-size:1.2rem;margin-bottom:1.5rem}.progress-card{margin-bottom:1.5rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-percentage{color:#667eea;font-weight:600}.progress-bar{background:#f0f0f0;border-radius:5px;height:10px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#4caf50);border-radius:5px;height:100%;transition:width .5s ease}.live-classes-preview,.recent-lessons-mobile{background:#fff;border-radius:20px;box-shadow:0 6px 20px #0000001a;margin-bottom:1.5rem;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{color:#333;font-size:1.2rem;margin:0}.view-all-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:none}.live-class-card{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:15px;color:#fff;display:flex;gap:1rem;padding:1.5rem}.live-class-time{flex-shrink:0}.time{font-size:1.2rem;font-weight:700}.date{font-size:.9rem;opacity:.9}.live-class-info{flex:1 1}.live-class-info h4{font-size:1rem}.live-class-info p{font-size:.9rem;margin-bottom:.5rem;opacity:.9}.join-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #ffffff80;border-radius:25px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.join-btn:hover{background:#fff6;transform:translateY(-2px)}.enhanced-lessons-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.enhanced-lessons-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 clamp(15px,3vw,30px) clamp(15px,3vw,30px);color:#fff;margin-bottom:clamp(1rem,3vw,2rem);overflow:hidden;padding:clamp(1.5rem,4vw,4rem) clamp(1rem,3vw,2rem);position:relative;text-align:center}.enhanced-lessons-header:before{animation:float 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20 20-8.954 20-20zm0 20c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20 20-8.954 20-20z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes float{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.enhanced-lessons-header h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:700;margin-bottom:clamp(.5rem,2vw,1rem);position:relative;z-index:2}.enhanced-lessons-header p{font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:clamp(1rem,3vw,2rem);margin-left:auto;margin-right:auto;max-width:600px;opacity:.9;position:relative;z-index:2}.enhanced-teacher-tip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:clamp(8px,2vw,10px);margin-top:clamp(.75rem,2vw,1rem);padding:clamp(.75rem,2vw,1rem);position:relative;z-index:2}.enhanced-teacher-tip p{font-size:clamp(.85rem,1.8vw,.9rem);margin:0}.enhanced-tip-link{color:#fff;font-weight:600;text-decoration:underline}.enhanced-tip-link:hover{opacity:.8}.enhanced-lesson-filters{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);justify-content:center;margin:clamp(1rem,3vw,2rem) 0;padding:0 clamp(.5rem,2vw,1rem)}.enhanced-filter-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:clamp(.8rem,1.8vw,.9rem);font-weight:600;justify-content:center;min-height:44px;overflow:hidden;padding:clamp(.6rem,1.5vw,.75rem) clamp(1rem,2.5vw,1.5rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.enhanced-filter-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.enhanced-filter-btn:focus:before,.enhanced-filter-btn:hover:before{left:100%}.enhanced-filter-btn:focus,.enhanced-filter-btn:hover{background:#ffffff40;box-shadow:0 8px 25px #00000026;outline:none;transform:translateY(-2px)}.enhanced-filter-btn.active{background:#ffffffe6;box-shadow:0 6px 20px #ffffff4d;color:#667eea}.enhanced-lessons-container{margin:0 auto;max-width:1600px;padding:0 clamp(.75rem,2.5vw,1.5rem) clamp(2rem,5vw,4rem)}.enhanced-lessons-grid{grid-gap:clamp(1rem,2.5vw,2rem);display:grid;gap:clamp(1rem,2.5vw,2rem);grid-template-columns:1fr;margin-bottom:clamp(2rem,4vw,3rem)}.enhanced-lesson-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:clamp(16px,3vw,24px);box-shadow:0 10px 40px #0000001a;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.enhanced-lesson-card:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-8px) scale(1.01)}.enhanced-lesson-thumbnail{align-items:center;color:#fff;display:flex;height:clamp(150px,25vw,220px);justify-content:center;overflow:hidden;position:relative}.enhanced-lesson-thumbnail.alphabet{background:linear-gradient(135deg,#667eea,#764ba2)}.enhanced-lesson-thumbnail.quran{background:linear-gradient(135deg,#11998e,#38ef7d)}.enhanced-lesson-thumbnail.vocabulary{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#8b4513}.enhanced-lesson-thumbnail.grammar{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.enhanced-lesson-thumbnail.conversation{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#333}.enhanced-lesson-thumbnail.default{background:linear-gradient(135deg,#667eea,#764ba2)}.lesson-icon{font-size:clamp(2.5rem,6vw,4rem);position:relative;z-index:2}.enhanced-lesson-thumbnail:before{background:linear-gradient(45deg,#ffffff1a,#0000 50%,#ffffff1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.enhanced-lesson-card:hover .enhanced-lesson-thumbnail:before{opacity:1}.enhanced-lesson-badges{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;left:clamp(.75rem,2vw,1rem);position:absolute;right:clamp(.75rem,2vw,1rem);top:clamp(.75rem,2vw,1rem);z-index:3}.enhanced-quiz-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;box-shadow:0 4px 15px #4caf504d;color:#fff;display:flex;font-size:clamp(.7rem,1.5vw,.8rem);font-weight:700;gap:clamp(.2rem,.5vw,.4rem);min-height:28px;padding:clamp(.3rem,1vw,.4rem) clamp(.6rem,1.5vw,.8rem)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.enhanced-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;color:#667eea;font-weight:600;text-transform:capitalize}.enhanced-premium-badge,.enhanced-type-badge{align-items:center;border-radius:20px;display:flex;font-size:clamp(.7rem,1.5vw,.8rem);min-height:28px;padding:clamp(.3rem,1vw,.4rem) clamp(.6rem,1.5vw,.8rem)}.enhanced-premium-badge{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 15px #ffd7004d;color:#fff;font-weight:700;gap:clamp(.2rem,.5vw,.3rem)}.enhanced-lesson-content{padding:clamp(1.25rem,3vw,2rem)}.enhanced-lesson-title{color:#2c3e50;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;line-height:1.3;margin-bottom:clamp(.5rem,1.5vw,.75rem)}.enhanced-lesson-description{color:#64748b;font-size:clamp(.85rem,1.8vw,.95rem);line-height:1.6;margin-bottom:clamp(1rem,2.5vw,1.5rem)}.enhanced-lesson-meta{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1.5vw,1rem);margin-bottom:clamp(1rem,2.5vw,1.5rem)}.enhanced-meta-item{align-items:center;background:#f8fafc;border:1px solid #667eea1a;border-radius:20px;color:#667eea;display:flex;font-size:clamp(.75rem,1.6vw,.85rem);font-weight:600;gap:clamp(.25rem,.7vw,.4rem);min-height:32px;padding:clamp(.4rem,1vw,.5rem) clamp(.75rem,1.8vw,1rem)}.enhanced-quiz-indicator{align-items:center;background:linear-gradient(135deg,#e8f5e8,#f0f9f0);border:2px solid #4caf50;border-radius:clamp(12px,2.5vw,16px);display:flex;gap:clamp(.5rem,1.5vw,.75rem);margin:clamp(.75rem,2vw,1rem) 0;padding:clamp(.75rem,2vw,1rem)}.quiz-indicator-icon{animation:bounce 2s infinite;flex-shrink:0;font-size:clamp(1.2rem,2.5vw,1.5rem)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.quiz-indicator-content h4{color:#2e7d32;font-size:clamp(.9rem,2vw,1rem);margin-bottom:.25rem}.quiz-indicator-content p{color:#555;font-size:clamp(.8rem,1.7vw,.9rem);margin:0}.enhanced-progress-section{margin-bottom:clamp(1rem,2.5vw,1.5rem)}.enhanced-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:clamp(.5rem,1.5vw,.75rem)}.enhanced-progress-text{color:#64748b;font-size:clamp(.8rem,1.7vw,.9rem);font-weight:500}.enhanced-progress-percentage{color:#667eea;font-size:clamp(.9rem,2vw,1rem);font-weight:700}.enhanced-circular-progress{height:clamp(50px,8vw,60px);margin:0 auto clamp(.75rem,2vw,1rem);position:relative;width:clamp(50px,8vw,60px)}.enhanced-circular-progress svg{height:100%;width:100%}.enhanced-progress-text-center{color:#667eea;font-size:clamp(.8rem,1.6vw,.9rem);font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.enhanced-lesson-actions{display:flex;gap:clamp(.75rem,2vw,1rem)}.enhanced-lesson-btn{align-items:center;border:none;border-radius:clamp(12px,2.5vw,16px);cursor:pointer;display:flex;flex:1 1;font-size:clamp(.85rem,1.8vw,.95rem);font-weight:600;gap:clamp(.3rem,1vw,.5rem);justify-content:center;min-height:44px;overflow:hidden;padding:clamp(.75rem,2vw,.875rem) clamp(1rem,2.5vw,1.5rem);position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-lesson-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.enhanced-lesson-btn:focus:before,.enhanced-lesson-btn:hover:before{left:100%}.enhanced-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea4d;color:#fff}.enhanced-btn-primary:focus,.enhanced-btn-primary:hover{box-shadow:0 10px 30px #667eea66;outline:none;transform:translateY(-3px)}.enhanced-btn-secondary{background:#0000;border:2px solid #667eea;color:#667eea;flex:none;min-width:clamp(44px,8vw,60px)}.enhanced-btn-secondary:focus,.enhanced-btn-secondary:hover{background:#667eea;color:#fff;outline:none;transform:translateY(-3px)}.enhanced-btn-locked{background:#ccc;color:#999;cursor:not-allowed}.enhanced-locked-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:clamp(16px,3vw,24px);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.enhanced-lock-icon{font-size:clamp(2.5rem,6vw,3rem);margin-bottom:clamp(.75rem,2vw,1rem)}.enhanced-locked-overlay h4{color:#fff;font-size:clamp(1.1rem,2.5vw,1.2rem);margin-bottom:clamp(.25rem,1vw,.5rem)}.enhanced-locked-overlay p{color:#fffc;font-size:clamp(.9rem,2vw,1rem);margin-bottom:clamp(1rem,2.5vw,1.5rem);text-align:center}.enhanced-upgrade-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:clamp(.85rem,1.8vw,.9rem);font-weight:600;min-height:40px;padding:clamp(.6rem,1.5vw,.75rem) clamp(1.2rem,2.5vw,1.5rem);transition:all .3s ease}.enhanced-upgrade-btn:hover{box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.enhanced-empty-state,.enhanced-no-results{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:clamp(16px,3vw,24px);box-shadow:0 10px 40px #0000001a;margin:clamp(1rem,3vw,2rem) 0;padding:clamp(2rem,6vw,4rem) clamp(1rem,3vw,2rem);text-align:center}.enhanced-empty-state-content,.enhanced-no-results-content{margin:0 auto;max-width:500px}.enhanced-empty-state-icon,.enhanced-no-results-icon{animation:float-slow 3s ease-in-out infinite;font-size:clamp(3rem,8vw,5rem);margin-bottom:clamp(1rem,3vw,2rem);opacity:.6}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.enhanced-empty-state h3,.enhanced-no-results h3{color:#2c3e50;font-size:clamp(1.5rem,4vw,2rem);margin-bottom:clamp(.5rem,2vw,1rem)}.enhanced-empty-state p,.enhanced-no-results p{color:#64748b;font-size:clamp(1rem,2.2vw,1.1rem);line-height:1.6;margin-bottom:clamp(1.5rem,3vw,2rem)}.enhanced-empty-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.enhanced-empty-message{color:#999;font-size:clamp(.85rem,1.8vw,.9rem)}.enhanced-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:clamp(300px,50vh,400px);padding:clamp(1rem,3vw,2rem)}.enhanced-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:clamp(40px,8vw,60px);margin-bottom:clamp(.75rem,2vw,1rem);width:clamp(40px,8vw,60px)}.enhanced-loading p{font-size:clamp(1rem,2.2vw,1.1rem)}.enhanced-recent-lessons-section{margin-bottom:clamp(2rem,4vw,3rem)}.enhanced-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:clamp(1rem,2.5vw,1.5rem);padding:0 clamp(.5rem,1.5vw,1rem)}.enhanced-section-header h3{color:#2c3e50;font-size:clamp(1.2rem,2.8vw,1.5rem);margin:0}.enhanced-view-all-btn{background:#0000;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:clamp(.9rem,2vw,1rem);font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.enhanced-view-all-btn:hover{background:#667eea1a;transform:translateX(4px)}.enhanced-dashboard-lessons-container{position:relative}.enhanced-dashboard-lessons-grid{grid-gap:clamp(1rem,2.5vw,1.5rem);display:grid;gap:clamp(1rem,2.5vw,1.5rem);grid-template-columns:1fr}.enhanced-progress-loading{color:#666;font-size:clamp(.85rem,1.8vw,.9rem);padding:1rem;text-align:center}.enhanced-dashboard-empty-lessons{background:#fff;border-radius:clamp(12px,2.5vw,15px);box-shadow:0 6px 20px #0000001a;padding:clamp(1.5rem,3vw,2rem);text-align:center}.enhanced-empty-icon{font-size:clamp(2.5rem,6vw,3rem);margin-bottom:clamp(.75rem,2vw,1rem);opacity:.6}.enhanced-dashboard-empty-lessons h4{color:#333;font-size:clamp(1.1rem,2.5vw,1.2rem);margin-bottom:clamp(.25rem,1vw,.5rem)}.enhanced-dashboard-empty-lessons p{color:#666;font-size:clamp(.85rem,1.8vw,.9rem);margin-bottom:clamp(.75rem,2vw,1rem)}@media (min-width:481px){.enhanced-dashboard-lessons-grid,.enhanced-lessons-grid{grid-template-columns:repeat(2,1fr)}.enhanced-lesson-actions{flex-direction:row}.enhanced-filter-btn{flex-shrink:0}}@media (min-width:769px){.enhanced-dashboard-lessons-grid,.enhanced-lessons-grid{grid-template-columns:repeat(3,1fr)}.enhanced-lesson-filters{-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.enhanced-lesson-filters::-webkit-scrollbar{display:none}.enhanced-lesson-card:hover{transform:translateY(-12px) scale(1.02)}}@media (min-width:1025px){.enhanced-lessons-grid{grid-template-columns:repeat(4,1fr)}.enhanced-dashboard-lessons-grid{grid-template-columns:repeat(3,1fr)}.enhanced-lessons-header{padding:4rem 2rem}.enhanced-lesson-card:hover{transform:translateY(-15px) scale(1.03)}}@media (min-width:1441px){.enhanced-lessons-grid{grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:1600px}.enhanced-lessons-container{max-width:1800px}}@media (hover:none) and (pointer:coarse){.enhanced-lesson-card:hover{transform:none}.enhanced-lesson-card:active{transform:scale(.98)}.enhanced-lesson-btn:hover{transform:none}.enhanced-lesson-btn:active{transform:scale(.95)}.enhanced-filter-btn:hover{transform:none}.enhanced-filter-btn:active{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.enhanced-empty-state-icon,.enhanced-filter-btn,.enhanced-lesson-btn,.enhanced-lesson-card,.quiz-indicator-icon{animation:none!important;transition-duration:.01ms!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.enhanced-lesson-card{box-shadow:0 8px 30px #0000001f}.enhanced-lesson-thumbnail{background-size:200% 200%}}.sr-only{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:calc(100vh - 160px);padding:2rem 1rem}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 15px 35px #0000001a;max-width:450px;padding:3rem;text-align:center;width:100%}.auth-container h2{color:#333;font-size:2rem;margin-bottom:.5rem}.auth-container p{color:#666;margin-bottom:2rem}.auth-form{text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;border-radius:8px;font-size:1rem;min-height:48px;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:1rem;padding:1rem;text-align:center}.auth-link{color:#666;margin-top:1.5rem;text-align:center}.auth-link a{color:#667eea;font-weight:600;text-decoration:none}.app-loading-optimized{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease-out;width:100%;z-index:9999}.loading-container-fast{animation:fadeInFast .3s ease-out;color:#fff;padding:2rem;text-align:center}.loading-container-fast h2{font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2rem}.loading-spinner-fast{animation:spinFast .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 1.5rem;width:40px}.loading-bar{background:#ffffff4d;border-radius:2px;height:4px;margin:0 auto;overflow:hidden;width:200px}.loading-progress{animation:loadingProgress 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fffc,#0000);height:100%;width:100%}@keyframes fadeInFast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spinFast{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loadingProgress{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.loading-container-fast{padding:1.5rem}.loading-container-fast h2{font-size:1.5rem;margin-bottom:1.5rem}.loading-spinner-fast{height:35px;margin-bottom:1rem;width:35px}.loading-bar{width:150px}}.footer{background:#333;color:#fff;margin-top:auto;padding:2rem 0}.footer-container{margin:0 auto;max-width:1200px;padding:0 1rem;text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1rem}.footer-links a{color:#fff;opacity:.8;text-decoration:none;transition:opacity .3s}.footer-links a:hover{opacity:1}.quiz-container{background:#f8f9fa;margin:0 auto;max-width:900px;padding:2rem 1rem}.quiz-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.question-card,.quiz-header{background:#fff;border-radius:15px;box-shadow:0 6px 20px #0000001a}.question-card{padding:2rem}.option-button{align-items:center;background:#fff;border:2px solid #ddd;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;margin-bottom:1rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.option-button:hover{box-shadow:0 6px 20px #667eea33;transform:translateY(-3px)}.option-button.selected,.option-button:hover{background:#f8f9ff;border-color:#667eea}.option-button.correct{background:#f1f8e9;border-color:#4caf50}.option-button.incorrect{background:#ffebee;border-color:#f44336}.live-classroom{background:#f8f9fa;display:flex;flex-direction:column;min-height:calc(100vh - 80px)}.live-classroom-error,.live-classroom-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.error-container,.loading-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:500px;padding:3rem;width:100%}.live-classroom-error h2,.live-classroom-loading h2{color:#333;font-size:1.8rem;margin-bottom:1rem}.live-classroom-loading p{color:#666;font-size:1.1rem;margin-bottom:2rem}.error-actions{justify-content:center;margin-top:1.5rem}.error-actions,.live-class-header{display:flex;flex-wrap:wrap;gap:1rem}.live-class-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff;justify-content:space-between;padding:1.5rem 2rem}.live-class-header.active{padding:1rem 2rem}.class-info h1{color:#fff;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;margin-bottom:.5rem}.class-info p{font-size:1rem;margin-bottom:1rem;opacity:.9}.class-meta{flex-wrap:wrap;gap:1.5rem}.class-meta,.class-meta span{align-items:center;display:flex}.class-meta span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;font-size:.9rem;gap:.3rem;padding:.4rem .8rem}.live-indicator{animation:pulse 2s infinite;background:#f44!important;font-weight:700}.live-indicator.pulsing{animation:pulse 1s infinite}.class-actions{display:flex;flex-wrap:wrap;gap:1rem}.pre-join-screen{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.join-container{background:#fff;border-radius:20px;box-shadow:0 15px 40px #0000001a;max-width:700px;padding:3rem;width:100%}.join-header{margin-bottom:2rem;text-align:center}.join-header h2{color:#333;font-size:2rem;margin-bottom:1rem}.join-header p{color:#666;font-size:1.1rem}.join-info{background:#f8f9fa;border-radius:15px;margin-bottom:2rem;padding:2rem}.info-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.75rem 0}.info-item:last-child{border-bottom:none}.info-label{color:#495057;font-weight:600}.info-value{color:#667eea;font-weight:600}.classroom-rules{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #ffa726;border-radius:15px;margin-bottom:2rem;padding:2rem}.classroom-rules h3{color:#856404;font-size:1.2rem;margin-bottom:1rem;text-align:center}.classroom-rules ul{grid-gap:.75rem;color:#856404;display:grid;gap:.75rem;list-style:none}.classroom-rules li{align-items:center;display:flex;font-size:.95rem;font-weight:500;gap:.5rem}.join-actions{text-align:center}.join-class-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;margin-bottom:1.5rem;max-width:400px;min-height:60px;padding:1.25rem 2.5rem;transition:all .3s ease;width:100%}.join-class-btn:hover:not(:disabled){box-shadow:0 12px 35px #667eea66;transform:translateY(-3px)}.join-class-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.join-requirements{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:12px;padding:1.5rem}.requirements-title{color:#1976d2;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.requirements-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.requirement{background:#2196f31a;border-radius:15px;color:#1976d2;font-size:.85rem;font-weight:500;padding:.4rem .8rem}.jitsi-container{border-radius:0;box-shadow:0 0 30px #0000004d;flex:1 1;margin:0;overflow:hidden}.jitsi-container,.jitsi-meet{background:#000;min-height:600px;position:relative}.jitsi-meet{border:none;height:100%;width:100%}.jitsi-loading{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.jitsi-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto 1rem;width:50px}.jitsi-loading p{font-size:1.1rem;opacity:.9}.class-footer{background:#343a40;color:#fff;padding:1rem 2rem}.class-footer,.footer-info{align-items:center;display:flex;justify-content:center}.footer-info{flex-wrap:wrap;gap:2rem}.footer-item{align-items:center;display:flex;font-size:.9rem;gap:.3rem;opacity:.8}.btn-warning{background:linear-gradient(135deg,#ffa726,#ff8a65);color:#fff}.btn-warning:hover{background:linear-gradient(135deg,#ff9800,#ff7043);transform:translateY(-2px)}.live-lessons{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:calc(100vh - 160px);padding:2rem 1rem}.live-lessons-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin-bottom:3rem;padding:3rem 2rem;text-align:center}.live-lessons-header h1{color:#fff;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:2rem}.teacher-controls{margin-top:2rem}.teacher-note{font-size:.9rem;margin-top:.5rem;opacity:.8}.live-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.live-stats .stat-card{background:#fff;border-left:4px solid #667eea;border-radius:15px;box-shadow:0 6px 20px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.live-stats .stat-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.live-stats .stat-number{color:#667eea;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.live-stats .stat-label{color:#666;font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.session-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.filter-btn{align-items:center;background:#fff;border:2px solid #667eea;border-radius:25px;color:#667eea;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;transition:all .3s ease}.filter-btn:hover{transform:translateY(-2px)}.filter-btn.active,.filter-btn:hover{background:#667eea;box-shadow:0 6px 20px #667eea4d;color:#fff}.live-classes-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:3rem}.live-class-item{background:#fff;border-left:4px solid #667eea;border-radius:15px;box-shadow:0 6px 20px #0000001a;padding:2rem;position:relative;transition:all .3s ease}.live-class-item:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-8px)}.live-class-item.live{animation:pulse 2s infinite;border-left-color:#f44}.live-class-item.ended{border-left-color:#4caf50;opacity:.8}.live-class-item.upcoming{border-left-color:#ffa726}.live-class-status{margin-bottom:1rem}.status-live{animation:pulse 2s infinite;background:#f44}.status-ended,.status-live{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;gap:.5rem;padding:.4rem 1rem}.status-ended{background:#4caf50}.status-upcoming{align-items:center;background:#ffa726;border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;gap:.5rem;padding:.4rem 1rem}.class-details{margin:1.5rem 0}.detail{align-items:center;color:#666;display:flex;font-size:.95rem;gap:.75rem;margin-bottom:.75rem}.detail .icon{font-size:1.2rem;text-align:center;width:24px}.class-participants{color:#667eea;font-weight:600}.class-actions{margin-top:1.5rem}.join-live-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.join-live-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.no-sessions{background:#fff;border-radius:20px;box-shadow:0 6px 20px #0000001a;margin-bottom:3rem;padding:4rem 2rem;text-align:center}.no-sessions h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.no-sessions p{color:#666;font-size:1.1rem;margin-bottom:2rem}.live-lessons-info{background:#fff;border-radius:20px;box-shadow:0 6px 20px #0000001a;margin-top:3rem;padding:3rem 2rem}.live-lessons-info h3{color:#333;font-size:1.5rem;margin-bottom:2rem;text-align:center}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background:#f8f9fa;border-radius:15px;padding:1.5rem;text-align:center;transition:all .3s ease}.info-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.info-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.info-item h4{color:#333;font-size:1.2rem;margin-bottom:.5rem}.info-item p{color:#666;line-height:1.5}.live-lessons .loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-spinner{animation:spinFast 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}.admin-user-manager{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:calc(100vh - 160px);padding:2rem}.user-management-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 25px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-content h2{color:#fff;font-size:1.8rem;margin:0 0 .5rem}.header-content p{font-size:1rem;margin:0;opacity:.9}.error-banner{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:12px;box-shadow:0 6px 20px #ff6b6b4d;color:#fff;margin-bottom:2rem;padding:1.5rem}.error-content{align-items:flex-start;display:flex;gap:1rem}.error-icon{flex-shrink:0;font-size:1.5rem}.error-content h4{color:#fff;margin:0 0 .5rem}.error-content p{margin:0 0 1rem;opacity:.9}.user-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card.total{border-left-color:#667eea}.stat-card.admins{border-left-color:#dc3545}.stat-card.teachers{border-left-color:#28a745}.stat-card.parents{border-left-color:#fd7e14}.stat-card.students{border-left-color:#007bff}.stat-card.total .stat-number{color:#667eea}.stat-card.admins .stat-number{color:#dc3545}.stat-card.teachers .stat-number{color:#28a745}.stat-card.parents .stat-number{color:#fd7e14}.stat-card.students .stat-number{color:#007bff}.user-controls{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;padding:1.5rem}.user-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.search-box{max-width:400px}.search-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:25px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.users-table-container{background:#fff;border-radius:15px;box-shadow:0 6px 20px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1.5rem 1rem;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #f1f3f4;padding:1.5rem 1rem;vertical-align:middle}.users-table tr:hover{background:#f8f9fa}.users-table tr.inactive-user{background:#fff5f5;opacity:.6}.user-info{gap:1rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.user-details{flex:1 1}.user-name{align-items:center;color:#333;display:flex;font-weight:600;gap:.5rem;margin-bottom:.25rem}.current-user{background:#28a745;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem}.user-email{color:#666;font-size:.9rem}.role-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-weight:600;min-width:100px;padding:.5rem .75rem;transition:all .3s ease}.role-select:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.status-badge{align-items:center;border-radius:15px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.4rem .8rem}.status-badge.active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.user-actions{align-items:center;display:flex;gap:.5rem}.user-actions .btn{align-items:center;border-radius:8px;display:flex;font-size:1rem;height:40px;justify-content:center;min-width:40px}.btn-success{background:#28a745}.btn-success:hover{background:#218838}.btn-warning{background:#ffc107;border:none;color:#212529}.btn-warning:hover{background:#e0a800}.updating-indicator{align-items:center;display:flex}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:16px;width:16px}.no-users{background:#fff;border-radius:15px;box-shadow:0 6px 20px #0000001a;padding:4rem 2rem;text-align:center}.no-users-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.no-users h3{color:#333;margin-bottom:1rem}.no-users p{color:#666;font-size:1.1rem}.admin-user-manager .loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:400px}.admin-panel{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:calc(100vh - 160px);padding:2rem 1rem}.admin-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 25px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:3rem;padding:2rem}.admin-header-content h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem}.admin-header-content p{font-size:1.1rem;opacity:.9}.admin-user-info{align-items:center;display:flex;gap:1rem}.admin-user-avatar{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.admin-user-details{display:flex;flex-direction:column}.admin-user-name{font-weight:600;margin-bottom:.25rem}.admin-user-role{font-size:.9rem;opacity:.8}.admin-tabs{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem}.admin-tab-button{align-items:center;background:#0000;border:none;border-radius:10px;color:#666;cursor:pointer;display:flex;font-weight:600;gap:.5rem;min-height:60px;padding:1rem 1.5rem;transition:all .3s;white-space:nowrap}.admin-tab-button:hover{background:#f8f9ff;color:#667eea;transform:translateY(-2px)}.admin-tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.admin-tab-icon{font-size:1.2rem}.admin-tab-text{font-size:1rem}.admin-content{min-height:500px}.admin-section{background:#fff;border-radius:15px;box-shadow:0 6px 20px #0000001a;padding:2rem}.section-header{margin-bottom:2rem;text-align:center}.section-header h2{color:#333;font-size:1.8rem;margin-bottom:.5rem}.section-header p{color:#666;font-size:1.1rem}.admin-form{margin:0 auto;max-width:600px}.admin-file-info{align-items:center;background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:.5rem;margin-top:.75rem;padding:.75rem}.file-icon{font-size:1.2rem}.file-name{color:#333;font-weight:600}.file-size{color:#666;font-size:.9rem}.admin-checkbox-group{margin:1.5rem 0}.admin-checkbox-label{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.admin-checkbox-label:hover{background:#f0f0f0;border-color:#667eea}.admin-checkbox-text{color:#333;font-weight:600}.admin-upload-btn{font-size:1.1rem;gap:.5rem;justify-content:center;padding:1.25rem;width:100%}.admin-upload-btn.uploading{background:linear-gradient(135deg,#ff9800,#f57c00);cursor:not-allowed}.admin-payment-settings{margin:0 auto;max-width:1000px}.admin-settings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.admin-setting-card{background:#f8f9fa;border:2px solid #eee;border-radius:15px;padding:2rem;transition:all .3s ease}.admin-setting-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.admin-setting-card.premium{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea}.admin-plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin-plan-header h4{color:#333;font-size:1.3rem;margin:0}.admin-plan-badge{border-radius:15px;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.admin-plan-badge.basic{background:#4caf50;color:#fff}.admin-plan-badge.premium{background:#667eea;color:#fff}.admin-plan-badge.family{background:#ff9800;color:#fff}.admin-price-setting{margin-bottom:1.5rem}.admin-price-setting label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.admin-price-setting input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.admin-price-setting input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-feature-list ul{list-style:none;padding:0}.admin-feature-list li{border-bottom:1px solid #eee;color:#666;padding:.5rem 0}.admin-feature-list li:last-child{border-bottom:none}.admin-payment-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;text-align:center}.admin-analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.admin-analytics-card{background:#fff;border-left:4px solid;border-radius:15px;box-shadow:0 6px 20px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.admin-analytics-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.admin-analytics-card.students{border-left-color:#4caf50}.admin-analytics-card.teachers{border-left-color:#ff9800}.admin-analytics-card.lessons{border-left-color:#2196f3}.admin-analytics-card.revenue{border-left-color:#9c27b0}.admin-card-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.8}.admin-metric-number{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.admin-analytics-card.students .admin-metric-number{color:#4caf50}.admin-analytics-card.teachers .admin-metric-number{color:#ff9800}.admin-analytics-card.lessons .admin-metric-number{color:#2196f3}.admin-analytics-card.revenue .admin-metric-number{color:#9c27b0}.admin-metric-label{color:#666;font-size:1rem;font-weight:600;margin-bottom:.5rem;opacity:.8}.admin-metric-change{border-radius:15px;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.admin-metric-change.positive{background:#d4edda;color:#155724}.admin-metric-change.neutral{background:#f8f9fa;color:#6c757d}.admin-recent-activity{background:#f8f9fa;border-radius:15px;padding:2rem}.admin-recent-activity h3{align-items:center;color:#333;display:flex;gap:.5rem;margin-bottom:1.5rem}.admin-activity-list{grid-gap:1rem;display:grid;gap:1rem}.admin-activity-item{align-items:center;background:#fff;border-left:4px solid #667eea;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.admin-activity-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.admin-activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.admin-activity-icon.user-joined{background:#e3f2fd;color:#1976d2}.admin-activity-icon.lesson-completed{background:#e8f5e8;color:#2e7d32}.admin-activity-icon.subscription{background:#fff3e0;color:#f57c00}.admin-activity-icon.lesson-upload{background:#f3e5f5;color:#7b1fa2}.admin-activity-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.admin-activity-text{color:#333;font-weight:500}.admin-activity-time{color:#666;font-size:.9rem}.quiz-manager-link{animation:pulse 2s infinite;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;font-weight:700}.quiz-manager-link:hover{background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-2px)}.mobile-header-right{align-items:center;display:flex;gap:1rem}.mobile-user-avatar{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:35px;justify-content:center;width:35px}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:.5rem;z-index:1001}.hamburger-line{background:#fff;border-radius:2px;height:3px;transform-origin:center;transition:all .3s ease;width:25px}.mobile-menu-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.mobile-menu{animation:slideInRight .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:-5px 0 25px #0000004d;height:100vh;max-width:350px;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;width:100%}.mobile-user-info{align-items:center;border-bottom:1px solid #fff3;display:flex;gap:1rem;margin-bottom:1rem;padding:2rem 1rem 1.5rem}.mobile-user-avatar-large{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.mobile-user-details{display:flex;flex-direction:column;gap:.25rem}.mobile-user-name{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.2}.mobile-user-role{align-self:flex-start;background:#ffffff1a;border-radius:10px;color:#fffc;font-size:.9rem;padding:.2rem .5rem;text-transform:capitalize}.mobile-nav{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;color:#fff;display:flex;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s ease}.mobile-nav-link:active,.mobile-nav-link:hover{background:#fff3}.mobile-nav-icon{flex-shrink:0;font-size:1.3rem;text-align:center;width:30px}.mobile-nav-text{flex:1 1;font-size:1rem;font-weight:600}.mobile-nav-arrow{font-size:1.2rem;opacity:.7}.mobile-nav-badge{animation:pulse 2s infinite;background:#f44;border-radius:8px;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem}.live-mobile{background:linear-gradient(135deg,#ff6b6b4d,#ee5a244d);border-color:#ff6b6b80}.quiz-mobile{background:linear-gradient(135deg,#4caf504d,#45a0494d);border-color:#4caf5080}.admin-mobile{background:linear-gradient(135deg,#ff98004d,#f57c004d);border-color:#ff980080}.mobile-logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:1rem;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.mobile-logout-btn:hover{background:#fff3}@media (max-width:768px){.desktop-nav{display:none}.logo h1{font-size:1.4rem}.header-container{padding:0 1rem}}@media (min-width:769px){.mobile-header-right,.mobile-menu,.mobile-menu-overlay{display:none!important}}*{-webkit-tap-highlight-color:transparent}@media (max-width:768px){.mobile-logout-btn,.mobile-menu-toggle,.mobile-nav-link{min-height:48px}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideInUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:2rem 2rem 0}.modal-header h2{color:#333;font-size:1.5rem;margin:0}.modal-close{align-items:center;background:#f8f9fa;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close:hover{background:#e9ecef;color:#333;transform:scale(1.1)}.create-class-form{padding:0 2rem 2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.learning-insights{background:#fff;border-radius:20px;box-shadow:0 6px 20px #0000001a;margin-bottom:1.5rem;padding:2rem}.learning-insights h3{color:#333;font-size:1.2rem;margin-bottom:1.5rem}.insights-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insight-item{align-items:flex-start;background:linear-gradient(135deg,#f8f9ff,#fff);border-left:4px solid #667eea;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.insight-item:hover{box-shadow:0 8px 20px #667eea26;transform:translateY(-3px)}.insight-icon{flex-shrink:0;font-size:2rem;margin-top:.25rem}.insight-content h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 .5rem}.insight-content p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.weekly-activity{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border-left:4px solid #4caf50;border-radius:12px;margin-top:1rem;padding:1.5rem}.weekly-activity h4{color:#2e7d32;font-size:1rem;font-weight:600;margin:0 0 .75rem}.activity-summary{color:#2e7d32;font-size:.9rem;font-weight:500}.live-class-card{border:1px solid #0000000d;transition:all .3s ease}.live-class-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-3px)}.live-class-time{min-width:80px;text-align:center}.live-class-info h4{line-height:1.3;margin-bottom:.5rem}.participants{font-size:.9rem;opacity:.9}.platform-health{overflow:hidden;position:relative}.platform-health:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#ffffff1a,#0000 50%,#ffffff1a);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.status-indicator{align-items:center;border-radius:15px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.4rem .8rem}.status-indicator.excellent{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-indicator.good{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-indicator.fair{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-indicator.needs_attention{background:#f5c6cb;border:1px solid #f1b0b7;color:#721c24}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#218838,#1abc9c);transform:translateY(-2px)}.btn-info{background:linear-gradient(135deg,#17a2b8,#6f42c1);border:none;color:#fff}.btn-info:hover{background:linear-gradient(135deg,#138496,#5a32a3);transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:disabled,.btn:disabled:hover{transform:none!important}@media (max-width:768px){.main-content{padding-top:160px}.header{padding:1rem 0}.header-container{flex-direction:column;gap:1rem;padding:0 1rem}.logo h1{font-size:1.5rem}.nav{flex-wrap:wrap;gap:.5rem;width:100%}.nav,.nav-link{justify-content:center}.nav-link{background:#fff3;border-radius:8px;flex:1 1;font-size:.9rem;min-height:44px;min-width:100px}.user-info{display:none}.hero{min-height:60vh;padding:4rem 1rem 3rem}.hero-buttons{align-items:center;flex-direction:column}.hero-buttons .btn{max-width:300px;width:100%}.features-grid,.pricing-grid{gap:1.5rem;grid-template-columns:1fr}.pricing-card.featured{transform:none}.stats-grid{gap:.75rem;grid-template-columns:1fr 1fr}.quick-actions{gap:.75rem;grid-template-columns:1fr}.lessons-grid{gap:1.5rem;grid-template-columns:1fr}.lesson-actions{flex-direction:column}.lesson-actions .btn{min-width:auto}.quiz-header{flex-direction:column;text-align:center}.question-card{padding:1.5rem}.auth-container{margin:1rem;padding:2rem}.modal-content{border-radius:15px;margin:1rem;max-height:95vh}.modal-header{padding:1.5rem 1.5rem 0}.create-class-form{padding:0 1.5rem 1.5rem}.form-row{gap:0;grid-template-columns:1fr}.form-actions{flex-direction:column;gap:.75rem}.insights-grid{gap:1rem;grid-template-columns:1fr}.insight-item{padding:1rem}.live-class-card{flex-direction:column;gap:1rem;text-align:center}.live-class-time{min-width:auto}.live-classes-grid{gap:1.5rem;grid-template-columns:1fr}.live-class-item{padding:1.5rem}.info-grid{grid-template-columns:1fr}.admin-panel{padding:1rem}.admin-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.admin-header-content h1{font-size:2rem}.admin-tabs{gap:.25rem;padding:.25rem}.admin-tab-button{flex-direction:column;font-size:.9rem;gap:.25rem;padding:.75rem 1rem}.admin-tab-text{font-size:.8rem}.admin-settings-grid{grid-template-columns:1fr}.admin-analytics-grid{grid-template-columns:repeat(2,1fr)}.admin-payment-actions{align-items:center;flex-direction:column}.admin-activity-item{flex-direction:column;gap:.75rem;text-align:center}.admin-activity-content{align-items:center}}@media (max-width:480px){.main-content{padding-top:180px}.mobile-optimized{padding:.75rem}.stats-grid{gap:.75rem;grid-template-columns:1fr}.stat-card{padding:1rem}.mobile-dashboard-header{padding:1.5rem}.btn{min-height:48px;padding:.75rem 1rem}.modal-overlay{padding:.5rem}.modal-header h2{font-size:1.3rem}.modal-close{height:35px;width:35px}.weekly-activity{padding:1rem}.activity-summary{font-size:.8rem}.insight-item{flex-direction:column;gap:.75rem;text-align:center}.insight-icon{font-size:1.8rem}.admin-analytics-grid{grid-template-columns:1fr}.admin-user-info{flex-direction:column;text-align:center}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.modal-close:focus{outline:3px solid #667eea80;outline-offset:2px}@media (prefers-contrast:high){.modal-content{border:2px solid #000}.insight-item,.weekly-activity{border:1px solid #333}.live-class-header{background:#000;border:2px solid #fff}.join-container{border:2px solid #000}.classroom-rules{border:2px solid #856404}}@media (prefers-reduced-motion:reduce){.insight-item,.join-class-btn,.live-class-card,.live-indicator,.loading-spinner,.modal-content,.modal-overlay{animation:none;transition:none}.platform-health:before{animation:none}.join-class-btn:hover{transform:none}}@media print{.class-actions,.form-actions,.live-lessons-header,.mobile-dashboard-header,.modal-overlay,.quick-actions,.session-filters{display:none}.insights-grid,.learning-insights,.live-class-item{break-inside:avoid;page-break-inside:avoid}.live-class-item{border:1px solid #ddd;box-shadow:none;margin-bottom:1rem}}.mobile-lesson-card{overflow:hidden;position:relative;transition:all .3s ease}.mobile-lesson-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.mobile-lesson-card.selected{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea!important}.mobile-stats{margin-bottom:1.5rem}.mobile-stats .stat-card{display:flex;flex-direction:column;justify-content:center;min-height:80px}.mobile-bulk-actions{animation:slideUpMobile .3s ease-out;background:#fff;border:2px solid #667eea;border-radius:15px;bottom:20px;box-shadow:0 10px 30px #0003;left:20px;padding:1rem;position:fixed;right:20px;z-index:100}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.mobile-action-sheet{animation:slideUpSheet .3s ease-out;background:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -10px 30px #0003;left:0;max-height:70vh;overflow-y:auto;padding:1.5rem;position:fixed;right:0;z-index:1000}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-action-sheet .sheet-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.mobile-action-sheet .sheet-title{color:#333;font-size:1.2rem;font-weight:600}.mobile-action-sheet .sheet-close{align-items:center;background:#f8f9fa;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;width:35px}.quiz-builder{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;position:relative}.quiz-step{animation:fadeInStep .5s ease-out}@keyframes fadeInStep{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-step-indicator{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;position:relative}.quiz-step-indicator:before{background:#e9ecef;content:"";height:2px;left:0;position:absolute;right:0;top:50%;z-index:0}.step-circle{align-items:center;border:3px solid;border-radius:50%;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px;z-index:1}.step-circle.active{background:#667eea;border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff;transform:scale(1.1)}.step-circle.completed{background:#4caf50;border-color:#4caf50;color:#fff}.step-circle.inactive{background:#fff;border-color:#e9ecef;color:#666}.question-type-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.question-type-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.question-type-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.question-type-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.question-type-card:hover:before{transform:scaleX(1)}.question-type-card.selected{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea;box-shadow:0 8px 25px #667eea33;transform:translateY(-3px)}.question-type-card.selected:before{transform:scaleX(1)}.question-type-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.question-type-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.question-type-description{color:#666;font-size:.9rem;line-height:1.4}.image-upload-area{background:linear-gradient(135deg,#f8f9ff,#fff);border:2px dashed #667eea;border-radius:12px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.image-upload-area.dragover,.image-upload-area:hover{background:linear-gradient(135deg,#f1f8e9,#fff);border-color:#4caf50}.image-upload-area.dragover{transform:scale(1.02)}.image-preview{display:inline-block;margin-bottom:1rem;position:relative}.image-preview img{border-radius:8px;box-shadow:0 4px 15px #0000001a;max-height:200px;max-width:100%}.image-preview .remove-image{align-items:center;background:#f44336;border:none;border-radius:50%;box-shadow:0 2px 8px #f443364d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;width:30px}.upload-progress{background:#f8f9fa;border-radius:8px;height:8px;margin:1rem 0;overflow:hidden;position:relative}.upload-progress-bar{background:linear-gradient(90deg,#667eea,#4caf50);height:100%;overflow:hidden;position:relative;transition:width .3s ease}.upload-progress-bar:after{animation:progressShine 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.option-editor{background:#fff;border:2px solid #e9ecef;border-radius:12px;margin-bottom:.75rem;padding:1rem;position:relative;transition:all .3s ease}.option-editor:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea1a}.option-editor.correct{background:linear-gradient(135deg,#f1f8e9,#fff);border-color:#4caf50}.option-letter{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:35px;justify-content:center;width:35px}.option-editor.correct .option-letter{background:#4caf50}.option-input{background:#0000;border:none;flex:1 1;font-size:1rem;margin:0 .75rem;outline:none;padding:.75rem}.option-correct-toggle{background:#e9ecef;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.option-correct-toggle.correct{background:#4caf50;color:#fff}.option-remove{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:35px;justify-content:center;margin-left:.5rem;width:35px}.questions-list{max-height:600px;overflow-y:auto;padding-right:.5rem}.questions-list::-webkit-scrollbar{width:6px}.questions-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.questions-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.question-list-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.question-list-item:before{background:#667eea;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.question-list-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateX(3px)}.question-list-item:hover:before{transform:scaleY(1)}.question-list-item.editing{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea;box-shadow:0 6px 20px #667eea33;transform:translateX(3px)}.question-list-item.editing:before{transform:scaleY(1)}.question-number{background:#667eea;border-radius:15px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.75rem;padding:.25rem .75rem}.question-preview{color:#333;font-size:.95rem;line-height:1.4;margin-bottom:1rem}.question-image-thumb{border:2px solid #e9ecef;border-radius:8px;height:60px;margin-bottom:.75rem;object-fit:cover;width:60px}.question-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.question-tag{border-radius:12px;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.question-tag.points{background:#e8f5e8;color:#2e7d32}.question-tag.type{background:#fff3e0;color:#f57c00}.question-tag.category{background:#e3f2fd;color:#1976d2}.question-actions{display:flex;gap:.5rem;justify-content:flex-end}.question-action-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;height:35px;justify-content:center;transition:all .3s ease;width:35px}.question-action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.question-action-btn.edit{border-color:#2196f3;color:#2196f3}.question-action-btn.edit:hover{background:#2196f3;color:#fff}.question-action-btn.delete{border-color:#f44336;color:#f44336}.question-action-btn.delete:hover{background:#f44336;color:#fff}.question-action-btn.move{border-color:#9c27b0;color:#9c27b0}.question-action-btn.move:hover{background:#9c27b0;color:#fff}.question-action-btn:disabled{cursor:not-allowed;opacity:.5}.quiz-review{background:#fff;border-radius:15px;box-shadow:0 6px 20px #0000001a;padding:2rem}.quiz-summary-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.summary-section{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;padding:1.5rem}.summary-title{color:#667eea;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.summary-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.5rem 0}.summary-item:last-child{border-bottom:none}.summary-label{color:#333;font-weight:500}.summary-value{color:#667eea;font-weight:600}.question-preview-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.question-preview-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.question-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.question-preview-number{background:#667eea;border-radius:20px;color:#fff;font-weight:600;padding:.5rem 1rem}.question-preview-points{background:#4caf50;border-radius:15px;color:#fff;font-size:.9rem;font-weight:600;padding:.3rem .8rem}.question-preview-text{color:#333;font-size:1.1rem;line-height:1.5;margin-bottom:1rem}.question-preview-image{border:2px solid #e9ecef;border-radius:8px;margin-bottom:1rem;max-height:150px;max-width:200px;object-fit:cover}.options-preview{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.option-preview{align-items:center;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.option-preview.correct{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border-color:#4caf50}.option-preview-letter{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:30px;justify-content:center;width:30px}.option-preview.correct .option-preview-letter{background:#4caf50}.option-preview-text{color:#333;flex:1 1}.option-preview-check{color:#4caf50;font-size:1.1rem;font-weight:600}.explanation-preview{background:linear-gradient(135deg,#e3f2fd,#f8f9fa);border-left:4px solid #2196f3;border-radius:8px;margin-top:1rem;padding:1rem}.explanation-label{color:#1976d2;font-weight:600;margin-bottom:.5rem}.explanation-text{color:#333;line-height:1.5;margin:0}.mobile-quiz-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:1rem}.mobile-quiz-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:1rem;padding:1rem}.mobile-quiz-progress{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.mobile-quiz-progress-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;margin:0 1rem;overflow:hidden}.mobile-quiz-progress-fill{background:linear-gradient(90deg,#667eea,#4caf50);height:100%;transition:width .5s ease}.mobile-question-card{animation:slideInQuestion .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;margin-bottom:1rem;padding:1.5rem}@keyframes slideInQuestion{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.mobile-question-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.mobile-question-text{color:#333;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.mobile-question-image{border:2px solid #e9ecef;border-radius:12px;margin-bottom:1.5rem;max-height:200px;object-fit:cover;width:100%}.mobile-options{display:flex;flex-direction:column;gap:1rem}.mobile-option{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.mobile-option:before{background:#667eea;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.mobile-option:hover{background:#f8f9ff;border-color:#667eea;transform:translateX(3px)}.mobile-option:hover:before{transform:scaleY(1)}.mobile-option.selected{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea;box-shadow:0 4px 15px #667eea33;transform:translateX(3px)}.mobile-option.selected:before{transform:scaleY(1)}.mobile-option.correct{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border-color:#4caf50}.mobile-option.incorrect{background:linear-gradient(135deg,#ffebee,#fff);border-color:#f44336}.mobile-option-letter{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.mobile-option.correct .mobile-option-letter,.mobile-option.selected .mobile-option-letter{background:#4caf50}.mobile-option.incorrect .mobile-option-letter{background:#f44336}.mobile-option-text{color:#333;flex:1 1;font-size:1rem;line-height:1.4}.mobile-quiz-actions{display:flex;gap:1rem;margin-top:2rem}.mobile-quiz-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;min-height:50px;padding:1rem;transition:all .3s ease}.mobile-quiz-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mobile-quiz-btn.primary:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.mobile-quiz-btn.secondary{background:#fff;border:2px solid #667eea;color:#667eea}.mobile-quiz-btn.secondary:hover{background:#667eea;color:#fff}.mobile-quiz-timer{align-items:center;animation:pulse 1s infinite;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:20px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1rem}.mobile-quiz-timer.warning{animation:fastPulse .5s infinite;background:linear-gradient(135deg,#f44336,#d32f2f)}@keyframes fastPulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.quiz-builder{padding:1rem}.quiz-step{max-width:100%}.question-type-grid{gap:.75rem;grid-template-columns:1fr}.question-type-card{padding:1rem}.quiz-summary-grid{gap:1rem;grid-template-columns:1fr}.mobile-option{padding:.75rem}.mobile-option-letter{font-size:1rem;height:35px;width:35px}.mobile-quiz-actions,.option-editor{flex-direction:column}.option-editor{align-items:stretch;gap:.75rem}.option-letter{align-self:flex-start}.option-input{margin:0}.question-actions{flex-direction:column;gap:.5rem}.question-action-btn{height:40px;justify-content:flex-start;padding-left:1rem;width:100%}}@media (max-width:480px){.mobile-quiz-container,.quiz-builder{padding:.5rem}.mobile-question-card{padding:1rem}.mobile-option{gap:.75rem;padding:.75rem}.mobile-option-letter{font-size:.9rem;height:30px;width:30px}.step-circle{font-size:1rem;height:40px;width:40px}.image-upload-area{padding:1.5rem}.question-list-item{padding:1rem}}.quiz-loading{align-items:center;color:#667eea;display:flex;flex-direction:column;justify-content:center;min-height:300px}.quiz-loading-spinner{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:1rem;width:50px}.quiz-loading-text{font-size:1.1rem;font-weight:600;text-align:center}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{border-radius:4px;height:1rem;margin-bottom:.5rem}.skeleton-text.large{height:1.5rem}.skeleton-text.small{height:.75rem;width:60%}.skeleton-card{border-radius:12px;height:200px;margin-bottom:1rem}.quiz-success{animation:successBounce .6s ease-out;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:15px;color:#fff;padding:2rem;text-align:center}@keyframes successBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.quiz-error{animation:errorShake .6s ease-out;background:linear-gradient(135deg,#f44336,#d32f2f);border-radius:15px;color:#fff;padding:2rem;text-align:center}@keyframes errorShake{0%,20%,40%,60%,80%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}}.mobile-fab{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:20px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-size:1.5rem;height:60px;position:fixed;right:20px;transition:all .3s ease;width:60px;z-index:1000}.mobile-fab:hover{box-shadow:0 12px 35px #667eea66;transform:scale(1.1)}.mobile-fab:active{transform:scale(.95)}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible{outline:3px solid #667eea80;outline-offset:2px}@media (prefers-contrast:high){.mobile-option,.question-type-card{border-width:3px}.quiz-builder{background:#fff}}@media (prefers-reduced-motion:reduce){.mobile-option,.mobile-question-card,.question-type-card,.quiz-error,.quiz-step,.quiz-success{animation:none}.mobile-option:hover,.mobile-quiz-btn:hover,.question-type-card:hover{transform:none}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-nav-link:active,.mobile-nav-link:hover{background:#fff3!important;transform:translateX(5px)}.mobile-logout-btn:hover{background:#fff3!important}.quiz-modal-overlay{alignItems:center;justifyContent:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;bottom:0;display:flex;left:0;overflow:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.quiz-modal-content{borderRadius:20px;maxWidth:800px;maxHeight:90vh;boxShadow:0 20px 50px #0000004d;animation:modalSlideIn .3s ease-out;background:#fff;overflow:auto;position:relative;width:100%}.quiz-modal-close{borderRadius:50%;alignItems:center;justifyContent:center;fontSize:20px;fontWeight:bold;zIndex:10001;boxShadow:0 2px 10px #0000001a;background:#ffffffe6;border:none;color:#666;cursor:pointer;display:flex;height:40px;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px}.quiz-modal-close:hover{background:#f44336;color:#fff;transform:scale(1.1)}.quiz-modal-header{borderRadius:20px 20px 0 0;marginBottom:0;alignItems:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:1rem;padding:1.5rem 2rem}.quiz-modal-lesson-title{fontSize:.9rem;marginBottom:.25rem;opacity:.9}.quiz-modal-quiz-title{fontSize:1.2rem;fontWeight:bold;marginBottom:.25rem}.quiz-modal-quiz-meta{fontSize:.8rem;opacity:.8}.quiz-modal-player{minHeight:400px;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.completion-message{alignItems:center;marginTop:1rem;borderRadius:12px;background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border:2px solid #4caf50;color:#2e7d32;display:flex;gap:.75rem;padding:1rem}.completion-icon{fontSize:1.5rem}.learning-tips{borderRadius:15px;marginTop:2rem;background:#f8f9fa;padding:2rem}.learning-tips h3{textAlign:center;marginBottom:2rem;fontSize:1.3rem;color:#333}.tips-grid{gridTemplateColumns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;display:grid;gap:1.5rem}.tip-item{alignItems:flex-start;borderRadius:12px;boxShadow:0 4px 15px #0000001a;background:#fff;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.tip-item:hover{boxShadow:0 8px 25px #00000026;transform:translateY(-3px)}.tip-icon{fontSize:2rem;flexShrink:0}.tip-item p{lineHeight:1.5;color:#333;margin:0}.tip-item strong{color:#667eea}.next-lesson{borderRadius:15px;textAlign:center;marginBottom:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem}.next-lesson h3{marginBottom:.5rem;fontSize:1.3rem}.next-lesson p{marginBottom:1.5rem;opacity:.9}.next-lesson .btn{textDecoration:none;background:#fff3;border:2px solid #ffffff4d;color:#fff}.next-lesson .btn:hover{borderColor:#fff9;background:#ffffff4d;color:#fff}@media (max-width:768px){.quiz-modal-overlay{padding:10px}.quiz-modal-content{maxHeight:95vh;borderRadius:15px}.quiz-modal-header{borderRadius:15px 15px 0 0;padding:1.5rem}.quiz-modal-close{fontSize:18px;height:35px;right:10px;top:10px;width:35px}.tips-grid{gridTemplateColumns:1fr;gap:1rem}.tip-item{flexDirection:column;textAlign:center;padding:1rem}.tip-icon{fontSize:1.5rem}}@media (max-width:480px){.quiz-modal-overlay{padding:5px}.quiz-modal-header{padding:1rem}.quiz-modal-quiz-title{fontSize:1rem}.learning-tips,.next-lesson{padding:1.5rem}}.quiz-modal-overlay *{boxSizing:border-box}@media (prefers-reduced-motion:reduce){.quiz-modal-content,.quiz-modal-overlay,.tip-item{animation:none;transition:none}.quiz-modal-close:hover,.tip-item:hover{transform:none}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.user-management-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:1rem;padding:1rem}}