:root{--primary-color: #009640;--hover-color: #007a34;--text-color: #333;--light-text: #666;--bg-color: #f8fafc;--card-bg: #fff;--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);--primary-hover: #007a33;--control-bg: rgba(0, 0, 0, 0.7)}*{box-sizing:border-box}body{font-family:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);margin:0;padding:0;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}#video{max-width:1200px;margin:0 auto;padding:0 15px;padding-top:180px;width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.video__title{text-align:center;color:var(--primary-color);margin-bottom:10px;font-weight:600;font-size:30px;letter-spacing:-0.5px}.video__discr{font-size:20px;color:var(--light-text);margin-top:0;text-align:center;margin-bottom:50px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:25px;margin-bottom:40px;width:100%;padding:0}.video-card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease;width:100%}.video-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px -5px rgba(0,0,0,.15)}.thumbnail-container{position:relative;padding-top:56.25%;background:#000;overflow:hidden;border-radius:20px}.thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:12px 12px 0 0}.video-card:hover .thumbnail{transform:scale(1.03)}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;background-color:hsla(0,0%,100%,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.15);z-index:10}.video-card:hover .play-overlay{background-color:var(--primary-color);transform:translate(-50%, -50%) scale(1.1)}.play-icon{width:0;height:0;border-top:16px solid rgba(0,0,0,0);border-bottom:16px solid rgba(0,0,0,0);border-left:26px solid var(--primary-color);margin-left:8px;transition:all .2s ease}.video-card:hover .play-icon{border-left-color:#fff}.video-info{padding:18px;border-radius:0 0 12px 12px;background:var(--card-bg)}.video-title{font-weight:500;margin:0 0 10px 0;font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.2px}.video-description{color:var(--light-text);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:15px;line-height:1.5;display:none}#video__show{max-width:1200px;margin:0 auto;padding:20px;padding-top:180px}.video-header{margin-bottom:15px}.video__show-title{color:var(--primary-color);margin-bottom:15px;text-align:center;font-size:30px;font-weight:600}.back-btn-container{margin-bottom:20px}.video-wrapper{position:relative;width:100%;margin-bottom:30px;background:#000;border-radius:20px;overflow:hidden}video{width:100%;display:block}.video-description{background:#fff;padding:20px;border-radius:8px;margin-bottom:30px;box-shadow:0 1px 3px rgba(0,0,0,.1);font-family:"Jost",sans-serif}.back-btn{display:inline-flex;align-items:center;padding:8px 16px;background-color:rgba(0,0,0,0);color:#474747;text-decoration:none;border-radius:4px;transition:all .3s;font-size:.95rem;font-family:"Jost",sans-serif}.back-btn:hover{background-color:rgba(0,150,64,.1);color:#007a33}.back-btn svg{margin-right:8px;stroke:currentColor;width:16px;height:16px}.custom-video-controls{position:absolute;bottom:0;left:0;right:0;background:var(--control-bg);padding:10px;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .2s ease-out;z-index:10}.video-wrapper:hover .custom-video-controls,.video-wrapper:focus-within .custom-video-controls,.video-wrapper.active-controls .custom-video-controls{transform:translateY(0)}.controls-row{display:flex;align-items:center;margin-bottom:8px}.controls-row:last-child{margin-bottom:0}.control-btn{background:rgba(0,0,0,0);border:none;color:#fff;cursor:pointer;padding:5px;margin-right:10px;font-size:16px;transition:all .2s;outline:none;font-family:"Jost",sans-serif}.control-btn:hover{color:var(--primary-color);transform:scale(1.1)}.control-btn:last-child{margin-right:0}.progress-container{flex-grow:1;height:6px;background:hsla(0,0%,100%,.2);border-radius:3px;margin-right:10px;cursor:pointer;position:relative}.progress-bar{height:100%;background:var(--primary-color);border-radius:3px;width:0%;position:relative}.time-display{color:#fff;font-size:14px;white-space:nowrap;font-family:"Jost",sans-serif}.volume-container{display:flex;align-items:center;width:100px}.volume-slider{flex-grow:1;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;cursor:pointer;margin-left:5px}.volume-level{height:100%;background:var(--primary-color);border-radius:2px;width:50%}.fullscreen-btn{margin-left:auto}.play-pause-btn .play-icon{display:none}.play-pause-btn .pause-icon{display:inline}.play-pause-btn.paused .play-icon{display:inline}.play-pause-btn.paused .pause-icon{display:none}.video-wrapper.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;border-radius:0;background:#000}.video-wrapper.fullscreen video{height:100%;object-fit:contain}.video-wrapper.fullscreen .custom-video-controls{padding:15px}.video-wrapper.fullscreen .control-btn{font-size:20px;padding:8px}.video-wrapper.fullscreen .progress-container{height:8px}.video-wrapper.fullscreen .time-display{font-size:16px}.loading-progress{position:absolute;top:0;left:0;width:100%;height:3px;background:hsla(0,0%,100%,.2);z-index:5;display:none}.loading-progress-bar{height:100%;background:var(--primary-color);width:0%;transition:width .3s ease}.buffering-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;z-index:4;display:none}@keyframes spin{to{transform:translate(-50%, -50%) rotate(360deg)}}@media(max-width: 768px){body{padding:10px 0}#video{padding-left:0;padding-right:0}.container{padding:0;width:100%}.video__title{font-size:24px;margin-bottom:5px;padding:0 15px}.video__discr{font-size:16px;margin-bottom:30px;padding:0 15px}.video-grid{grid-template-columns:1fr;gap:20px;padding:0 15px;width:100%;margin:0 auto}.video-card{margin:0}.play-overlay{width:60px;height:60px}.play-icon{border-top:12px solid rgba(0,0,0,0);border-bottom:12px solid rgba(0,0,0,0);border-left:18px solid var(--primary-color);margin-left:5px}.video-info{padding:15px}.video-title{font-size:1.05rem;white-space:normal}.video-description{font-size:.9rem;-webkit-line-clamp:3}#video__show{padding:15px;padding-top:120px}.video__show-title{font-size:1.3rem;margin-bottom:12px}.back-btn{padding:7px 14px;font-size:.9rem}.custom-video-controls{padding:8px;transform:translateY(100%)}.video-wrapper.active-controls .custom-video-controls{transform:translateY(0)}.control-btn{font-size:14px;padding:3px}.time-display{font-size:12px}.volume-container{width:80px}.buffering-spinner{width:40px;height:40px}}@media(max-width: 480px){.video__title{font-size:22px}.video__discr{font-size:15px}.play-overlay{width:50px;height:50px}.play-icon{border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);border-left:15px solid var(--primary-color)}.video-grid{padding:0 10px}}