@charset "UTF-8";
.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 .video-sidebar{display:flex;flex-direction:column;gap:2rem}@media (max-width:1024px){.modern-video-page .video-sidebar{margin-bottom:2rem}}.modern-video-page .sidebar-newsletter .newsletter-card{background:linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 4px 15px rgba(155, 89, 182, 0.3)}.modern-video-page .sidebar-newsletter .newsletter-card .newsletter-icon i{font-size:2.5rem;color:#fff;margin-bottom:1rem}.modern-video-page .sidebar-newsletter .newsletter-card .newsletter-content .newsletter-title{color:#fff;margin:0 0 1rem 0;font-size:1rem;line-height:1.4}.modern-video-page .sidebar-newsletter .newsletter-card .newsletter-content .form-group{display:flex;flex-direction:column;gap:0.75rem}.modern-video-page .sidebar-newsletter .newsletter-card .newsletter-content .form-group input{padding:0.75rem;border:none;border-radius:6px;font-size:0.95rem}.modern-video-page .sidebar-newsletter .newsletter-card .newsletter-content .form-group input::placeholder{color:#7f8c8d}.modern-video-page .sidebar-newsletter .newsletter-card .newsletter-content .form-group input:focus{outline:none;box-shadow:0 0 0 2px rgba(255, 255, 255, 0.5)}.modern-video-page .sidebar-newsletter .newsletter-card .newsletter-content .form-group .subscribe-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1rem;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all 0.2s}.modern-video-page .sidebar-newsletter .newsletter-card .newsletter-content .form-group .subscribe-btn:hover{background:#c0392b;transform:translateY(-2px)}.modern-video-page .dedication-section .dedication-text{background:rgba(52, 152, 219, 0.1);border-left:4px solid #3498db;padding:1rem;border-radius:0 6px 6px 0;font-style:italic;color:#bdc3c7}.modern-video-page .dedication-section .dedication-text:empty{display:none}.modern-video-page .program-info .program-card{background:#2c3e50;border-radius:12px;padding:1.5rem;border:1px solid #34495e;transition:all 0.2s}.modern-video-page .program-info .program-card:hover{border-color:#3498db;transform:translateY(-2px)}.modern-video-page .program-info .program-card .program-link{display:flex;align-items:center;gap:1rem;text-decoration:none;margin-bottom:1rem;transition:all 0.2s}.modern-video-page .program-info .program-card .program-link .program-image{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #3498db}.modern-video-page .program-info .program-card .program-link .program-image img{width:100%;height:100%;object-fit:cover}.modern-video-page .program-info .program-card .program-link .program-content .program-title{color:#fff;margin:0 0 0.25rem 0;font-size:1.1rem;font-weight:600;transition:color 0.2s}.modern-video-page .program-info .program-card .program-link .program-content .program-description{color:#bdc3c7;margin:0;font-size:0.9rem}.modern-video-page .program-info .program-card .program-link:hover .program-title{color:#3498db}.modern-video-page .program-info .program-card .view-all-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.75rem;background:#3498db;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:all 0.2s}.modern-video-page .program-info .program-card .view-all-btn:hover{background:#2980b9;transform:translateY(-2px)}.modern-video-page .sidebar-more-videos .more-videos-header{margin-bottom:1rem}.modern-video-page .sidebar-more-videos .more-videos-header .section-title{display:flex;align-items:center;gap:0.5rem;margin:0;font-size:1.2rem;color:#fff}.modern-video-page .sidebar-more-videos .more-videos-header .section-title i{color:#3498db}.modern-video-page .sidebar-more-videos .video-tabs{display:flex;margin-bottom:1rem;border-radius:6px;overflow:hidden}.modern-video-page .sidebar-more-videos .video-tabs .tab-btn{flex:1;padding:0.75rem 1rem;background:#34495e;color:#bdc3c7;border:none;cursor:pointer;transition:all 0.2s;font-size:0.9rem}.modern-video-page .sidebar-more-videos .video-tabs .tab-btn.active{background:#3498db;color:#fff}.modern-video-page .sidebar-more-videos .video-tabs .tab-btn:hover:not(.active){background:#3c5066;color:#fff}.modern-video-page .sidebar-more-videos .sidebar-videos-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:0.5rem}.modern-video-page .sidebar-more-videos .sidebar-videos-list::-webkit-scrollbar{width:6px}.modern-video-page .sidebar-more-videos .sidebar-videos-list::-webkit-scrollbar-track{background:#34495e;border-radius:3px}.modern-video-page .sidebar-more-videos .sidebar-videos-list::-webkit-scrollbar-thumb{background:#3498db;border-radius:3px}.modern-video-page .sidebar-more-videos .sidebar-videos-list::-webkit-scrollbar-thumb:hover{background:#2980b9}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item{display:flex;gap:1rem;padding:0.75rem;background:#34495e;border-radius:8px;transition:all 0.2s;cursor:pointer}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item:hover{background:#3c5066;transform:translateX(4px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.2)}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-thumbnail-small{width:80px;height:45px;border-radius:4px;overflow:hidden;flex-shrink:0;position:relative}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-thumbnail-small .thumbnail-bg{width:100%;height:100%;background-size:cover;background-position:center;position:relative}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-thumbnail-small .thumbnail-bg .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;opacity:0;transition:opacity 0.2s;background:rgba(0, 0, 0, 0.7);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-thumbnail-small .thumbnail-bg .play-icon i{font-size:0.8rem}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-thumbnail-small .thumbnail-bg:hover .play-icon{opacity:1}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-details .lecturer-name{color:#3498db;text-decoration:none;font-size:0.8rem;font-weight:500;margin-bottom:0.25rem}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-details .lecturer-name:hover{text-decoration:underline}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-details .video-title-small{text-decoration:none;flex:1}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-details .video-title-small h4{color:#fff;margin:0;font-size:0.9rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.2s}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-details .video-title-small:hover h4{color:#3498db}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-details .video-meta-small{margin-top:0.25rem}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-details .video-meta-small .views-small{color:#7f8c8d;font-size:0.75rem;display:flex;align-items:center;gap:0.25rem}.modern-video-page .sidebar-more-videos .sidebar-videos-list .sidebar-video-item .video-details .video-meta-small .views-small::before{content:"👁";font-size:0.7rem}@media (max-width:1024px){.modern-video-page .related-videos-section.desktop-only{display:none}}.modern-video-page .related-videos-section .section-header{margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:2px solid #34495e}.modern-video-page .related-videos-section .section-header .section-title{display:flex;align-items:center;gap:0.5rem;margin:0;font-size:1.3rem;color:#fff}.modern-video-page .related-videos-section .section-header .section-title i{color:#3498db}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width:1200px){.modern-video-page .related-videos-section .related-videos-container .related-videos-grid{grid-template-columns:1fr}}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card{display:flex;gap:1rem;background:#2c3e50;border-radius:8px;padding:1rem;transition:all 0.3s;border:1px solid transparent}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card:hover{background:#34495e;transform:translateY(-2px);border-color:#3498db;box-shadow:0 4px 15px rgba(52, 152, 219, 0.2)}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-thumbnail{width:120px;height:67px;border-radius:6px;overflow:hidden;flex-shrink:0;position:relative}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-thumbnail .thumbnail-image{width:100%;height:100%;background-size:cover;background-position:center;position:relative;transition:transform 0.3s}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-thumbnail .thumbnail-image .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;opacity:0;transition:all 0.2s;background:rgba(0, 0, 0, 0.7);border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-thumbnail .thumbnail-image .play-overlay i{font-size:1.2rem}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-thumbnail .thumbnail-image:hover{transform:scale(1.05)}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-thumbnail .thumbnail-image:hover .play-overlay{opacity:1}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-info .video-lecturer{color:#3498db;text-decoration:none;font-size:0.85rem;font-weight:500;margin-bottom:0.5rem}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-info .video-lecturer:hover{text-decoration:underline}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-info .video-title{text-decoration:none;flex:1}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-info .video-title h4{color:#fff;margin:0 0 0.5rem 0;font-size:1rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.2s}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-info .video-title:hover h4{color:#3498db}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-info .video-stats .views-count{color:#7f8c8d;font-size:0.85rem;display:flex;align-items:center;gap:0.25rem}.modern-video-page .related-videos-section .related-videos-container .related-videos-grid .related-video-card .video-info .video-stats .views-count::before{content:"👁";font-size:0.8rem}.modern-video-page .related-videos-section .related-videos-container .load-more-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:1rem;background:#3498db;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all 0.2s}.modern-video-page .related-videos-section .related-videos-container .load-more-btn:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 15px rgba(52, 152, 219, 0.3)}.modern-video-page .related-videos-section .related-videos-container .load-more-btn i{transition:transform 0.2s}.modern-video-page .related-videos-section .related-videos-container .load-more-btn:hover i{transform:rotate(90deg)}.modern-video-page .mobile-related-videos{padding:2rem 1rem;background:#2c3e50;margin-top:2rem}.modern-video-page .mobile-related-videos .mobile-section-header{margin-bottom:1.5rem;text-align:center}.modern-video-page .mobile-related-videos .mobile-section-header .mobile-section-title{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin:0;font-size:1.3rem;color:#fff}.modern-video-page .mobile-related-videos .mobile-section-header .mobile-section-title i{color:#3498db}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card{display:flex;gap:1rem;background:#34495e;border-radius:8px;padding:1rem;transition:all 0.2s}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card:hover{background:#3c5066;transform:translateX(4px)}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card .mobile-video-thumbnail{width:100px;height:56px;border-radius:6px;overflow:hidden;flex-shrink:0;position:relative}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card .mobile-video-thumbnail .mobile-thumbnail-bg{width:100%;height:100%;background-size:cover;background-position:center}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card .mobile-video-thumbnail .mobile-thumbnail-bg .mobile-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;opacity:0;transition:opacity 0.2s;background:rgba(0, 0, 0, 0.7);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card .mobile-video-thumbnail .mobile-thumbnail-bg .mobile-play-overlay i{font-size:1rem}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card .mobile-video-thumbnail .mobile-thumbnail-bg:hover .mobile-play-overlay{opacity:1}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card .mobile-video-info{flex:1;min-width:0}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card .mobile-video-info .mobile-video-lecturer{color:#3498db;text-decoration:none;font-size:0.85rem;font-weight:500;margin-bottom:0.25rem;display:block}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card .mobile-video-info .mobile-video-lecturer:hover{text-decoration:underline}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card .mobile-video-info .mobile-video-title{text-decoration:none}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card .mobile-video-info .mobile-video-title h4{color:#fff;margin:0 0 0.5rem 0;font-size:0.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.2s}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card .mobile-video-info .mobile-video-title:hover h4{color:#3498db}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card .mobile-video-info .mobile-video-stats .mobile-views-count{color:#7f8c8d;font-size:0.8rem;display:flex;align-items:center;gap:0.25rem}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-videos-list .mobile-video-card .mobile-video-info .mobile-video-stats .mobile-views-count::before{content:"👁";font-size:0.7rem}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-load-more-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:1rem;background:#3498db;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all 0.2s}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-load-more-btn:hover{background:#2980b9;transform:translateY(-2px)}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-load-more-btn i{transition:transform 0.2s}.modern-video-page .mobile-related-videos .mobile-videos-container .mobile-load-more-btn:hover i{transform:rotate(90deg)}.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;box-shadow:0 4px 15px rgba(52, 152, 219, 0.3)}.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:all 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;transform:translateY(-2px)}