.youtube-section{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:80px 0;position:relative;overflow:hidden}.youtube-section:before{content:"";background:radial-gradient(circle at 20% 80%,#ffffff08 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff08 0%,#0000 50%);position:absolute;inset:0}.youtube-container{z-index:2;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.youtube-wrapper{will-change:box-shadow;background:#000;border-radius:24px;max-width:900px;margin:0 auto;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.youtube-wrapper:hover{box-shadow:0 35px 70px -12px #0009,0 0 0 1px #ffffff1a}.youtube-frame{background:#000;width:100%;height:0;padding-bottom:56.25%;position:relative}.youtube-frame video{object-fit:cover;border-radius:24px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.video-skeleton{background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border-radius:24px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.skeleton-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);width:100%;height:100%;animation:2s ease-in-out infinite skeleton-shimmer;position:absolute;top:0;left:0}.skeleton-content{z-index:2;flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.skeleton-play-button{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:1.5s ease-in-out infinite skeleton-pulse;display:flex}.skeleton-play-icon{border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:20px solid #fff9;width:0;height:0;margin-left:4px}.skeleton-progress{background:#ffffff1a;border-radius:2px;width:200px;height:4px;overflow:hidden}.skeleton-progress-bar{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:30%;height:100%;animation:2s ease-in-out infinite skeleton-progress}.video-error{color:#fffc;text-align:center;background:#1e1e1ee6;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.error-icon{margin-bottom:16px;font-size:48px}.video-error p{margin:0;font-size:16px}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes skeleton-progress{0%{transform:translate(-100%)}to{transform:translate(300%)}}.youtube-overlay{pointer-events:none;border-radius:24px;position:absolute;inset:0;overflow:hidden}.youtube-glow{will-change:transform,opacity;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);animation:3s ease-in-out infinite shimmer;position:absolute;inset:-50%;transform:rotate(45deg)}@keyframes shimmer{0%,to{opacity:0;transform:translate(-100%)translateY(-100%)rotate(45deg)}50%{opacity:1;transform:translate(100%)translateY(100%)rotate(45deg)}}@media (max-width:768px){.youtube-section{padding:60px 0}.youtube-container{padding:0 16px}.youtube-wrapper,.youtube-frame video,.youtube-overlay,.video-skeleton,.video-error{border-radius:16px}.skeleton-play-button{width:60px;height:60px}.skeleton-play-icon{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:15px solid #fff9}.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}.youtube-wrapper,.youtube-frame video,.youtube-overlay,.video-skeleton,.video-error{border-radius:12px}.skeleton-play-button{width:50px;height:50px}.skeleton-play-icon{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:12px solid #fff9}.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 0%,#2d2d2d 100%)}.youtube-wrapper{box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.youtube-wrapper:hover{box-shadow:0 35px 70px -12px #0009,0 0 0 1px #ffffff1a}}@media (prefers-reduced-motion:reduce){.youtube-wrapper{will-change:auto;transition:none}.youtube-glow{will-change:auto;animation:none}.skeleton-shimmer,.skeleton-play-button,.skeleton-progress-bar{animation:none}}@media (max-width:768px){.youtube-glow{animation-duration:6s}}
.popup-overlay{z-index:9999;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{flex-direction:column;align-items:center;animation:.3s ease-in-out slideUp;display:flex;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-image{width:auto;max-width:90vw;height:auto;max-height:70vh;display:block}.popup-buttons{gap:8px;margin-top:12px;display:flex}.popup-button{cursor:pointer;border:none;border-radius:4px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.popup-button-close{color:#fff;background-color:#666}.popup-button-close:hover{background-color:#555}.popup-button-today{color:#fff;background-color:#333}.popup-button-today:hover{background-color:#222}@media (max-width:768px){.popup-image{max-width:85vw;max-height:60vh}.popup-buttons{gap:6px;margin-top:10px}.popup-button{padding:5px 12px;font-size:12px}}