*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8f9fa;overflow-x:hidden}.page-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:30px;text-align:center;letter-spacing:-.5px}.scroll-wrapper{width:100%;overflow:hidden;position:relative}.scroll-wrapper:after,.scroll-wrapper:before{content:"";position:absolute;top:0;bottom:0;width:30px;z-index:10;pointer-events:none}.scroll-wrapper:before{left:0;background:linear-gradient(90deg,rgba(248,249,250,.8),transparent)}.scroll-wrapper:after{right:0;background:linear-gradient(270deg,rgba(248,249,250,.8),transparent)}.container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow-x:hidden}.video-scroll-container{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;padding:20px;width:calc(100vw - 40px);scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;box-sizing:border-box}.video-scroll-container::-webkit-scrollbar{display:none}.video-item{flex:0 0 280px;width:280px;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;position:relative;min-width:280px;max-width:280px}.video-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.video-item video{width:280px;height:500px;object-fit:cover;display:block;min-width:280px;max-width:280px}.popup-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-modal.active{display:block}.popup-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:16px;padding:20px;max-width:90%;max-height:90%;overflow:hidden}.close-btn{position:absolute;top:10px;right:20px;font-size:32px;font-weight:700;cursor:pointer;color:#666;z-index:1001;background:hsla(0,0%,100%,.9);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.close-btn:hover{background-color:#fff;color:#333}.popup-video{width:100%;height:auto;max-width:600px;max-height:80vh;border-radius:12px;outline:none}@media (max-width:768px){.container{padding:10px}.page-title{font-size:2rem;margin-bottom:20px}.video-scroll-container{gap:15px;padding:15px;width:calc(100vw - 20px)}.video-item{flex:0 0 200px}.video-item,.video-item video{width:200px;min-width:200px;max-width:200px}.video-item video{height:360px}.popup-content{padding:15px;margin:20px}.popup-video{max-width:100%;max-height:70vh}.close-btn{top:5px;right:15px;font-size:28px;width:35px;height:35px}}@media (max-width:480px){.page-title{font-size:1.8rem;margin-bottom:15px}.video-scroll-container{gap:10px;padding:10px;width:calc(100vw - 10px)}.video-item{flex:0 0 160px}.video-item,.video-item video{width:160px;min-width:160px;max-width:160px}.video-item video{height:290px}.container{padding:5px}}.video-scroll-container{scroll-behavior:smooth;min-width:100%}.video-item video{flex-shrink:0}@media (hover:none){.video-item:active{transform:scale(.98)}}