:root {--primary-color: #ca0538;--primary-dark: #ca0538;--secondary-color: #1e3a8a;--secondary-light: #3b82f6;--light-bg: #f8f9fa;
            --gradient-primary: #ca0538;--gradient-secondary: #ca0538;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.16);--transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
            .video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);border-radius: 16px;box-shadow: var(--shadow-lg);border: 4px solid transparent;background-image: linear-gradient(#000, #000), var(--gradient-primary);background-origin: border-box;background-clip: padding-box, border-box;border-color: #ca0538}
            .video-container iframe,.video-container video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 12px;}
            .video-thumbnail-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;border-radius: 12px;overflow: hidden;}
            .video-thumbnail-overlay img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
            .video-thumbnail-overlay:hover img {transform: scale(1.03);}
            .video-thumbnail-overlay::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);z-index: 1;transition: background 0.3s ease;}
            .video-thumbnail-overlay:hover::before {background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 100%);}
            .video-thumbnail img {min-height: 195px;object-fit: cover;}
            .play-button-large {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90px;height: 90px;background: linear-gradient(135deg, rgba(255, 107, 53, 0.95) 0%, rgba(255, 140, 66, 0.95) 100%);border-radius: 50%;z-index: 2;display: flex;align-items: center;justify-content: center;box-shadow: 0 8px 32px rgba(255, 107, 53, 0.5);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
            .play-button-large::before {content: '';position: absolute;width: 110px;height: 110px;border: 3px solid rgba(255, 107, 53, 0.4);border-radius: 50%;animation: playPulse 2s ease-out infinite;}
            @keyframes playPulse {
                0% { transform: scale(1); opacity: 1; }
                100% { transform: scale(1.4); opacity: 0; }
            }
            .play-button-large i {color: white;font-size: 36px;margin-left: 6px;}
            .video-thumbnail-overlay:hover .play-button-large {transform: translate(-50%, -50%) scale(1.12);box-shadow: 0 12px 40px rgba(255, 107, 53, 0.6);}
            .video-duration-badge {position: absolute;bottom: 16px;right: 16px;background: rgba(0, 0, 0, 0.85);color: white;padding: 6px 12px;border-radius: 6px;font-size: 14px;font-weight: 600;z-index: 2;letter-spacing: 0.5px;}
            .video-container.playing .video-thumbnail-overlay {display: none;}
            .editable-section {padding: 15px;border-radius: 5px;background: #fff;border: 1px solid #e5e7eb;transition: var(--transition);}
            .editable-section p {margin: 0;}
            .editable-section:hover {box-shadow: var(--shadow-md);border-color: #d1d5db;}
            .cta-box {background: #002868;color: white;padding: 40px;border-radius: 20px;text-align: center;box-shadow: var(--shadow-lg);position: relative;overflow: hidden;}
            .cta-box::before {content: '';position: absolute;top: -50%;right: -50%;width: 200%;height: 200%;}
            @keyframes pulse {
                0%, 100% { transform: scale(1); opacity: 0.5; }
                50% { transform: scale(1.1); opacity: 0.8; }
            }
            .cta-box h3 {font-size: 26px;font-weight: 700;margin-bottom: 16px;position: relative;z-index: 1;}
            .cta-box p {font-size: 16px;line-height: 1.6;opacity: 0.95;position: relative;z-index: 1;}
            .cta-button {background: var(--gradient-primary);color: white;border: none;padding: 16px 36px;border-radius: 8px;font-weight: 700;font-size: 16px;text-decoration: none;display: inline-block;transition: var(--transition);position: relative;z-index: 1;overflow: hidden;width: 100%;}
            .cta-button::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition: left 0.5s;}
            .cta-button:hover::before {left: 100%;}
            .cta-button:hover {transform: translateY(-4px) scale(1.05);box-shadow: 0 8px 24px rgba(255, 107, 53, 0.4);color: white;}
            .highlight-card {border: 2px solid #e5e7eb;border-radius: 8px;padding: 15px;margin-top: 15px;transition: var(--transition);position: relative;overflow: hidden;}
            .highlight-icon {background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);border-radius: 16px;display: flex;align-items: center;justify-content: center;color: var(--secondary-color);margin-right: 18px;transition: var(--transition);box-shadow: var(--shadow-sm);height: 28px;width: 28px;}
            .highlight-icon i {font-size: 18px;}
            .content-section h3 {padding: 0;}
            .highlight-card:hover .highlight-icon {box-shadow: var(--shadow-md);}
            .section-badge i.fas.fa-star {color: #ff6b35;font-size: 18px}
            .highlight-icon img {filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));}
            .video-grid-card {background: #fff;border: 2px solid #e5e7eb;border-radius: 8px;padding: 0;margin-bottom: 24px;transition: var(--transition);cursor: pointer;overflow: hidden;}
            .video-grid-card:hover {box-shadow: var(--shadow-lg);transform: translateY(-8px);border-color: var(--primary-color);}
            .video-thumbnail {position: relative;background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);border-radius: 0;overflow: hidden;margin-bottom: 0;}
            .video-thumbnail::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;background: #002868;border-radius: 50%;transition: var(--transition);box-shadow: 0 4px 16px rgba(30, 58, 138, 0.4);}
            .video-grid-card:hover .video-thumbnail::after {transform: translate(-50%, -50%) scale(1.15);background: var(--gradient-primary);box-shadow: 0 6px 24px rgba(255, 107, 53, 0.5);}
            .video-thumbnail::before {content: '▶';position: absolute;top: 50%;left: 50%;transform: translate(-40%, -50%);color: white;font-size: 28px;z-index: 2;transition: var(--transition);text-shadow: 0 2px 8px rgba(0,0,0,0.3);}
            .video-grid-card:hover .video-thumbnail::before {transform: translate(-40%, -50%) scale(1.2);}
            .duration-badge {position: absolute;bottom: 12px;right: 12px;background: rgba(0, 0, 0, 0.9);color: white;padding: 6px 12px;border-radius: 8px;font-size: 13px;font-weight: 700;z-index: 2;backdrop-filter: blur(8px);box-shadow: 0 2px 8px rgba(0,0,0,0.3);}
            .video-grid-card h5 {padding: 10px;margin: 0;font-size: 15px;font-weight: 600;line-height: 1.5;color: #1f2937;transition: color 0.3s ease;}
            .video-grid-card:hover h5 {color: var(--primary-color);}
            .transcript-section {background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);border: 2px solid #e5e7eb;border-radius: 8px;overflow: hidden;}
            .transcript-header {background: #f9f9f9;padding: 15px;cursor: pointer;border-bottom: 2px solid #e5e7eb;display: flex;justify-content: space-between;align-items: center;transition: var(--transition);}
            .transcript-header:hover {background: #f9fafb;}
            .transcript-header strong {font-size: 17px;font-weight: 700;color: #1f2937;}
            .transcript-header i.fa-chevron-down {transition: transform 0.3s ease;}
            .transcript-header[aria-expanded="true"] i.fa-chevron-down {transform: rotate(180deg);}
            .transcript-content {padding: 0;background: white;}
            .transcript-body {padding: 15px;line-height: 1.8;color: #374151;max-height: 350px;overflow: auto;}
            .section-header {display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 20px;}
            .section-header h2 {font-size: 28px;font-weight: 800;color: #1f2937;margin: 0;display: flex;align-items: center;gap: 12px;}
            .section-header h2 i {font-size: 26px;}
            .view-all-link {display: inline-flex;align-items: center;font-size: 15px;font-weight: 700;transition: var(--transition);padding: 12px 24px;border-radius: 8px;color: #fff ;white-space: nowrap;}
            a.view-all-link.cta-button{width: auto}
            .view-all-link i {transition: transform 0.3s ease;}
            .view-all-link:hover i {transform: translateX(1px);}
            .status-badge {background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);color: #92400e;padding: 8px 16px;border-radius: 8px;font-size: 13px;font-weight: 700;box-shadow: var(--shadow-sm);}
            .blog-text-date {font-size: 15px;color: #6b7280;font-weight: 500;}
            h1 {font-size: 36px;font-weight: 800;color: #111827;line-height: 1.3;margin-bottom: 16px;}
            .video-title {font-size: 42px;font-weight: 700;color: #111827;line-height: 1.2;margin-bottom: 0;}
            .video-meta {padding: 12px 0;border-bottom: 2px solid #f3f4f6;}
            .content-section {position: relative;}
            .section-badge {display: inline-flex;align-items: center;color: #000;padding: 8px 0;border-radius: 50px;font-size: 20px;font-weight: 700;}
            .section-badge i {font-size: 13px;}
            .content-section.card {border: 1px solid #e5e7eb;}
            .sticky-sidebar {position: sticky;top: 24px;}
            .cta-icon {width: 64px;height: 64px;background: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.1) 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto;font-size: 28px;color: white;box-shadow: 0 4px 16px rgba(0,0,0,0.1);}
            @media (max-width: 768px) {
                .editable-section {padding: 20px;}
                .cta-box {padding: 28px;}
                .cta-box h3 {font-size: 22px;}
                h1 {font-size: 28px;}
                a.view-all-link.cta-button {width: auto;padding: 8px 10px;font-size: 14px;}
                .video-title {font-size: 24px;}
                .section-header h2 {font-size: 22px;}
                .section-header {flex-direction: column;align-items: flex-start;gap: 12px;}
                .video-grid-card {margin-bottom: 16px;}
                .sticky-sidebar {position: relative;top: 0;}
                .cta-icon {width: 56px;height: 56px;font-size: 24px;}
            }
            @keyframes fadeInUp {
                from {opacity: 0;transform: translateY(30px);}
                to {opacity: 1;transform: translateY(0);}
            }
            .video-grid-card,.highlight-card {animation: fadeInUp 0.6s ease-out;}
            .transcript-body span {background: #def1ff;padding: 0 6px;border-radius: 5px;margin-bottom: 10px;display: inline-block;}