.youtube-videos{position:relative;overflow:hidden;padding:5rem 0;background:linear-gradient(180deg,#0f172a 0,rgba(15,23,42,.95) 50%,#0f172a)}@media (min-width:640px){.youtube-videos{padding:6rem 0}}@media (min-width:1024px){.youtube-videos{padding:8rem 0}}.youtube-videos__bg-pattern{position:absolute;inset:0;opacity:.12;pointer-events:none}.youtube-videos__bg-svg{position:absolute;inset:0;width:100%;height:100%}.youtube-videos__bg-play{opacity:.4}.youtube-videos__bg-play-circle{fill:none;stroke:#fff;stroke-width:2;opacity:.5}.youtube-videos__bg-play-triangle{fill:#fff;opacity:.6}.youtube-videos__bg-frame{opacity:.25}.youtube-videos__bg-frame-outer{fill:none;stroke:#fff;stroke-width:1.5}.youtube-videos__bg-frame-inner{fill:none;stroke:#fff;stroke-width:1;opacity:.5}.youtube-videos__bg-wave{fill:none;stroke:#fff;stroke-width:1.2;opacity:.2}.youtube-videos__bg-dot{fill:#fff;opacity:.15}.youtube-videos__minimal-pattern{position:absolute;inset:0;opacity:.04;pointer-events:none}.youtube-videos__minimal-pattern:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px,#fff 1px,transparent 0);background-size:40px 40px}.youtube-videos__gradient-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,165,164,.15),transparent,transparent);pointer-events:none}.youtube-videos__container{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.youtube-videos__container{padding:0 1.5rem}}@media (min-width:1024px){.youtube-videos__container{padding:0 2rem}}.youtube-videos__header{text-align:center;margin-bottom:3.5rem}.youtube-videos__title{font-family:var(--font-figtree),sans-serif;font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:1rem}@media (min-width:640px){.youtube-videos__title{font-size:2.25rem}}@media (min-width:1024px){.youtube-videos__title{font-size:3rem}}.youtube-videos__subtitle{color:hsla(0,0%,100%,.7);font-size:1.125rem;max-width:42rem;margin:0 auto}.youtube-videos__grid{display:grid;gap:1.5rem;max-width:72rem;margin:0 auto}.youtube-videos__loading{display:flex;justify-content:center;align-items:center;padding:5rem 0}.youtube-videos__spinner{width:3rem;height:3rem;border-radius:50%;border-bottom:2px solid #0ea5a4;animation:youtube-videos-spin .8s linear infinite}@keyframes youtube-videos-spin{to{transform:rotate(1turn)}}.youtube-videos__empty{grid-column:1/-1;text-align:center;padding:3rem;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:1rem}.youtube-videos__empty-text{color:hsla(0,0%,100%,.7);margin-bottom:1rem}@media (min-width:640px){.youtube-videos__grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width:1024px){.youtube-videos__grid{grid-template-columns:repeat(3,1fr)}}.youtube-videos__card{display:block;border-radius:12px;overflow:hidden;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s ease;box-shadow:0 4px 14px rgba(0,0,0,.15)}.youtube-videos__card:hover{transform:scale(1.08) translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.25),0 0 0 1px hsla(0,0%,100%,.1)}.youtube-videos__thumb-wrap{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden}.youtube-videos__thumb{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.youtube-videos__card:hover .youtube-videos__thumb{transform:scale(1.1)}.youtube-videos__gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.4) 35%,transparent 55%);pointer-events:none}.youtube-videos__thumb-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e)}.youtube-videos__thumb-icon{width:4rem;height:4rem;color:hsla(0,0%,100%,.5)}.youtube-videos__play-wrap{position:absolute;inset:0;pointer-events:none}.youtube-videos__play-btn,.youtube-videos__play-wrap{display:flex;align-items:center;justify-content:center}.youtube-videos__play-btn{width:4.5rem;height:4.5rem;border-radius:50%;background:rgba(220,38,38,.95);box-shadow:0 8px 24px rgba(0,0,0,.4);transform:scale(.9);transition:transform .3s ease,box-shadow .3s ease}.youtube-videos__card:hover .youtube-videos__play-btn{transform:scale(1.05);box-shadow:0 12px 32px rgba(220,38,38,.4)}.youtube-videos__play-icon{width:2rem;height:2rem;color:#fff;margin-left:.2rem}.youtube-videos__content-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1.25rem 1.25rem;text-align:left}.youtube-videos__card-title{font-family:var(--font-figtree),sans-serif;font-weight:700;font-size:1.05rem;color:#fff;margin:0 0 .35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.5)}.youtube-videos__card-date{display:block;color:hsla(0,0%,100%,.75);font-size:.8rem;margin-bottom:.5rem}.youtube-videos__watch-link{display:inline-flex;align-items:center;gap:.4rem;color:#5eead4;font-size:.8rem;font-weight:600;letter-spacing:.02em}.youtube-videos__watch-link svg{width:1rem;height:1rem;transition:transform .3s ease}.youtube-videos__card:hover .youtube-videos__watch-link{color:#99f6e4}.youtube-videos__card:hover .youtube-videos__watch-link svg{transform:translateX(3px)}.youtube-videos__cta-wrap{text-align:center;margin-top:3rem}.youtube-videos__channel-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;border:2px solid hsla(0,0%,100%,.6);color:#fff;font-weight:600;transition:all .3s ease}.youtube-videos__channel-btn:hover{background:hsla(0,0%,100%,.15);border-color:#fff;color:#fff}.youtube-videos__channel-btn svg{width:1.25rem;height:1.25rem}