: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}.videos-section{padding:var(--spacing-10) 0;background:linear-gradient(to bottom left,rgba(249,250,251,.8),var(--color-primary-5),var(--color-white))}@media(min-width:768px){.videos-section{padding:var(--spacing-16) 0}}.videos-section__container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.videos-section__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-6);color:var(--color-gray-800)}@media(min-width:768px){.videos-section__title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-12)}}.videos-section__grid{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:96rem;margin:0 auto}@media(min-width:768px){.videos-section__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-8);gap:var(--spacing-8)}}.videos-section__card{background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease;display:block;text-decoration:none;cursor:pointer}.videos-section__card:hover{box-shadow:var(--shadow-md)}.videos-section__thumbnail{position:relative;height:10rem;background-color:var(--color-gray-200)}@media(min-width:768px){.videos-section__thumbnail{height:12rem}}.videos-section__image{width:100%;height:100%;object-fit:cover}.videos-section__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3);transition:background-color .2s ease}.videos-section__overlay:hover{background-color:rgba(0,0,0,.4)}.videos-section__play-button{width:2.5rem;height:2.5rem;background-color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}@media(min-width:768px){.videos-section__play-button{width:3.5rem;height:3.5rem}}.videos-section__play-button i{color:var(--color-primary);font-size:var(--font-size-sm)}@media(min-width:768px){.videos-section__play-button i{font-size:var(--font-size-xl)}}.videos-section__content{padding:var(--spacing-3)}@media(min-width:768px){.videos-section__content{padding:var(--spacing-5)}}.videos-section__video-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-800);margin-bottom:var(--spacing-1)}@media(min-width:768px){.videos-section__video-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}}.videos-section__video-description{color:var(--color-gray-600);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}@media(min-width:768px){.videos-section__video-description{font-size:var(--font-size-sm)}}.videos-section__cta{text-align:center;margin-top:var(--spacing-6)}@media(min-width:768px){.videos-section__cta{margin-top:var(--spacing-10)}}.videos-section__button{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:background-color .2s ease}@media(min-width:768px){.videos-section__button{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg)}}.videos-section__button i{font-size:var(--font-size-xs)}@media(min-width:768px){.videos-section__button i{font-size:var(--font-size-sm)}}.videos-section__button:hover{background-color:var(--color-primary-5)}