.watch-container{color:#fff;min-height:100vh;padding:20px}.watch-header{margin-bottom:40px;padding:20px 0}.watch-header h1{margin-bottom:10px;font-size:2.5rem;font-weight:700}.category-filter{flex-wrap:wrap;gap:15px;margin-top:20px;display:flex}.category-filter button{color:#fff;cursor:pointer;background-color:#1a1a1a;border:2px solid #333;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s}.category-filter button:hover{background-color:#2a2a2a;border-color:#555}.category-filter button.active{color:#fff;text-shadow:-1.5px -1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,1.5px 1.5px #000;background:radial-gradient(150% 80% at 50% 20%,#00ff4099 0%,#0000 50%),linear-gradient(#026c19 0%,#00a626 100%);border-color:#00a626;font-size:14px;font-style:normal;font-weight:700}.video-section{margin-bottom:50px}.video-section h2{color:#fff;margin-bottom:20px;padding-bottom:10px;font-size:1.8rem;font-weight:600}.video-row-container{position:relative}.video-row{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:20px;padding-bottom:15px;display:flex;overflow:auto hidden}.video-row::-webkit-scrollbar{display:none}.scroll-arrow{color:#fff;cursor:pointer;z-index:10;background-color:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:32px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.scroll-arrow:hover{background-color:#000000e6;transform:translateY(-50%)scale(1.1)}.scroll-arrow.left{left:-25px}.scroll-arrow.right{right:-25px}.video-card{cursor:pointer;background-color:#1a1a1a;border-radius:12px;flex:0 0 320px;transition:transform .3s,box-shadow .3s;overflow:hidden}.video-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000080}.video-thumbnail{background-color:#000;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.play-overlay{color:#000;opacity:0;background-color:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card:hover .play-overlay{opacity:1}.video-info{padding:15px}.video-info h3{color:#fff;margin-bottom:8px;font-size:1.1rem;font-weight:600;line-height:1.4}.video-info p{color:#aaa;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.video-player-modal{z-index:1000;background-color:#000000f2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.video-player-container{background-color:#1a1a1a;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;position:relative;overflow-y:auto}.close-button{color:#fff;cursor:pointer;z-index:10;background-color:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:background-color .3s;display:flex;position:absolute;top:15px;right:15px}.close-button:hover{background-color:#000000e6}.video-player-wrapper{background-color:#000;padding-top:56.25%;position:relative}.video-player-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0}.video-player-info{padding:25px}.video-player-info h2{color:#fff;margin-bottom:15px;font-size:1.8rem;font-weight:600}.video-player-info p{color:#aaa;font-size:1rem;line-height:1.6}@media (max-width:1280px){.video-card{flex:0 0 190px}.video-info{padding:9px}.video-info h3{margin-bottom:5px;font-size:.85rem}.video-info p{font-size:.7rem}.category-filter{gap:12px;margin-top:18px}.category-filter button{padding:9px 18px;font-size:.9rem}.category-filter button.active{color:#fff;text-shadow:-1.5px -1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,1.5px 1.5px #000;background:radial-gradient(150% 80% at 50% 20%,#00ff4099 0%,#0000 50%),linear-gradient(#026c19 0%,#00a626 100%);border-color:#00a626;font-size:13px;font-style:normal;font-weight:700}}@media (max-width:768px){.watch-header h1{font-size:2rem}.category-filter{gap:10px}.category-filter button{padding:8px 15px;font-size:.85rem}.video-section h2{font-size:1.5rem}.video-card{flex:0 0 170px}.video-info{padding:8px}.video-info h3{margin-bottom:4px;font-size:.8rem}.video-info p{font-size:.65rem}.video-player-info h2{font-size:1.4rem}.video-player-info p{font-size:.9rem}.category-filter{gap:10px;margin-top:15px}.category-filter button{border-radius:6px;padding:8px 16px;font-size:.85rem}.category-filter button.active{color:#fff;text-shadow:-1.5px -1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,1.5px 1.5px #000;background:radial-gradient(150% 80% at 50% 20%,#00ff4099 0%,#0000 50%),linear-gradient(#026c19 0%,#00a626 100%);border-color:#00a626;font-size:12px;font-style:normal;font-weight:700}}@media (max-width:480px){.watch-container{padding:15px}.video-card{flex:0 0 125px}.video-info{padding:6px}.video-info h3{margin-bottom:3px;font-size:.65rem}.video-info p{font-size:.55rem}.video-row{gap:15px}.category-filter{gap:8px;margin-top:12px}.category-filter button{border-radius:5px;padding:7px 14px;font-size:.8rem}.category-filter button.active{color:#fff;text-shadow:-1.5px -1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,1.5px 1.5px #000;background:radial-gradient(150% 80% at 50% 20%,#00ff4099 0%,#0000 50%),linear-gradient(#026c19 0%,#00a626 100%);border-color:#00a626;font-size:11px;font-style:normal;font-weight:700}}