.youtube-section{padding:80px 0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);position:relative;overflow:hidden}.youtube-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.03) 0,transparent 50%)}.youtube-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.youtube-wrapper{position:relative;max-width:900px;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);background:#000;transition:box-shadow .3s ease;will-change:box-shadow}.youtube-wrapper:hover{box-shadow:0 35px 70px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1)}.youtube-frame{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#000}.youtube-frame video{object-fit:cover;transition:opacity .3s ease}.video-skeleton,.youtube-frame video{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:24px}.video-skeleton{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);overflow:hidden;display:flex;align-items:center;justify-content:center}.skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent);animation:skeleton-shimmer 2s ease-in-out infinite}.skeleton-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px}.skeleton-play-button{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-play-icon{width:0;height:0;border-left:20px solid rgba(255,255,255,.6);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}.skeleton-progress{width:200px;height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.skeleton-progress-bar{width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:skeleton-progress 2s ease-in-out infinite}.video-error{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(30,30,30,.9);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.8);text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.video-error p{font-size:16px;margin:0}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes skeleton-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes skeleton-progress{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}.youtube-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:24px;overflow:hidden}.youtube-glow{position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;will-change:transform,opacity}@keyframes shimmer{0%,to{transform:translateX(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{transform:translateX(100%) translateY(100%) rotate(45deg);opacity:1}}@media (max-width:768px){.youtube-section{padding:60px 0}.youtube-container{padding:0 16px}.video-error,.video-skeleton,.youtube-frame video,.youtube-overlay,.youtube-wrapper{border-radius:16px}.skeleton-play-button{width:60px;height:60px}.skeleton-play-icon{border-left:15px solid rgba(255,255,255,.6);border-top:9px solid transparent;border-bottom:9px solid transparent}.skeleton-progress{width:150px}.error-icon{font-size:36px}.video-error p{font-size:14px}}@media (max-width:480px){.youtube-section{padding:40px 0}.youtube-container{padding:0 12px}.video-error,.video-skeleton,.youtube-frame video,.youtube-overlay,.youtube-wrapper{border-radius:12px}.skeleton-play-button{width:50px;height:50px}.skeleton-play-icon{border-left:12px solid rgba(255,255,255,.6);border-top:7px solid transparent;border-bottom:7px solid transparent}.skeleton-progress{width:120px;height:3px}.error-icon{font-size:28px}.video-error p{font-size:12px}}@media (prefers-color-scheme:dark){.youtube-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.youtube-wrapper{box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05)}.youtube-wrapper:hover{box-shadow:0 35px 70px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1)}}@media (prefers-reduced-motion:reduce){.youtube-wrapper{transition:none;will-change:auto}.youtube-glow{will-change:auto}.skeleton-play-button,.skeleton-progress-bar,.skeleton-shimmer,.youtube-glow{animation:none}}@media (max-width:768px){.youtube-glow{animation-duration:6s}}