@charset "UTF-8";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0d0d0d,#151515,#0d0d0d);z-index:0}.galaxy-animation{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,232,157,.08) 0%,transparent 50%);animation:galaxy-pulse 8s ease-in-out infinite}.login-content{position:relative;z-index:1;width:100%;max-width:450px;padding:2rem}.login-box{background:#1a1a1af2;border-radius:16px;padding:3rem 2.5rem;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border)}.login-logo{text-align:center;margin-bottom:2.5rem;display:flex;justify-content:center;align-items:center}.login-logo-image{height:80px;width:auto;object-fit:contain;margin:0 auto}.login-title{text-align:center;margin-bottom:.5rem;color:var(--accent)}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.95rem;font-weight:500;color:var(--text-secondary)}.form-group input{padding:.9rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:1rem;font-family:var(--font-body);transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00e89d26}.btn-primary{padding:1rem;border-radius:var(--btn-radius);background:var(--accent);color:var(--text-on-accent);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;margin-top:.5rem}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00e89d4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-link{color:var(--text-secondary);font-size:.9rem;text-align:center;margin-top:.5rem;transition:color .3s ease}.btn-link:hover{color:var(--accent)}.btn-secondary{padding:.9rem;border-radius:8px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);font-size:1rem;transition:all .3s ease}.btn-secondary:hover{border-color:var(--accent);transform:translateY(-2px)}.error-message{padding:.8rem;border-radius:6px;background:#e509141a;border:1px solid rgba(229,9,20,.3);color:#f44;font-size:.9rem}.reset-password-form{display:flex;flex-direction:column;gap:1.5rem}.reset-info{text-align:center;color:var(--text-secondary);line-height:1.6}.login-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media (max-width: 768px){.login-content{padding:1rem}.login-box{padding:2rem 1.5rem}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0d0d0df2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.08)}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);z-index:1}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 4%;max-width:1920px;margin:0 auto;min-height:70px}.header-logo{cursor:pointer;transition:transform .3s ease;display:flex;align-items:center;gap:1rem}.header-logo:hover{transform:scale(1.05)}.logo-image{height:40px;width:auto;object-fit:contain}.header-right{display:flex;align-items:center;gap:2rem}.user-menu{position:relative;display:flex;align-items:center;gap:.8rem;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:background .3s ease}.user-menu:hover{background:#ffffff0d}.user-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.user-avatar-initial{width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;font-family:var(--font-heading);flex-shrink:0}.user-name{font-weight:500;font-size:.95rem;color:var(--text-primary)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;min-width:250px;box-shadow:0 8px 24px #00000080;overflow:hidden;animation:fadeIn .2s ease-out}.menu-item{padding:1rem 1.2rem;width:100%;text-align:left}.menu-user-info{display:flex;align-items:center;gap:.8rem}.menu-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.menu-avatar-initial{width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0}.menu-user-text{min-width:0;overflow:hidden}.menu-user-name{font-weight:600;font-size:.9rem;margin-bottom:.2rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-user-email{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-divider{height:1px;background:var(--border)}.menu-button{color:var(--text-primary);transition:all .2s ease;cursor:pointer;font-size:.9rem}.menu-button:hover{background:#00e89d1a;color:var(--accent)}.menu-logout{color:#f44}.menu-logout:hover{background:#ff44441a;color:#f44}@media (max-width: 768px){.user-name{display:none}.user-menu{padding:.3rem}}.courses-page{min-height:100vh;padding-bottom:4rem}.courses-hero{background:linear-gradient(135deg,#151515,#0d0d0d);padding:8rem 4% 5rem;margin-top:70px;position:relative;overflow:hidden;min-height:40vh;display:flex;align-items:center}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 50%,rgba(0,232,157,.06) 0%,transparent 60%);z-index:0}.hero-content{position:relative;z-index:1;max-width:1920px;margin:0 auto;text-align:left}.hero-content h1{margin-bottom:1rem;animation:fadeIn .8s ease-out;text-transform:uppercase;letter-spacing:2px}.hero-content p{font-size:1.2rem;color:var(--text-secondary);animation:fadeIn .8s ease-out .1s both;margin-bottom:2rem;max-width:600px;line-height:1.7}.hero-stats{display:flex;gap:2rem;animation:fadeIn .8s ease-out .2s both}.hero-stat{display:flex;flex-direction:column;gap:.3rem}.stat-number{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;color:var(--accent);font-family:var(--font-heading);line-height:1}.stat-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.courses-container{margin-top:3rem;padding-bottom:3rem}.section-title{margin-bottom:2rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;font-size:clamp(1.3rem,3vw,1.8rem)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;animation:fadeIn .8s ease-out .3s both}.product-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden;transition:all .3s ease}.product-card.clickable{cursor:pointer}.product-card.clickable:hover{border-color:var(--accent);box-shadow:0 8px 30px #00e89d1a;transform:translateY(-4px)}.product-card.disabled{opacity:.6}.product-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 0}.product-name{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.3;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-status{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.3rem .8rem;border-radius:20px;white-space:nowrap;flex-shrink:0}.status-active{background:#00e89d26;color:var(--accent);border:1px solid rgba(0,232,157,.3)}.status-pending{background:#ffc10726;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.status-canceled{background:#ff444426;color:#f44;border:1px solid rgba(255,68,68,.3)}.status-expired{background:#b0b8d126;color:var(--text-secondary);border:1px solid rgba(176,184,209,.3)}.product-card-body{padding:1.2rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.product-info-row{display:flex;justify-content:space-between;align-items:center}.product-info-label{font-size:.85rem;color:var(--text-secondary)}.product-info-value{font-size:.9rem;font-weight:500;color:var(--text-primary)}.product-card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border)}.product-action{font-size:.9rem;font-weight:600;color:var(--accent);transition:letter-spacing .3s ease}.product-card.clickable:hover .product-action{letter-spacing:2px}.loading-container,.error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem}.error-container p{color:#f44;font-size:1.1rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-state p{font-size:1.2rem}@media (max-width: 768px){.courses-hero{padding:6rem 4% 3rem;min-height:35vh}.hero-content h1{font-size:1.8rem}.hero-content p{font-size:1rem}.stat-number{font-size:2rem}.products-grid{grid-template-columns:1fr;gap:1rem}.courses-container{margin-top:2rem}.section-title{font-size:1.3rem;margin-bottom:1.5rem}}.module-carousel-wrapper{padding:2rem 0}.module-carousel{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem;padding:1rem 0}.module-card{background:var(--bg-card);border-radius:var(--card-radius);overflow:hidden;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;border:1px solid var(--border)}.module-card:hover{box-shadow:0 12px 40px #00e89d1f;border-color:var(--accent);transform:translateY(-8px)}.module-card-image{position:relative;height:225px;overflow:hidden}.module-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.module-card:hover .module-card-image img{transform:scale(1.1)}.module-number{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:var(--accent);color:var(--text-on-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 2px 8px #0000004d}.module-card-content{padding:2rem}.module-card-content h3{font-size:1.5rem;margin-bottom:.8rem;color:var(--text-primary)}.module-card-content p{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.placeholder-emoji{font-size:2.5rem;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.placeholder-title-small{font-size:.95rem;font-weight:600;color:#fff;text-align:center;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.module-carousel-wrapper{padding:1rem 0}.module-carousel{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0}.module-card-image{height:140px}.module-card-content{padding:1rem}.module-card-content h3{font-size:1.1rem}.module-card-content p{font-size:.85rem}}.course-detail-page{min-height:100vh;padding-bottom:4rem}.course-hero{position:relative;height:60vh;min-height:400px;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding-bottom:3rem;margin-top:70px}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#0d0d0d,#0d0d0db3,#0d0d0d4d)}.course-hero .hero-content{position:relative;z-index:1;animation:fadeIn .8s ease-out}.course-hero h1{margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.course-hero p{font-size:1.3rem;max-width:800px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.modules-section{margin-top:3rem}.section-title{margin-top:4rem;margin-bottom:2rem}.no-enrollment-container{margin-top:70px;min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:2rem}.no-enrollment-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--card-radius);padding:4rem 3rem;text-align:center;max-width:500px;animation:fadeIn .6s ease-out}.no-enrollment-icon{font-size:3.5rem;margin-bottom:1.5rem}.no-enrollment-card h2{font-size:1.5rem;margin-bottom:1rem;color:var(--accent)}.no-enrollment-card p{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.student-modules-grid{display:grid;grid-template-columns:1fr;gap:1rem}.student-module-card{display:flex;align-items:center;gap:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--card-radius);padding:1.5rem;cursor:pointer;transition:all .3s ease}.student-module-card.module-completed{border-color:#00e89d4d;background:#00e89d08}.student-module-card:hover{border-color:var(--accent);transform:translate(4px);box-shadow:0 4px 20px #00e89d14}.student-module-number{width:48px;height:48px;background:var(--accent);color:var(--text-on-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;flex-shrink:0}.student-module-info{flex:1}.student-module-info h3{font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.student-module-info p{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.student-module-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.3rem}.student-module-lessons{font-size:.8rem;color:var(--accent);font-weight:600}.student-module-exams{font-size:.8rem;color:#ffc107;font-weight:600}.student-module-progress{display:flex;align-items:center;gap:.8rem;margin-top:.5rem}.progress-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.progress-text{font-size:.75rem;font-weight:700;color:var(--accent);min-width:35px}.exams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.exam-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--card-radius);padding:1.5rem;cursor:pointer;transition:all .3s ease}.exam-card:hover{border-color:var(--accent);transform:translateY(-4px)}.exam-card h3{font-size:1.1rem;margin-bottom:.5rem}.exam-card p{font-size:.9rem;color:var(--text-secondary)}.exams-section{margin-top:2rem;padding-bottom:2rem}.exam-placeholder{background:var(--bg-tertiary);border:1px dashed var(--border);border-radius:var(--card-radius);padding:4rem 2rem;text-align:center;animation:fadeIn .6s ease-out}.exam-placeholder-icon{font-size:3rem;margin-bottom:1rem}.exam-placeholder h3{font-size:1.5rem;color:var(--accent);margin-bottom:.8rem}.exam-placeholder p{font-size:1rem;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.7}@media (max-width: 768px){.course-hero{height:50vh;min-height:300px;padding-bottom:2rem}.course-hero p{font-size:1rem}}.module-detail-page{min-height:100vh;padding-bottom:4rem}.module-hero{position:relative;height:60vh;min-height:400px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;margin-top:70px;overflow:hidden}.galaxy-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(0,232,157,.1) 0%,rgba(0,204,136,.05) 50%,transparent 100%);animation:galaxy-float 10s ease-in-out infinite}.module-hero .hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0d0d0d66,#0d0d0db3,#0d0d0df2)}.module-hero .hero-content{position:relative;z-index:1;text-align:center;animation:fadeIn .8s ease-out}.module-number-badge{display:inline-flex;width:60px;height:60px;background:var(--accent);color:var(--text-on-accent);border-radius:50%;align-items:center;justify-content:center;font-weight:700;font-size:1.8rem;margin:0 auto 1.5rem;box-shadow:0 4px 16px #00e89d4d}.module-hero h1{margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.module-hero p{font-size:1.3rem;max-width:800px;margin:0 auto;text-shadow:0 1px 4px rgba(0,0,0,.8)}.lessons-section{margin-top:3rem}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;animation:fadeIn .8s ease-out}.lesson-card{background:var(--bg-card);border-radius:var(--card-radius);overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border)}.lesson-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00e89d1f;border-color:var(--accent)}.lesson-card-image{position:relative;height:200px;overflow:hidden}.lesson-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.lesson-card:hover .lesson-card-image img{transform:scale(1.1)}.lesson-card.lesson-completed{border-color:#00e89d4d}.lesson-progress-badge{position:absolute;top:1rem;left:1rem;background:#0d0d0dd9;color:var(--accent);padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lesson-progress-bar-wrapper{display:flex;align-items:center;gap:.6rem;margin-top:.6rem}.lesson-progress-bar-wrapper .progress-bar{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.lesson-progress-bar-wrapper .progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.lesson-progress-bar-wrapper .progress-text{font-size:.7rem;font-weight:700;color:var(--accent);min-width:30px;text-align:right}.lesson-exam-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.8rem}.lesson-exam-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;background:#00e89d14;border:1px solid rgba(0,232,157,.2);border-radius:var(--btn-radius);color:var(--accent);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.lesson-exam-btn:hover:not(.locked){background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.lesson-exam-btn.locked{opacity:.5;cursor:not-allowed;color:var(--text-secondary);border-color:var(--border);background:transparent}.lesson-completed-badge{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);font-weight:700;box-shadow:0 2px 8px #0000004d}.lesson-card-content{padding:2rem}.lesson-card-content h3{font-size:clamp(1rem,2vw,1.4rem);margin-bottom:.8rem;color:var(--text-primary)}.lesson-card-content p{font-size:1rem;color:var(--text-secondary);line-height:1.6}.placeholder-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-tertiary)}.placeholder-text{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.placeholder-emoji{font-size:2rem;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.placeholder-title-small{font-size:.85rem;font-weight:600;color:#fff;text-align:center;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.module-exams-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.module-exams-grid{display:flex;flex-direction:column;gap:.8rem}.module-exam-card{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--card-radius);cursor:pointer;transition:all .3s ease}.module-exam-card:hover:not(.locked){border-color:var(--accent);background:#00e89d0a}.module-exam-card.locked{opacity:.6;cursor:not-allowed}.module-exam-icon{flex-shrink:0;display:flex}.module-exam-info{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.module-exam-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.module-exam-lesson{font-size:.8rem;color:var(--text-secondary)}.module-exam-meta{font-size:.75rem;color:var(--accent);font-weight:600}.module-exam-action{font-size:.85rem;font-weight:600;color:var(--accent);white-space:nowrap;flex-shrink:0}.module-exam-locked-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}@media (max-width: 768px){.module-hero{height:50vh;min-height:300px}.module-number-badge{width:50px;height:50px;font-size:1.5rem}.module-hero p{font-size:1rem}.lessons-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.lesson-card-image{height:120px}.lesson-card-content{padding:1rem}.lesson-card-content h3{font-size:1rem}.lesson-card-content p{font-size:.85rem}}@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .1s ease-in-out}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translate(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;top:0;right:0;bottom:0;left:0;margin:0;position:fixed;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;cursor:pointer;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{filter:blur(1px);height:100%;top:0;right:0;bottom:0;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}.video-player-container{width:100%;height:100%;background:#000;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.plyr{border-radius:8px;width:100%;height:100%}.plyr__video-embed{padding-bottom:56.25%;position:relative;background:#000;width:100%;height:0}.plyr__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.plyr--full-ui input[type=range]{color:var(--accent)}.plyr__control--overlaid{background:var(--accent);color:var(--text-on-accent)}.plyr__control--overlaid:hover{background:var(--accent-hover)}.plyr__control.plyr__tab-focus,.plyr__control:hover,.plyr__control[aria-expanded=true],.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:var(--accent);color:var(--text-on-accent)}.video-error{background:var(--bg-card);padding:3rem;text-align:center;border-radius:8px;color:#f44}.video-error p{margin:.5rem 0}.video-error-hint{font-size:.9rem;color:var(--text-secondary)!important;margin-top:.5rem}.pdf-viewer-container{width:100%;height:100%;background:#000;border-radius:8px;overflow:hidden;position:relative;min-height:600px}.pdf-iframe{width:100%;height:100%;border:none}@media (max-width: 768px){.pdf-viewer-container{height:50vh;min-height:300px;border-radius:0;margin:0}.pdf-iframe{height:100%;width:100%;transform:scale(1);transform-origin:top left}}.pdf-download{position:absolute;bottom:1rem;right:1rem;z-index:10}.btn-download-pdf{background:var(--accent);color:var(--text-on-accent);padding:.8rem 1.5rem;border-radius:var(--btn-radius);font-weight:600;transition:all .3s ease;display:inline-block;box-shadow:0 4px 12px #0000004d}.btn-download-pdf:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #00e89d4d}.pdf-error{background:var(--bg-card);padding:3rem;text-align:center;border-radius:8px;color:#f44;height:100%;display:flex;align-items:center;justify-content:center}.lesson-detail-page{min-height:100vh;padding-top:70px;background:var(--bg-primary)}.lesson-container{display:grid;grid-template-columns:1fr 340px;gap:0;max-width:1920px;margin:0 auto;min-height:calc(100vh - 70px)}.video-section{background:#000;position:relative;display:flex;flex-direction:column;padding:0;height:calc(100vh - 70px);min-width:0}.media-tabs{display:flex;gap:0;background:#0d0d0de6;border-bottom:1px solid var(--border);padding:0 2rem;align-items:center}.btn-back-inline{background:transparent;color:var(--text-primary);padding:1rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;margin-right:auto}.btn-back-inline:hover{color:var(--accent);background:#ffffff0d}.video-header-bar{display:flex;align-items:center;background:#0d0d0de6;border-bottom:1px solid var(--border);padding:0 2rem}.media-tab{padding:1rem 2rem;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:all .3s ease;border-bottom:3px solid transparent;cursor:pointer}.media-tab:hover{color:var(--text-primary);background:#ffffff0d}.media-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.media-content{flex:1;display:flex;flex-direction:column;padding:0;min-height:0;width:100%;height:100%}.media-section{display:none;width:100%;height:100%;flex:1;align-items:center;justify-content:center}.media-section.active{display:flex}.no-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.video-section.fullscreen-video{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;padding:0}.fullscreen-toggle{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .3s ease}.fullscreen-toggle:hover{background:var(--accent);color:var(--text-on-accent)}.lesson-data{background:var(--bg-secondary);overflow-y:auto;max-height:calc(100vh - 70px)}.lesson-data.hidden{display:none}.lesson-data::-webkit-scrollbar{width:8px}.lesson-data::-webkit-scrollbar-track{background:var(--bg-primary)}.lesson-data::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}.tabs-header{display:flex;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-secondary);z-index:10}.tab{flex:1;padding:1.2rem;background:none;color:var(--text-secondary);font-size:1rem;font-weight:500;transition:all .3s ease;border-bottom:3px solid transparent}.tab:hover{color:var(--text-primary);background:#ffffff05}.tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.tabs-content{padding:2rem}.info-tab h2{margin-bottom:1rem;font-size:clamp(1.3rem,3vw,1.8rem)}.description{margin-bottom:1.5rem;line-height:1.8;font-size:1rem}.btn-see-more{background:var(--accent);color:var(--text-on-accent);padding:.8rem 1.5rem;border-radius:var(--btn-radius);font-weight:600;transition:all .3s ease;margin-bottom:1.5rem}.btn-see-more:hover{background:var(--accent-hover);transform:translateY(-2px)}.lesson-link{display:inline-block;padding:.8rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--btn-radius);margin-right:1rem;margin-bottom:1rem;transition:all .3s ease;color:var(--text-primary)}.lesson-link:hover{border-color:var(--accent);transform:translateY(-2px)}.sub-lessons-section{margin-top:2rem}.sub-lessons-section h3{margin-bottom:1rem;font-size:1.4rem}.sub-lessons-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.sub-lesson-item{background:var(--bg-card);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid var(--border)}.sub-lesson-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00e89d26;border-color:var(--accent)}.sub-lesson-item img{width:100%;height:100px;object-fit:cover}.sub-lesson-item-info{padding:.8rem}.sub-lesson-item-info h4{font-size:.9rem;color:var(--text-primary)}.ai-tab{min-height:600px}.ai-container{width:100%;min-height:600px}.full-description-view{width:100%;height:100%;background:var(--bg-primary);padding:2rem;overflow-y:auto}.close-description{background:var(--accent);color:var(--text-on-accent);padding:.8rem 1.5rem;border-radius:var(--btn-radius);margin-bottom:2rem;font-weight:600;transition:all .3s ease}.close-description:hover{background:var(--accent-hover)}.description-content h2{margin-bottom:1.5rem;font-size:2rem}.description-text{line-height:1.8;font-size:1.1rem;color:var(--text-secondary);white-space:pre-wrap}.pdf-link{display:inline-block;margin-top:2rem;padding:1rem 2rem;background:var(--accent);color:var(--text-on-accent);border-radius:var(--btn-radius);font-weight:600;transition:all .3s ease}.pdf-link:hover{background:var(--accent-hover);transform:translateY(-2px)}.iframe-container{width:100%;height:100%;display:flex;flex-direction:column}.lesson-iframe{flex:1;width:100%;border:none;background:#fff}.btn-open-browser{display:block;text-align:center;padding:.8rem 1.5rem;background:var(--accent);color:var(--text-on-accent);font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-open-browser:hover{background:var(--accent-hover)}.sub-lessons-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0d0d0df2;padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .5s ease-out}.sub-lessons-overlay h3{color:#fff;margin-bottom:2rem;font-size:2rem}.sub-lessons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;width:100%;max-width:900px}.sub-lesson-card{background:var(--bg-card);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid var(--border)}.sub-lesson-card:hover{transform:scale(1.05);box-shadow:0 8px 24px #00e89d26;border-color:var(--accent)}.sub-lesson-card img{width:100%;height:120px;object-fit:cover}.sub-lesson-info{padding:1rem}.sub-lesson-info h4{font-size:1rem;color:var(--text-primary)}.lesson-text-content{width:100%;height:100%;overflow-y:auto;padding:2rem;background:var(--bg-secondary);-webkit-overflow-scrolling:touch}.lesson-html-content{max-width:800px;margin:0 auto;color:var(--text-secondary);font-size:1rem;line-height:1.8}.lesson-html-content p{margin-bottom:1rem;color:var(--text-secondary);line-height:1.8}.lesson-html-content h1,.lesson-html-content h2,.lesson-html-content h3,.lesson-html-content h4{color:var(--text-primary);margin:1.5rem 0 .8rem}.lesson-html-content h1{font-size:1.8rem}.lesson-html-content h2{font-size:1.5rem}.lesson-html-content h3{font-size:1.3rem}.lesson-html-content ul,.lesson-html-content ol{padding-left:1.5rem;margin-bottom:1rem}.lesson-html-content li{margin-bottom:.4rem;color:var(--text-secondary)}.lesson-html-content a{color:var(--accent);text-decoration:underline}.lesson-html-content strong,.lesson-html-content b{color:var(--text-primary);font-weight:600}.lesson-html-content blockquote{border-left:3px solid var(--accent);padding-left:1rem;margin:1rem 0;color:var(--text-secondary);font-style:italic}.lesson-html-content img{max-width:100%;border-radius:8px;margin:1rem 0}.lesson-html-content table{width:100%;border-collapse:collapse;margin:1rem 0}.lesson-html-content th,.lesson-html-content td{padding:.6rem 1rem;border:1px solid var(--border);text-align:left}.lesson-html-content th{background:var(--bg-card);color:var(--text-primary)}.lesson-documents-content{width:100%;height:100%;overflow-y:auto;padding:2.5rem}.lesson-documents-content h3{font-size:1.3rem;margin-bottom:1.5rem;color:var(--text-primary)}.documents-grid{display:flex;flex-direction:column;gap:.8rem;max-width:600px}.document-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit}.document-card:hover{border-color:var(--accent);background:#00e89d0a}.document-icon{flex-shrink:0;display:flex}.document-info{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.document-name{font-size:.95rem;font-weight:600;color:var(--text-primary);word-break:break-word}.document-meta{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.document-download{flex-shrink:0;opacity:.6;transition:opacity .2s}.document-card:hover .document-download{opacity:1}.no-documents{color:var(--text-secondary);text-align:center;padding:3rem}.lesson-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.sidebar-content-list{margin-bottom:1.5rem}.sidebar-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:.8rem}.sidebar-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.7rem 1rem;background:none;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-bottom:.3rem;text-align:left}.sidebar-item:hover{background:#ffffff08;color:var(--text-primary)}.sidebar-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-item.active{background:#00e89d14;border-color:#00e89d33;color:var(--accent)}.sidebar-item.exam-item{color:var(--accent)}.sidebar-item.exam-item.locked{opacity:.5;cursor:not-allowed;color:var(--text-secondary)}.lesson-navigation{margin-bottom:1.5rem}.nav-buttons{display:flex;flex-direction:column;gap:.5rem}.nav-btn{padding:.7rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s ease;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.nav-btn:hover{border-color:var(--accent);color:var(--accent)}.nav-btn.nav-next{text-align:right}@media (max-width: 1024px){.lesson-container{grid-template-columns:1fr;min-height:auto}.video-section{height:auto}.media-content{height:56vh;min-height:350px}.lesson-text-content,.lesson-documents-content{height:auto;min-height:auto}.lesson-data{max-height:none}}@media (max-width: 768px){.lesson-container{grid-template-columns:1fr;min-height:auto}.video-section{padding:0;height:auto;min-height:0}.video-section:has(.video-player-container) .media-content{height:56vw;min-height:220px}.lesson-text-content,.lesson-documents-content{height:auto;min-height:auto;padding:1.5rem}.media-content{padding:0;min-height:0;height:auto}.media-tabs{display:none}.media-content{flex-direction:column;height:auto}.media-section{display:flex;height:auto;flex:none}.lesson-data{max-height:none}.tabs-content{padding:1rem}.info-tab h2{font-size:1.3rem}.description{font-size:.9rem}.sub-lessons-list{grid-template-columns:repeat(2,1fr);gap:1rem}.sub-lessons-overlay{padding:1.5rem}.sub-lessons-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.full-description-view{padding:1rem}.description-content h2{font-size:1.5rem}.description-text{font-size:1rem}}.image-view{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000}.image-view img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.no-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-card);color:var(--text-secondary)}.image-preview{margin-top:2rem}.image-preview h3{margin-bottom:1rem;color:var(--text-primary)}@media (max-width: 768px){.image-view{padding:1rem}}.marketplace-page{min-height:100vh;background:var(--bg-primary)}.marketplace-hero{position:relative;padding:10rem 4% 5rem;margin-top:70px;overflow:hidden;text-align:center}.marketplace-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,232,157,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(0,232,157,.05) 0%,transparent 50%),linear-gradient(180deg,#151515,#0d0d0d)}.marketplace-hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto;animation:fadeIn .8s ease-out}.marketplace-badge{display:inline-block;background:var(--accent);color:var(--text-on-accent);padding:.4rem 1.2rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem}.marketplace-hero-content h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem}.marketplace-hero-content p{font-size:1.15rem;color:var(--text-secondary);line-height:1.7;max-width:550px;margin:0 auto}.marketplace-container{padding-bottom:5rem;margin-top:-2rem;position:relative;z-index:1}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.marketplace-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--card-radius);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all .3s ease}.marketplace-card:hover{border-color:var(--accent);box-shadow:0 12px 40px #00e89d1a;transform:translateY(-6px)}.marketplace-card.owned{border-color:#00e89d33}.marketplace-card.owned:hover{transform:none;box-shadow:none}.marketplace-tag{position:absolute;top:1.2rem;right:1.2rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:.3rem .8rem;border-radius:4px;background:#00e89d26;color:var(--accent);border:1px solid rgba(0,232,157,.25)}.tag-owned{background:#00e89d1a;color:var(--accent)}.marketplace-card-content{padding:2rem 1.8rem 1.5rem;flex:1}.marketplace-card-content h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:.8rem;line-height:1.3;padding-right:5rem}.marketplace-card-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.marketplace-features{list-style:none;display:flex;flex-direction:column;gap:.6rem}.marketplace-features li{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--text-secondary)}.feature-check{color:var(--accent);font-weight:700;font-size:.85rem;flex-shrink:0}.marketplace-card-footer{padding:1.2rem 1.8rem 1.8rem;border-top:1px solid var(--border)}.marketplace-buy-btn{width:100%;padding:.9rem;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--btn-radius);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.marketplace-buy-btn:hover{background:var(--accent-hover);transform:scale(1.02);box-shadow:0 4px 16px #00e89d4d}.marketplace-owned-label{display:block;text-align:center;font-size:.85rem;color:var(--accent);font-weight:500}.cart-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary);border:1px solid var(--accent);border-radius:var(--card-radius);padding:1rem 1.5rem;margin-top:1.5rem;animation:fadeIn .4s ease-out;color:var(--text-primary);font-weight:500}.cart-checkout-btn{background:var(--accent);color:var(--text-on-accent);border:none;padding:.7rem 1.5rem;border-radius:var(--btn-radius);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease}.cart-checkout-btn:hover{background:var(--accent-hover)}.marketplace-card-image{height:180px;overflow:hidden;background:var(--bg-card)}.marketplace-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.marketplace-card:hover .marketplace-card-image img{transform:scale(1.05)}.marketplace-card-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-tertiary) 100%)}.marketplace-card-placeholder span{font-family:var(--font-heading);font-size:2rem;font-weight:900;color:var(--accent);letter-spacing:2px;opacity:.4}.marketplace-store-tag{display:inline-block;font-size:.7rem;color:var(--accent);background:#00e89d14;border:1px solid rgba(0,232,157,.2);padding:.2rem .6rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:.5rem}.marketplace-price{display:flex;align-items:baseline;gap:.8rem;margin-top:1rem}.price-original{font-size:.9rem;color:var(--text-secondary);text-decoration:line-through}.price-current{font-size:1.4rem;font-weight:800;color:var(--accent);font-family:var(--font-heading)}@media (max-width: 768px){.marketplace-hero{padding:7rem 4% 3rem}.marketplace-grid{grid-template-columns:1fr;gap:1.5rem}.marketplace-card-content h3{padding-right:0;margin-top:1.5rem}.marketplace-container{margin-top:0}}.portal-page{min-height:100vh;background:var(--bg-primary)}.portal-hero{position:relative;padding:calc(70px + 5rem) 4% 4rem;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border);overflow:hidden}.portal-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 50%,rgba(0,232,157,.08) 0%,transparent 40%),radial-gradient(circle at 85% 50%,rgba(0,232,157,.05) 0%,transparent 40%);pointer-events:none}.portal-hero-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:2rem;position:relative;z-index:1;animation:fadeIn .5s ease-out}.portal-avatar-wrap{flex-shrink:0}.portal-avatar,.portal-avatar-initial{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);box-shadow:0 0 40px #00e89d33}.portal-avatar-initial{background:var(--accent);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:2rem;font-family:var(--font-heading)}.portal-greeting{display:flex;flex-direction:column;gap:.2rem}.portal-greeting-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.portal-greeting-name{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--text-primary);margin:0;line-height:1.1}.portal-greeting-sub{font-size:.95rem;color:var(--text-secondary);margin:0;margin-top:.4rem}.portal-main{max-width:1100px;margin:0 auto;padding:4rem 4% 5rem;display:flex;flex-direction:column;gap:4rem}.portal-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;animation:fadeIn .5s ease-out .1s both}.portal-action-card{display:flex;align-items:center;gap:1.2rem;padding:1.8rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;color:var(--text-primary)}.portal-action-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #00e89d14}.portal-action-card.primary{background:linear-gradient(135deg,rgba(0,232,157,.08) 0%,var(--bg-tertiary) 100%);border-color:#00e89d33}.portal-action-card.primary:hover{background:linear-gradient(135deg,rgba(0,232,157,.12) 0%,var(--bg-tertiary) 100%)}.action-icon{width:56px;height:56px;border-radius:12px;background:#00e89d1a;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-content{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.action-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.action-subtitle{font-size:.8rem;color:var(--text-secondary)}.action-arrow{color:var(--text-secondary);flex-shrink:0;transition:transform .3s ease,color .3s ease}.portal-action-card:hover .action-arrow{color:var(--accent);transform:translate(4px)}.portal-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.portal-section-header h2{font-size:1.2rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1.5px;margin:0}.portal-see-all{background:none;border:none;color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s;padding:0}.portal-see-all:hover{opacity:.8}.portal-profile-section{animation:fadeIn .5s ease-out .2s both}.portal-profile-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.profile-row{display:flex;align-items:flex-start;gap:1.2rem;padding:1.4rem 1.8rem;border-bottom:1px solid var(--border);transition:background .2s}.profile-row:last-child{border-bottom:none}.profile-row:hover{background:#00e89d05}.profile-icon{flex-shrink:0;margin-top:2px}.profile-field{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0}.profile-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.profile-value{font-size:.95rem;color:var(--text-primary);font-weight:500;word-break:break-word}.profile-row-badges .profile-field{flex-direction:column;align-items:flex-start}.profile-badges{display:flex;flex-wrap:wrap;gap:.4rem}.profile-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.3rem .7rem;border-radius:4px;background:#00e89d1a;color:var(--accent);border:1px solid rgba(0,232,157,.25)}.portal-products-section{animation:fadeIn .5s ease-out .3s both}.portal-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem}.portal-product-tile{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:1.8rem 1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem;min-height:160px}.portal-product-tile:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #00e89d1a}.product-tile-icon{width:40px;height:40px;border-radius:8px;background:#00e89d1a;color:var(--accent);display:flex;align-items:center;justify-content:center}.product-tile-name{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.product-tile-status{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent)}.portal-empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-tertiary);border:1px dashed var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.8rem}.portal-empty-state svg{margin-bottom:.5rem}.portal-empty-state h3{font-size:1.1rem;color:var(--text-primary);margin:0}.portal-empty-state p{color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem}.portal-cta-btn{padding:.8rem 2rem;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--btn-radius);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease}.portal-cta-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}@media (max-width: 1024px){.portal-actions-grid{grid-template-columns:1fr}}@media (max-width: 768px){.portal-hero{padding:calc(70px + 3rem) 1.2rem 3rem}.portal-hero-inner{gap:1.5rem}.portal-avatar,.portal-avatar-initial{width:64px;height:64px;font-size:1.6rem}.portal-main{padding:3rem 1.2rem 4rem;gap:3rem}.portal-products-grid{grid-template-columns:repeat(2,1fr);gap:.9rem}.portal-product-tile{padding:1.4rem 1.2rem;min-height:140px}.profile-row{padding:1.2rem 1.4rem}.portal-action-card{padding:1.5rem 1.3rem}}.ranking-page{min-height:100vh;background:var(--bg-primary)}.ranking-container{padding-top:calc(70px + 3rem);padding-bottom:4rem;max-width:900px;margin:0 auto}.ranking-header{text-align:center;margin-bottom:2.5rem;animation:fadeIn .6s ease-out}.ranking-header h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:4px;margin-bottom:.5rem}.ranking-header p{font-size:1.1rem;color:var(--text-secondary)}.ranking-filters{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end;margin-bottom:2.5rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:var(--card-radius);border:1px solid var(--border);animation:fadeIn .6s ease-out .1s both}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.filter-btn{padding:.6rem 1.2rem;border-radius:var(--btn-radius);background:var(--bg-card);color:var(--text-secondary);font-size:.85rem;font-weight:600;border:1px solid var(--border);cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filter-btn.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.filter-custom{display:flex;align-items:flex-end;gap:.8rem}.date-input-group{display:flex;flex-direction:column;gap:.3rem}.date-input-group label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:1px}.date-input-group input[type=date]{padding:.55rem .8rem;border-radius:var(--btn-radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;transition:border-color .3s ease}.date-input-group input[type=date]:focus{outline:none;border-color:var(--accent)}.filter-apply{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);white-space:nowrap}.filter-apply:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--text-on-accent)}.ranking-table-wrapper{animation:fadeIn .6s ease-out .2s both}.ranking-total{margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.ranking-table{background:var(--bg-tertiary);border-radius:var(--card-radius);border:1px solid var(--border);overflow:hidden}.ranking-table-header{display:grid;grid-template-columns:80px 1fr 120px;padding:1rem 1.5rem;background:var(--bg-card);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.ranking-row{display:grid;grid-template-columns:80px 1fr 120px;padding:1rem 1.5rem;align-items:center;border-bottom:1px solid var(--border);transition:background .2s ease}.ranking-row:last-child{border-bottom:none}.ranking-row:hover{background:#00e89d08}.ranking-row.current-user{background:#00e89d14;border-left:3px solid var(--accent)}.ranking-row.top-1 .col-rank{font-size:1.5rem}.ranking-row.top-2 .col-rank,.ranking-row.top-3 .col-rank{font-size:1.3rem}.col-rank{font-weight:700;font-size:1.1rem;color:var(--text-secondary);text-align:center}.rank-medal{display:inline-block}.col-name{display:flex;align-items:center;gap:.8rem}.player-name{font-weight:500;font-size:1rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.you-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.2rem .6rem;border-radius:4px;background:var(--accent);color:var(--text-on-accent)}.col-points{text-align:right;display:flex;align-items:baseline;justify-content:flex-end;gap:.3rem}.points-value{font-weight:700;font-size:1.2rem;color:var(--accent)}.points-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.ranking-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.ranking-error{text-align:center;padding:3rem}.ranking-error p{color:#f44}.ranking-empty{text-align:center;padding:3rem}.ranking-empty p{color:var(--text-secondary)}@media (max-width: 768px){.ranking-container{padding-top:calc(70px + 2rem);padding-left:1rem;padding-right:1rem}.ranking-filters{flex-direction:column;padding:1rem;gap:1rem}.filter-buttons{gap:.4rem}.filter-btn{padding:.5rem .8rem;font-size:.8rem}.filter-custom{flex-wrap:wrap;gap:.5rem}.date-input-group{flex:1;min-width:120px}.ranking-table-header,.ranking-row{grid-template-columns:50px 1fr 80px;padding:.8rem 1rem}.ranking-table-header{font-size:.7rem}.player-name{font-size:.9rem}.points-value{font-size:1rem}}.exam-page{min-height:100vh;background:var(--bg-primary)}.exam-container{padding-top:70px;padding-bottom:4rem;max-width:600px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-left:1.5rem;padding-right:1.5rem}.exam-back-btn{background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:0;margin-bottom:2rem;transition:color .2s;text-align:left;align-self:flex-start}.exam-back-btn:hover{color:var(--accent)}.exam-info-card{animation:fadeIn .5s ease-out}.exam-info-card h1{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:.5rem;font-weight:800}.exam-description{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;font-size:.95rem}.exam-details{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.exam-detail-item{display:flex;flex-direction:column;gap:.2rem}.detail-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.detail-value{font-size:1.3rem;font-weight:800;color:var(--text-primary);font-family:var(--font-heading)}.exam-best-result{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem}.exam-best-result.passed{background:#00e89d0f;border:1px solid rgba(0,232,157,.15)}.exam-best-result.failed{background:#ff44440f;border:1px solid rgba(255,68,68,.15)}.best-label{font-size:.8rem;color:var(--text-secondary)}.best-score{font-size:1.5rem;font-weight:800;font-family:var(--font-heading)}.exam-best-result.passed .best-score{color:var(--accent)}.exam-best-result.failed .best-score{color:#f44}.best-status{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-left:auto}.best-status.passed{color:var(--accent)}.best-status.failed{color:#f44}.exam-start-error{padding:1rem;background:#ff44440f;border:1px solid rgba(255,68,68,.15);border-radius:8px;margin-bottom:1.5rem}.exam-start-error p{color:#f44;font-size:.9rem}.exam-actions{margin-bottom:2.5rem}.exam-start-btn{padding:.9rem 2.5rem;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--btn-radius);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.exam-start-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.exam-start-btn.secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.exam-start-btn.secondary:hover{border-color:var(--accent);transform:translateY(-1px)}.exam-no-retake{color:var(--text-secondary);font-size:.9rem;font-style:italic}.exam-attempts-list h3{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:.8rem}.attempts-list{display:flex;flex-direction:column;gap:.4rem}.attempt-row{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s}.attempt-row:hover{border-color:var(--accent);background:#00e89d0a}.attempt-number{font-weight:700;color:var(--text-secondary);min-width:30px;font-size:.85rem}.attempt-score{font-weight:800;font-size:1.1rem;font-family:var(--font-heading)}.attempt-score.passed{color:var(--accent)}.attempt-score.failed{color:#f44}.attempt-status{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.attempt-status.passed{color:var(--accent)}.attempt-status.failed{color:#f44}.attempt-date{margin-left:auto;font-size:.8rem;color:var(--text-secondary)}.exam-taking{display:flex;flex-direction:column;height:100vh}.exam-top-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.exam-top-title{font-weight:700;font-size:1rem}.exam-top-progress{font-size:.85rem;color:var(--accent);font-weight:600}.exam-body{display:flex;flex:1;overflow:hidden}.exam-sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.exam-q-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.exam-q-btn{width:36px;height:36px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.exam-q-btn.current{border-color:var(--accent);color:var(--accent);background:#00e89d14}.exam-q-btn.answered{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.exam-submit-btn{padding:.8rem;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--btn-radius);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-top:auto}.exam-submit-btn:hover{background:var(--accent-hover)}.exam-submit-btn:disabled{opacity:.6;cursor:not-allowed}.exam-question-area{flex:1;padding:2.5rem;overflow-y:auto;max-width:800px;margin:0 auto;width:100%}.exam-question-header{margin-bottom:1.5rem}.exam-q-number{font-size:.8rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1px}.exam-question-content{margin-bottom:2rem}.exam-q-text{font-size:1.1rem;color:var(--text-primary);line-height:1.7;font-weight:500}.exam-q-image{max-width:100%;border-radius:8px;margin-top:1rem}.exam-options{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}.exam-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.exam-option:hover{border-color:var(--accent);background:#00e89d0a}.exam-option.selected{border-color:var(--accent);background:#00e89d1a}.option-letter{width:32px;height:32px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;transition:all .2s}.exam-option.selected .option-letter{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.option-text{font-size:1rem;color:var(--text-primary);line-height:1.5;padding-top:.3rem}.option-image{max-width:200px;border-radius:6px;margin-top:.5rem}.exam-nav-buttons{display:flex;justify-content:space-between;gap:1rem}.exam-nav-btn{padding:.7rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--btn-radius);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.exam-nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.exam-nav-btn:disabled{opacity:.4;cursor:not-allowed}.essay-page-container{padding-top:calc(70px + 2rem);padding-bottom:4rem;padding-left:1.5rem;padding-right:1.5rem;max-width:900px;margin:0 auto}.essay-page-title{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:.5rem;font-weight:800;margin-top:1rem}.essay-page-description{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;font-size:.95rem}.exam-essay{margin-bottom:2rem}.essay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.essay-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.essay-chars{font-size:.8rem;color:var(--text-secondary)}.essay-textarea{width:100%;min-height:400px;padding:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;line-height:1.8;resize:vertical;transition:border-color .3s ease}.essay-textarea:focus{outline:none;border-color:var(--accent)}.essay-textarea::placeholder{color:var(--text-secondary);opacity:.6}.essay-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.essay-autosave-label{font-size:.75rem;font-weight:500;transition:color .3s ease}.essay-autosave-label.status-idle{color:var(--text-secondary)}.essay-autosave-label.status-saving{color:#ffc107}.essay-autosave-label.status-saved{color:var(--accent)}.essay-autosave-label.status-error{color:#f44}.essay-submit-btn{padding:.8rem 2rem;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--btn-radius);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease}.essay-submit-btn:hover{background:var(--accent-hover)}.essay-submit-btn:disabled{opacity:.6;cursor:not-allowed}.essay-result{margin-top:2rem;padding:2rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--card-radius)}.essay-result h3{font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:1.5rem}.essay-result h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.essay-score{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.essay-score-label{font-size:.85rem;color:var(--text-secondary)}.essay-score-value{font-size:2rem;font-weight:800;color:var(--accent);font-family:var(--font-heading)}.essay-status-badge{display:inline-block;padding:.3rem .8rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#00e89d1a;color:var(--accent);border:1px solid rgba(0,232,157,.2);margin-bottom:1.5rem}.essay-submitted-text{margin-bottom:1.5rem}.essay-text-preview{padding:1rem;background:var(--bg-card);border-radius:6px;color:var(--text-secondary);font-size:.95rem;line-height:1.8;white-space:pre-wrap;max-height:300px;overflow-y:auto}.essay-feedback{margin-bottom:1.5rem}.essay-feedback-text{padding:1rem;background:#00e89d0d;border-left:3px solid var(--accent);border-radius:0 6px 6px 0;color:var(--text-primary);font-size:.95rem;line-height:1.7}.essay-criteria{display:flex;flex-direction:column;gap:.5rem}.essay-criterion{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;background:var(--bg-card);border-radius:6px}.criterion-name{font-size:.9rem;color:var(--text-primary)}.criterion-score{font-size:.9rem;font-weight:700;color:var(--accent)}.essay-result-loading{padding:2rem;display:flex;justify-content:center}.exam-result-card{animation:fadeIn .5s ease-out}.result-header{text-align:center;padding:3rem 2rem;border-radius:var(--card-radius);margin-bottom:2rem}.result-header.passed{background:#00e89d0f;border:1px solid rgba(0,232,157,.15)}.result-header.failed{background:#ff44440f;border:1px solid rgba(255,68,68,.15)}.result-score-circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.result-header.passed .result-score-circle{border:4px solid var(--accent)}.result-header.failed .result-score-circle{border:4px solid #ff4444}.result-score{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;font-family:var(--font-heading)}.result-header.passed .result-score{color:var(--accent)}.result-header.failed .result-score{color:#f44}.result-header h1{margin-bottom:.5rem}.result-header.passed h1{color:var(--accent)}.result-header.failed h1{color:#f44}.result-header p{color:var(--text-secondary)}.result-responses{margin-top:2rem}.result-responses h3{font-size:.85rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary)}.result-question{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--card-radius);padding:1.5rem;margin-bottom:1rem}.result-question.correct{border-left:3px solid var(--accent)}.result-question.incorrect{border-left:3px solid #ff4444}.result-q-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.result-q-number{width:28px;height:28px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--text-secondary)}.result-q-status{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.result-q-status.correct{color:var(--accent)}.result-q-status.incorrect{color:#f44}.result-q-text{font-size:1rem;color:var(--text-primary);line-height:1.6;margin-bottom:1rem}.result-options{display:flex;flex-direction:column;gap:.4rem}.result-option{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;border-radius:6px;background:var(--bg-card)}.result-option.correct{background:#00e89d14;border:1px solid rgba(0,232,157,.2)}.result-option.selected:not(.correct){background:#ff444414;border:1px solid rgba(255,68,68,.2)}.result-option-text{flex:1;font-size:.9rem;color:var(--text-primary)}.result-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.2rem .5rem;border-radius:3px;white-space:nowrap}.correct-badge{background:#00e89d26;color:var(--accent)}.wrong-badge{background:#ff444426;color:#f44}@media (max-width: 768px){.exam-container{padding-top:calc(70px + 1.5rem);justify-content:flex-start}.exam-details{gap:1.5rem}.exam-body{flex-direction:column}.exam-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:1rem;flex-direction:row;flex-wrap:wrap;align-items:center}.exam-q-grid{grid-template-columns:repeat(7,1fr);flex:1}.exam-q-btn{width:30px;height:30px;font-size:.7rem}.exam-submit-btn{margin-top:0;white-space:nowrap}.exam-question-area{padding:1.5rem}.exam-actions{display:flex;flex-direction:column;gap:.8rem}.result-score-circle{width:80px;height:80px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0D0D0D;--bg-secondary: #151515;--bg-tertiary: #1A1A1A;--bg-card: #2D2D2D;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--accent: #00E89D;--accent-hover: #00CC88;--accent-light: #00E89D;--border: #333333;--overlay: rgba(13, 13, 13, .8);--text-on-accent: #0D0D0D;--font-display: "Oswald", sans-serif;--font-heading: "Montserrat", sans-serif;--font-body: "Inter", sans-serif;--container-max: 1200px;--section-padding: clamp(60px, 8vw, 120px);--card-radius: 12px;--btn-radius: 6px;--gap: 24px}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:var(--bg-primary)}body::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:#444}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}a{color:inherit;text-decoration:none}.container{max-width:1920px;margin:0 auto;padding:0 4%}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes galaxy-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes galaxy-pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.5px;font-weight:700}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.3}h3{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;line-height:1.4}h4{font-size:clamp(1rem,2.5vw,1.5rem);font-weight:600;line-height:1.4}p{font-family:var(--font-body);font-size:clamp(.9rem,2vw,1.1rem);line-height:1.7;color:var(--text-secondary)}.btn-back{position:fixed;top:85px;left:1.5rem;background:#2d2d2df2;color:var(--text-primary);padding:.8rem 1.5rem;border-radius:var(--btn-radius);font-size:.95rem;font-weight:500;transition:all .3s ease;z-index:999;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.btn-back:hover{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);transform:translate(-4px);box-shadow:0 6px 16px #00e89d4d}@media (max-width: 768px){.container{padding:0 4%}body{font-size:14px}.btn-back{top:80px;left:1rem;padding:.6rem 1.2rem;font-size:.85rem}}