:root{--color-primary:#17bed0;--color-primary-dark:#15abbe;--color-primary-light:rgba(23,190,208,0.1);--color-primary-5:rgba(23,190,208,0.05);--color-primary-10:rgba(23,190,208,0.1);--color-primary-20:rgba(23,190,208,0.2);--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-green-100:#d1fae5;--color-green-500:#10b981;--color-green-600:#059669;--color-green-700:#047857;--color-blue-100:#dbeafe;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-yellow-500:#eab308;--color-yellow-600:#ca8a04;--color-orange-600:#ea580c;--color-cyan-600:#0891b2;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-400:#c084fc;--color-purple-500:#a855f7;--color-purple-600:#9333ea;--color-purple-700:#7e22ce;--color-pink-50:#fdf2f8;--color-pink-200:#fbcfe8;--color-pink-500:#ec4899;--color-white:#ffffff;--color-black:#000000;--color-transparent:transparent;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-base:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--z-index-dropdown:10;--z-index-sticky:20;--z-index-header:50;--z-index-modal:100;--z-index-tooltip:200}.video-modal{position:fixed;inset:0;background-color:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-4);opacity:0;transition:opacity .3s ease,background-color .3s ease}.video-modal--visible{opacity:1;background-color:rgba(0,0,0,.9)}.video-modal--visible .video-modal__content{opacity:1;transform:translateY(0)}.video-modal__content{background-color:var(--color-white);border-radius:var(--radius-2xl);width:100%;max-width:75rem;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);opacity:0;transform:translateY(2rem);transition:opacity .3s ease,transform .3s ease}.video-modal__header{position:sticky;top:0;background-color:var(--color-white);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-100);z-index:10}@media(max-width:640px){.video-modal__header{padding:var(--spacing-2) var(--spacing-4)}}.video-modal__header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.video-modal__header-text{flex:1 1}.video-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0;line-height:var(--line-height-tight)}@media(max-width:768px){.video-modal__title{font-size:var(--font-size-base)}}@media(max-width:640px){.video-modal__title{font-size:var(--font-size-sm)}}.video-modal__title--link{text-decoration:none;transition:color .2s ease;cursor:pointer;display:block}.video-modal__title--link:hover{color:var(--color-primary)}.video-modal__title--link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.video-modal__subtitle{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0;line-height:var(--line-height-normal)}.video-modal__close{background-color:rgba(0,0,0,0);border:none;color:var(--color-gray-500);cursor:pointer;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background-color .2s ease;flex-shrink:0}.video-modal__close:hover{background-color:var(--color-gray-100)}.video-modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.video-modal__close i{font-size:var(--font-size-xl)}.video-modal__player{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background-color:var(--color-black);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.video-modal__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:0 0 var(--radius-xl) var(--radius-xl)}