@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--primary-bg: #f8f9fa;--card-bg: #071281;--primary-accent: #0d24c3;--secondary-accent: #04c74f;--text-primary: #212529;--text-on-dark: #ffffff;--text-secondary: #6c757d;--filter-bg: #e9ecef;--font-family: "Poppins", sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--primary-bg);color:var(--text-primary)}.container{max-width:1500px;margin:40px auto;padding:20px}.section-header{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:40px}.section-header .section-description{text-align:center;max-width:1200px;font-size:1rem;color:var(--text-secondary)}.filters{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{background:var(--filter-bg);border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.filter-btn:hover{background-color:#d3d9df}.filter-btn.active{background-color:var(--primary-accent);color:var(--text-on-dark)}.filter-btn i{margin-right:8px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.course-card{background-color:var(--card-bg);color:var(--text-on-dark);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 16px #0000001a;transition:transform .3s ease;cursor:pointer}.course-card:hover{transform:translateY(-5px)}.image-container{position:relative;width:100%;height:180px}.course-card img{width:100%;height:100%;object-fit:cover}.image-container .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#e2e0df;font-size:4.5rem;opacity:1;transition:opacity .3s ease;pointer-events:none}.course-card:hover .image-container .play-icon{opacity:1}.card-content{padding:25px;display:flex;flex-direction:column;flex-grow:1}.tags{display:flex;gap:10px;margin-bottom:15px}.tags span{font-size:.8rem;font-weight:500;padding:5px 12px;border-radius:50px}.tag-category{background-color:transparent;border:1px solid var(--text-on-dark)}.tag-level{background-color:var(--secondary-accent);border:1px solid var(--secondary-accent)}.card-content h3{font-size:1.4rem;margin:0 0 10px;line-height:1.4;color:var(--text-on-dark)}.instructor{color:#fffc;margin-bottom:15px}.price{margin-top:auto;display:flex;align-items:center;gap:15px;margin-bottom:20px}.current-price{font-size:1.8rem;font-weight:700;color:var(--text-on-dark)}.enroll-btn{margin-top:auto;width:100%;background-color:var(--primary-accent);color:var(--text-on-dark);border:none;padding:15px;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease;text-align:center}.enroll-btn:hover{background-color:#0b1f99}.premium-experience{margin-bottom:40px}.player-mockup{max-width:900px;margin:0 auto;background-color:#fff;border-radius:15px;padding:20px;border:1px solid #dee2e6;box-shadow:0 8px 16px #0000000d}.player-header{margin-bottom:15px}.player-header h4{font-size:1.2rem}.player-screen{position:relative;width:100%;background-color:#000;border-radius:10px;overflow:hidden}#video-player{width:100%;display:block}.controls-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.center-controls{display:flex;gap:25px;align-items:center;font-size:1.5rem}.time-controls{display:flex;align-items:center;gap:15px;font-size:1rem}.controls-bottom i{cursor:pointer;transition:transform .2s ease}.controls-bottom i:hover{transform:scale(1.1)}.progress-bar-container{margin:15px 0;background-color:#e9ecef;height:8px;border-radius:5px;cursor:pointer}.progress-bar-filled{background-color:var(--primary-accent);height:100%;width:0%;border-radius:5px;position:relative}.progress-bar-filled:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-color:var(--primary-accent);border-radius:50%;opacity:0;transition:opacity .2s ease-in-out}.player-mockup:hover .progress-bar-filled:after,.player-mockup.is-playing .progress-bar-filled:after{opacity:1}.player-screen .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem;color:#ffffffe6;opacity:1;transition:opacity .3s ease;pointer-events:none;z-index:10}.player-mockup.is-playing .player-screen .play-icon{opacity:0}.premium-experience:fullscreen{background-color:#000}.premium-experience:fullscreen .player-mockup{width:100%;height:100%;max-width:none;padding:0;border:none;border-radius:0;display:flex;flex-direction:column;position:relative}.premium-experience:fullscreen .player-screen{flex-grow:1;width:100%;height:100%}.premium-experience:fullscreen #video-player{width:100%;height:100%;object-fit:contain}.premium-experience:fullscreen .player-header,.premium-experience:fullscreen .controls-bottom{position:absolute;left:0;right:0;z-index:10;color:#fff;transition:opacity .4s ease-in-out;padding-left:20px;padding-right:20px}.premium-experience:fullscreen .player-header{top:0;padding-top:20px;padding-bottom:20px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)}.premium-experience:fullscreen .progress-bar-container{position:absolute;bottom:50px;left:20px;right:20px;z-index:10;transition:opacity .4s ease-in-out;padding:0}.premium-experience:fullscreen .controls-bottom{bottom:0;padding-top:20px;padding-bottom:10px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.premium-experience.hide-controls:fullscreen .player-header,.premium-experience.hide-controls:fullscreen .progress-bar-container,.premium-experience.hide-controls:fullscreen .controls-bottom{opacity:0;pointer-events:none}.premium-experience.hide-controls:fullscreen{cursor:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;padding:40px;border-radius:8px;text-align:center;max-width:500px;width:100%;position:relative;box-shadow:0 5px 15px #0000004d}.close-modal-btn{position:absolute;top:10px;right:15px;font-size:28px;font-weight:700;color:#aaa;cursor:pointer}.close-modal-btn:hover{color:#000}.modal-content h2{font-size:24px;margin-bottom:15px;color:#333}.modal-content p{font-size:16px;margin-bottom:30px;color:#555}.modal-login-btn{display:inline-block;padding:12px 25px;background-color:#000;color:#fff;text-decoration:none;border-radius:5px;font-weight:700;transition:background-color .3s}.modal-login-btn:hover{background-color:#333}
/*# sourceMappingURL=/cdn/shop/t/41/assets/style.css.map */