#netflix_vod_index .netflix-content,#vod-homepage .netflix-content{padding:2rem}@media (max-width:768px){#netflix_vod_index .netflix-content,#vod-homepage .netflix-content{padding:1rem}}#netflix_vod_index .netflix-row,#vod-homepage .netflix-row{margin-bottom:3rem}#netflix_vod_index .netflix-row .row-title,#vod-homepage .netflix-row .row-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1rem}#netflix_vod_index .netflix-row .row-title a,#vod-homepage .netflix-row .row-title a{color:#fff;text-decoration:none}#netflix_vod_index .netflix-row .row-title a:hover,#vod-homepage .netflix-row .row-title a:hover{color:#3498db}#netflix_vod_index .netflix-row .owl-carousel,#vod-homepage .netflix-row .owl-carousel{position:relative}#netflix_vod_index .netflix-row .owl-carousel .owl-nav,#vod-homepage .netflix-row .owl-carousel .owl-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;pointer-events:none}#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-prev,#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-next,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-prev,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-next{position:absolute;background:rgba(0, 0, 0, 0.7);border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;z-index:10;transition:all 0.3s ease;pointer-events:all;display:flex;align-items:center;justify-content:center}#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-prev:hover,#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-next:hover,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-prev:hover,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-next:hover{background:rgba(0, 0, 0, 0.9);transform:scale(1.1)}#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-prev:focus,#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-next:focus,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-prev:focus,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-next:focus{outline:none}#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-prev i,#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-next i,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-prev i,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-next i{font-size:1.2rem}#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-prev,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-prev{left:-25px}#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-next,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-next{right:-25px}#netflix_vod_index .netflix-row .owl-carousel .owl-dots,#vod-homepage .netflix-row .owl-carousel .owl-dots{display:none}#netflix_vod_index .netflix-row .owl-carousel .owl-stage-outer,#vod-homepage .netflix-row .owl-carousel .owl-stage-outer{padding-bottom:1rem}#netflix_vod_index .netflix-row .netflix-card,#vod-homepage .netflix-row .netflix-card{background:#2c3e50;border-radius:8px;overflow:hidden;transition:all 0.3s ease;position:relative;width:100%}#netflix_vod_index .netflix-row .netflix-card:hover,#vod-homepage .netflix-row .netflix-card:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(0, 0, 0, 0.3)}#netflix_vod_index .netflix-row .netflix-card .rank-number,#vod-homepage .netflix-row .netflix-card .rank-number{position:absolute;top:10px;left:10px;background:#e74c3c;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1rem;z-index:5}#netflix_vod_index .netflix-row .netflix-card .card-image,#vod-homepage .netflix-row .netflix-card .card-image{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}#netflix_vod_index .netflix-row .netflix-card .card-image img,#vod-homepage .netflix-row .netflix-card .card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}#netflix_vod_index .netflix-row .netflix-card .card-image .card-overlay,#vod-homepage .netflix-row .netflix-card .card-image .card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 60%);display:flex;flex-direction:column;justify-content:space-between;padding:1rem;opacity:0;transition:opacity 0.3s ease}#netflix_vod_index .netflix-row .netflix-card .card-image .card-overlay .play-button,#vod-homepage .netflix-row .netflix-card .card-image .card-overlay .play-button{align-self:center;width:50px;height:50px;background:rgba(52, 152, 219, 0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;transform:scale(0);transition:transform 0.3s ease}#netflix_vod_index .netflix-row .netflix-card .card-image .card-overlay .card-actions,#vod-homepage .netflix-row .netflix-card .card-image .card-overlay .card-actions{display:flex;gap:0.5rem;justify-content:center}#netflix_vod_index .netflix-row .netflix-card .card-image .card-overlay .card-actions .action-btn,#vod-homepage .netflix-row .netflix-card .card-image .card-overlay .card-actions .action-btn{width:35px;height:35px;background:rgba(255, 255, 255, 0.2);border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}#netflix_vod_index .netflix-row .netflix-card .card-image .card-overlay .card-actions .action-btn:hover,#vod-homepage .netflix-row .netflix-card .card-image .card-overlay .card-actions .action-btn:hover{background:#fff;color:#2c3e50}#netflix_vod_index .netflix-row .netflix-card .card-image .card-overlay .card-info,#vod-homepage .netflix-row .netflix-card .card-image .card-overlay .card-info{color:#fff}#netflix_vod_index .netflix-row .netflix-card .card-image .card-overlay .card-info h3,#vod-homepage .netflix-row .netflix-card .card-image .card-overlay .card-info h3{font-size:1rem;font-weight:600;margin:0 0 0.5rem 0;line-height:1.3}#netflix_vod_index .netflix-row .netflix-card .card-image .card-overlay .card-info .card-meta,#vod-homepage .netflix-row .netflix-card .card-image .card-overlay .card-info .card-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:0.8rem;color:#bdc3c7}#netflix_vod_index .netflix-row .netflix-card .card-image .card-overlay .card-info .card-meta span,#vod-homepage .netflix-row .netflix-card .card-image .card-overlay .card-info .card-meta span{display:flex;align-items:center}#netflix_vod_index .netflix-row .netflix-card .card-image .card-overlay .card-info .card-meta span i,#vod-homepage .netflix-row .netflix-card .card-image .card-overlay .card-info .card-meta span i{margin-right:0.25rem}#netflix_vod_index .netflix-row .netflix-card .card-link,#vod-homepage .netflix-row .netflix-card .card-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}#netflix_vod_index .netflix-row .netflix-card:hover .card-image img,#vod-homepage .netflix-row .netflix-card:hover .card-image img{transform:scale(1.1)}#netflix_vod_index .netflix-row .netflix-card:hover .card-overlay,#vod-homepage .netflix-row .netflix-card:hover .card-overlay{opacity:1}#netflix_vod_index .netflix-row .netflix-card:hover .card-overlay .play-button,#vod-homepage .netflix-row .netflix-card:hover .card-overlay .play-button{transform:scale(1)}#netflix_vod_index .netflix-row.top-picks .netflix-card .rank-number,#vod-homepage .netflix-row.top-picks .netflix-card .rank-number{background:#f39c12;font-size:1.2rem;width:35px;height:35px}@media (max-width:768px){#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-prev,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-prev{left:-15px}#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-next,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-next{right:-15px}#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-prev,#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-next,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-prev,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-next{width:40px;height:40px}#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-prev i,#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-next i,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-prev i,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-next i{font-size:1rem}}@media (max-width:480px){#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-prev,#netflix_vod_index .netflix-row .owl-carousel .owl-nav .owl-next,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-prev,#vod-homepage .netflix-row .owl-carousel .owl-nav .owl-next{display:none}}#netflix_hero{margin-bottom:2rem;width:100%}#netflix_hero .netflix-hero{position:relative;min-height:60vh;background:#1a252f;border-radius:12px;overflow:hidden}@media (max-width:768px){#netflix_hero .netflix-hero{min-height:50vh;border-radius:0}}#netflix_hero .netflix-hero .hero-video-container{position:relative;height:100%}#netflix_hero .netflix-hero .hero-video-container .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat}#netflix_hero .netflix-hero .hero-video-container .hero-content{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;padding:3rem;background:linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, transparent 100%)}@media (max-width:768px){#netflix_hero .netflix-hero .hero-video-container .hero-content{padding:2rem 1rem;background:linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 70%, transparent 100%);align-items:flex-end}}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info{max-width:50%}@media (max-width:768px){#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info{max-width:100%}}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-logo img{max-width:300px;height:auto;margin-bottom:1rem}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-title{font-size:3.5rem;font-weight:800;color:#fff;margin:0 0 1rem 0;line-height:1.1;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.7)}@media (max-width:768px){#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-title{font-size:2.2rem}}@media (max-width:480px){#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-title{font-size:1.8rem}}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-description{font-size:1.3rem;color:#ecf0f1;margin:0 0 2rem 0;line-height:1.6;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.7);max-width:600px}@media (max-width:768px){#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-description{font-size:1.1rem;max-width:100%}}@media (max-width:480px){#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-description{font-size:1rem}}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-buttons{display:flex;gap:1rem;margin-bottom:1.5rem}@media (max-width:768px){#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-buttons{flex-direction:column}}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-buttons .btn-play{display:flex;align-items:center;padding:1rem 2.5rem;background:#e74c3c;color:#fff;text-decoration:none;border-radius:8px;font-weight:700;font-size:1.1rem;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(231, 76, 60, 0.4)}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-buttons .btn-play:hover{background:#c0392b;transform:translateY(-3px);box-shadow:0 6px 20px rgba(231, 76, 60, 0.6)}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-buttons .btn-play i{margin-right:0.75rem;font-size:1.2rem}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-buttons .btn-info{display:flex;align-items:center;padding:1rem 2.5rem;background:rgba(255, 255, 255, 0.15);color:#fff;border:2px solid rgba(255, 255, 255, 0.8);border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px)}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-buttons .btn-info:hover{background:rgba(255, 255, 255, 0.9);color:#2c3e50;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(255, 255, 255, 0.3)}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-buttons .btn-info i{margin-right:0.75rem;font-size:1.1rem}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-meta{display:flex;gap:1rem;font-size:0.9rem;color:#bdc3c7}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-meta span{padding:0.25rem 0.5rem;background:rgba(255, 255, 255, 0.2);border-radius:4px}#netflix_hero .netflix-hero .hero-video-container .hero-content .hero-info .hero-meta .rating{background:#27ae60;color:#fff}#netflix_hero .netflix-hero .hero-video-container .hero-indicators{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:0.75rem;z-index:3}@media (max-width:768px){#netflix_hero .netflix-hero .hero-video-container .hero-indicators{bottom:20px}}#netflix_hero .netflix-hero .hero-video-container .hero-indicators .indicator{width:14px;height:14px;border-radius:50%;background:rgba(255, 255, 255, 0.5);border:2px solid transparent;cursor:pointer;transition:all 0.3s ease}#netflix_hero .netflix-hero .hero-video-container .hero-indicators .indicator:hover{background:rgba(255, 255, 255, 0.7);transform:scale(1.1)}#netflix_hero .netflix-hero .hero-video-container .hero-indicators .indicator.active{background:#e74c3c;border-color:rgba(255, 255, 255, 0.8);transform:scale(1.3);box-shadow:0 0 10px rgba(231, 76, 60, 0.6)}.vod-layout{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.6;background:#1a252f;color:#fff;margin:0;padding:0}.vod-layout *{box-sizing:border-box}.vod-container{display:flex;min-height:100vh;width:100vw;flex-grow:0;background:#1a252f;color:#fff}@media (max-width:768px){.vod-container{flex-direction:column}}.vod-main-content{flex-grow:0;width:calc(100vw - 300px);background:#1a252f}#vod-homepage,#vod-results{min-height:100vh}.vod-sidebar{width:300px;min-height:100vh;background:#2c3e50;color:#fff;transition:all 0.3s ease;position:relative;overflow-y:auto;flex-shrink:0}.vod-sidebar.collapsed{width:60px}.vod-sidebar.collapsed .sidebar-content{display:none}@media (max-width:768px){.vod-sidebar{position:fixed;top:0;left:0;z-index:1000;transform:translateX(-100%)}.vod-sidebar:not(.collapsed){transform:translateX(0)}}.sidebar-header{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #34495e;min-height:60px}.sidebar-header .sidebar-toggle{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0.5rem;border-radius:4px;transition:background-color 0.2s}.sidebar-header .sidebar-toggle:hover{background-color:#34495e}.sidebar-header .sidebar-title{margin:0 0 0 1rem;font-size:1.2rem;font-weight:600}.sidebar-content{padding:1rem}.filter-section{margin-bottom:1.5rem}.filter-section .filter-title{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:0.5rem;padding:0.5rem 0}.filter-section .filter-title.expandable{cursor:pointer;transition:color 0.2s}.filter-section .filter-title.expandable:hover{color:#3498db}.filter-section .filter-title i{margin-right:0.5rem}.search-box input{width:100%;padding:0.5rem;border:1px solid #34495e;border-radius:4px;background:#34495e;color:#fff;font-size:0.9rem}.search-box input::placeholder{color:#bdc3c7}.search-box input:focus{outline:none;border-color:#3498db}.filter-tabs{display:flex;margin-bottom:1rem;border-radius:4px;overflow:hidden}.filter-tabs .tab-btn{flex:1;padding:0.5rem;border:none;background:#34495e;color:#bdc3c7;cursor:pointer;transition:all 0.2s;font-size:0.8rem}.filter-tabs .tab-btn.active,.filter-tabs .tab-btn:hover{background:#3498db;color:#fff}.filter-items{max-height:300px;overflow-y:auto;overflow-x:hidden}.filter-items .filter-item{display:flex;align-items:center;padding:0.75rem;margin-bottom:0.5rem;background:#34495e;border-radius:4px;cursor:pointer;transition:all 0.2s}.filter-items .filter-item:hover{background:#3498db;transform:translateX(4px)}.filter-items .filter-item .item-image{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:0.75rem;flex-shrink:0}.filter-items .filter-item .item-image img{width:100%;height:100%;object-fit:cover}.filter-items .filter-item .item-info h4{margin:0 0 0.25rem 0;font-size:0.9rem;font-weight:500}.filter-items .filter-item .item-info .item-count{font-size:0.75rem;color:#bdc3c7}.filter-group{margin-bottom:1rem}.filter-group label{display:block;margin-bottom:0.5rem;font-size:0.9rem;font-weight:500}.filter-group select{width:100%;padding:0.5rem;border:1px solid #34495e;border-radius:4px;background:#34495e;color:#fff;font-size:0.9rem}.filter-group select:focus{outline:none;border-color:#3498db}.loading-state{display:flex;align-items:center;justify-content:center;padding:2rem;color:#bdc3c7}.loading-state i{margin-right:0.5rem}.vod-results{padding:2rem;min-height:100vh}@media (max-width:768px){.vod-results{padding:1rem}}.results-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#fff}.results-loading .loading-spinner{display:inline-block;position:relative;width:80px;height:80px;margin-bottom:1rem}.results-loading .loading-spinner div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #3498db;border-radius:50%;animation:loading-spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#3498db transparent transparent transparent}.results-loading .loading-spinner div:nth-child(1){animation-delay:-0.45s}.results-loading .loading-spinner div:nth-child(2){animation-delay:-0.3s}.results-loading .loading-spinner div:nth-child(3){animation-delay:-0.15s}@keyframes loading-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.subject-header{margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg, #2c3e50 0%, #34495e 100%);border-radius:12px;color:#fff}@media (max-width:768px){.subject-header{padding:1rem}}.subject-header .subject-info{display:flex;align-items:center;margin-bottom:2rem}@media (max-width:768px){.subject-header .subject-info{flex-direction:column;text-align:center}}.subject-header .subject-info .subject-image{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-right:2rem;border:4px solid #3498db}@media (max-width:768px){.subject-header .subject-info .subject-image{margin:0 0 1rem 0}}.subject-header .subject-info .subject-content{flex:1}.subject-header .subject-info .subject-content .subject-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem 0;color:#fff}@media (max-width:768px){.subject-header .subject-info .subject-content .subject-title{font-size:1.8rem}}.subject-header .subject-info .subject-content .subject-description{font-size:1.1rem;line-height:1.6;color:#bdc3c7;margin:0}.subject-header .category-filters{display:flex;flex-wrap:wrap;gap:0.5rem}.subject-header .category-filters .category-btn{padding:0.5rem 1rem;border:2px solid #3498db;background:transparent;color:#3498db;border-radius:25px;cursor:pointer;transition:all 0.2s;font-size:0.9rem;font-weight:500}.subject-header .category-filters .category-btn.active,.subject-header .category-filters .category-btn:hover{background:#3498db;color:#fff}.subject-header .category-filters .show-all-btn{padding:0.5rem 1rem;border:2px solid #95a5a6;background:transparent;color:#95a5a6;border-radius:25px;cursor:pointer;transition:all 0.2s;font-size:0.9rem}.subject-header .category-filters .show-all-btn:hover{background:#95a5a6;color:#fff}.results-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem}@media (max-width:768px){.results-grid{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:1rem}}.results-grid .result-card{background:#2c3e50;border-radius:12px;overflow:hidden;cursor:pointer;transition:all 0.3s ease;position:relative}.results-grid .result-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0, 0, 0, 0.3)}.results-grid .result-card:hover .card-image img{transform:scale(1.1)}.results-grid .result-card:hover .card-overlay{opacity:1}.results-grid .result-card:hover .play-button{transform:scale(1)}.results-grid .result-card .card-image{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}.results-grid .result-card .card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.results-grid .result-card .card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 50%);display:flex;flex-direction:column;justify-content:space-between;padding:1rem;opacity:0;transition:opacity 0.3s ease}.results-grid .result-card .card-overlay .play-button{align-self:center;width:60px;height:60px;background:rgba(52, 152, 219, 0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;transform:scale(0);transition:transform 0.3s ease}.results-grid .result-card .card-overlay .card-info{color:#fff}.results-grid .result-card .card-overlay .card-info h3{font-size:1.1rem;font-weight:600;margin:0 0 0.5rem 0;line-height:1.3}.results-grid .result-card .card-overlay .card-info .card-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:0.85rem;color:#bdc3c7}.results-grid .result-card .card-overlay .card-info .card-meta span{display:flex;align-items:center}.results-grid .result-card .card-overlay .card-info .card-meta span i{margin-right:0.25rem}.no-results{text-align:center;padding:4rem 2rem;color:#fff}.no-results .no-results-icon{font-size:4rem;color:#7f8c8d;margin-bottom:1rem}.no-results h3{font-size:1.8rem;margin:0 0 1rem 0;color:#fff}.no-results p{font-size:1.1rem;color:#bdc3c7;margin:0 0 2rem 0}.no-results .btn-clear{padding:0.75rem 2rem;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color 0.2s}.no-results .btn-clear:hover{background:#2980b9}.load-more-container{text-align:center;padding:2rem 0}.load-more-container .btn-load-more{padding:1rem 3rem;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:1.1rem;cursor:pointer;transition:all 0.2s}.load-more-container .btn-load-more:hover{background:#2980b9;transform:translateY(-2px)}.vod-layout ::-webkit-scrollbar{width:8px}.vod-layout ::-webkit-scrollbar-track{background:#2c3e50}.vod-layout ::-webkit-scrollbar-thumb{background:#3498db;border-radius:4px}.vod-layout ::-webkit-scrollbar-thumb:hover{background:#2980b9}.fade-in{animation:fadeIn 0.3s ease-in}.fade-out{animation:fadeOut 0.3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.modern-video-page{background:#1a252f;color:#fff;min-height:100vh}.modern-video-page .video-hero-section{position:relative;margin-bottom:2rem}.modern-video-page .video-hero-section .video-container{position:relative;max-width:1200px;margin:0 auto}.modern-video-page .video-hero-section .video-container .video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:12px;overflow:hidden}.modern-video-page .video-hero-section .video-container .video-wrapper iframe,.modern-video-page .video-hero-section .video-container .video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%}.modern-video-page .video-hero-section .video-container .video-banner{position:absolute;bottom:0;left:0;right:0;z-index:10}@media (max-width:768px){.modern-video-page .video-hero-section .video-container .video-banner{display:none}}.modern-video-page .video-content-layout{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 300px;gap:3rem}@media (max-width:1024px){.modern-video-page .video-content-layout{grid-template-columns:1fr;padding:0 1rem}}.modern-video-page .video-content-layout .video-main-content{min-width:0}@media (max-width:1024px){.modern-video-page .video-content-layout .video-sidebar{order:-1}}.modern-video-page .breadcrumbs{display:flex;align-items:center;gap:0.5rem;margin-bottom:2rem;font-size:0.9rem}.modern-video-page .breadcrumbs .breadcrumb-item a{display:flex;align-items:center;gap:0.5rem;color:#bdc3c7;text-decoration:none;transition:color 0.2s}.modern-video-page .breadcrumbs .breadcrumb-item a:hover{color:#3498db}.modern-video-page .breadcrumbs .breadcrumb-item.active a{color:#fff}.modern-video-page .breadcrumbs .breadcrumb-separator{color:#7f8c8d;font-size:0.8rem}.modern-video-page .video-header{margin-bottom:2rem}.modern-video-page .video-header .video-title-section{margin-bottom:1rem}.modern-video-page .video-header .video-title-section .video-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 0.5rem 0;line-height:1.2}@media (max-width:768px){.modern-video-page .video-header .video-title-section .video-title{font-size:1.8rem}}.modern-video-page .video-header .video-title-section .video-lecturer .lecturer-link{display:inline-flex;align-items:center;gap:0.5rem;color:#3498db;text-decoration:none;font-size:1.1rem;font-weight:500;transition:color 0.2s}.modern-video-page .video-header .video-title-section .video-lecturer .lecturer-link:hover{color:#2980b9}.modern-video-page .video-header .video-title-section .video-lecturer .lecturer-link i{font-size:1rem}.modern-video-page .video-header .video-meta{display:flex;gap:2rem}.modern-video-page .video-header .video-meta .meta-item{display:flex;align-items:center;gap:0.5rem;color:#bdc3c7;font-size:0.95rem}.modern-video-page .video-header .video-meta .meta-item i{color:#7f8c8d}.modern-video-page .video-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}@media (max-width:768px){.modern-video-page .video-actions{flex-direction:column;gap:1rem;align-items:stretch}}.modern-video-page .video-actions .primary-actions{display:flex;gap:1rem}.modern-video-page .video-actions .primary-actions .action-btn{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all 0.2s}.modern-video-page .video-actions .primary-actions .action-btn:hover{background:#2980b9;transform:translateY(-2px)}.modern-video-page .video-actions .primary-actions .action-btn.mp3-btn{background:#e67e22}.modern-video-page .video-actions .primary-actions .action-btn.mp3-btn:hover{background:#d35400}.modern-video-page .video-actions .primary-actions .action-btn i{font-size:1rem}.modern-video-page .video-actions .social-actions .share-buttons{display:flex;gap:0.5rem}.modern-video-page .video-actions .social-actions .share-buttons .share-btn{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all 0.2s}.modern-video-page .video-actions .social-actions .share-buttons .share-btn.facebook{background:#3b5998;color:#fff}.modern-video-page .video-actions .social-actions .share-buttons .share-btn.facebook:hover{background:#2d4373}.modern-video-page .video-actions .social-actions .share-buttons .share-btn.whatsapp{background:#25d366;color:#fff}.modern-video-page .video-actions .social-actions .share-buttons .share-btn.whatsapp:hover{background:#1da851}.modern-video-page .video-actions .social-actions .share-buttons .share-btn i{font-size:1rem}.modern-video-page .video-description{margin-bottom:2rem}.modern-video-page .video-description .description-content{font-size:1.1rem;line-height:1.6;color:#ecf0f1;margin-bottom:1.5rem}.modern-video-page .video-description .description-content p{margin-bottom:1rem}.modern-video-page .video-description .description-content a{color:#3498db;text-decoration:none}.modern-video-page .video-description .description-content a:hover{text-decoration:underline}.modern-video-page .video-description .video-tags .tags-label{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem;color:#bdc3c7;font-weight:600}.modern-video-page .video-description .video-tags .tags-label i{color:#7f8c8d}.modern-video-page .video-description .video-tags .tags-list{display:flex;flex-wrap:wrap;gap:0.5rem}.modern-video-page .video-description .video-tags .tags-list .tag-item{display:inline-block;padding:0.25rem 0.75rem;background:rgba(52, 152, 219, 0.2);color:#3498db;text-decoration:none;border-radius:20px;font-size:0.85rem;transition:all 0.2s}.modern-video-page .video-description .video-tags .tags-list .tag-item:hover{background:rgba(52, 152, 219, 0.3);transform:translateY(-1px)}.modern-video-page .video-transcript{margin-bottom:2rem;background:#2c3e50;border-radius:8px;overflow:hidden}.modern-video-page .video-transcript .transcript-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#34495e}.modern-video-page .video-transcript .transcript-header .transcript-title{display:flex;align-items:center;gap:0.5rem;margin:0;font-size:1.1rem;color:#fff}.modern-video-page .video-transcript .transcript-header .transcript-title i{color:#3498db}.modern-video-page .video-transcript .transcript-header .transcript-toggle{display:flex;align-items:center;gap:0.5rem;background:none;border:1px solid #3498db;color:#3498db;padding:0.5rem 1rem;border-radius:4px;cursor:pointer;transition:all 0.2s}.modern-video-page .video-transcript .transcript-header .transcript-toggle:hover{background:#3498db;color:#fff}.modern-video-page .video-transcript .transcript-header .transcript-toggle i{transition:transform 0.2s}.modern-video-page .video-transcript .transcript-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.modern-video-page .video-transcript .transcript-content.open{max-height:500px;overflow-y:auto}.modern-video-page .video-transcript .transcript-content .transcript-text{padding:1.5rem;line-height:1.6;color:#ecf0f1}.modern-video-page .comments-section{margin-bottom:2rem}.modern-video-page .comments-section .comments-header{margin-bottom:1rem}.modern-video-page .comments-section .comments-header .comments-title{display:flex;align-items:center;gap:0.5rem;margin:0;font-size:1.3rem;color:#fff}.modern-video-page .comments-section .comments-header .comments-title i{color:#3498db}.modern-video-page .newsletter-signup{margin-bottom:2rem}@media (min-width:1025px){.modern-video-page .newsletter-signup.mobile-only{display:none}}.modern-video-page .newsletter-signup .signup-card{background:linear-gradient(135deg, #3498db 0%, #2980b9 100%);border-radius:12px;padding:1.5rem;text-align:center}.modern-video-page .newsletter-signup .signup-card .signup-header{margin-bottom:1rem}.modern-video-page .newsletter-signup .signup-card .signup-header i{font-size:2rem;color:#fff;margin-bottom:0.5rem}.modern-video-page .newsletter-signup .signup-card .signup-header h4{color:#fff;margin:0;font-size:1.1rem;line-height:1.4}.modern-video-page .newsletter-signup .signup-card .input-group{display:flex;gap:0}@media (max-width:480px){.modern-video-page .newsletter-signup .signup-card .input-group{flex-direction:column;gap:0.5rem}}.modern-video-page .newsletter-signup .signup-card .input-group input{flex:1;padding:0.75rem 1rem;border:none;border-radius:6px 0 0 6px;font-size:1rem}@media (max-width:480px){.modern-video-page .newsletter-signup .signup-card .input-group input{border-radius:6px}}.modern-video-page .newsletter-signup .signup-card .input-group input::placeholder{color:#7f8c8d}.modern-video-page .newsletter-signup .signup-card .input-group input:focus{outline:none;box-shadow:0 0 0 2px rgba(255, 255, 255, 0.5)}.modern-video-page .newsletter-signup .signup-card .input-group .submit-btn{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#e74c3c;color:#fff;border:none;border-radius:0 6px 6px 0;font-weight:600;cursor:pointer;transition:background 0.2s}@media (max-width:480px){.modern-video-page .newsletter-signup .signup-card .input-group .submit-btn{border-radius:6px;justify-content:center}}.modern-video-page .newsletter-signup .signup-card .input-group .submit-btn:hover{background:#c0392b}