.hero{position:relative;height:100vh;overflow:hidden}.hero-slide{position:absolute;width:100%;height:100%}.hero-video{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;background:linear-gradient(to right,#000000bf,#0006);z-index:1}.hero-content{position:absolute;z-index:2;top:50%;left:8%;transform:translateY(-50%);max-width:600px;color:#fff}.category{font-size:14px;letter-spacing:2px;text-transform:uppercase;opacity:.8}.hero-content h1{font-size:70px;margin:20px 0;font-weight:700;line-height:1.1}.hero-content p{font-size:20px;opacity:.85;margin-bottom:30px}.hero-buttons{display:flex;gap:20px}.btn-primary{background:#fff;color:#000;padding:14px 30px;border-radius:30px;border:none;font-weight:600;cursor:pointer;transition:.3s}.btn-primary:hover{background:#e5e5e5}.btn-secondary{background:transparent;border:2px solid white;color:#fff;padding:14px 30px;border-radius:30px;cursor:pointer;transition:.3s}.btn-secondary:hover{background:#fff;color:#000}.arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:40px;background:#ffffff1a;border:none;color:#fff;padding:10px 18px;cursor:pointer;z-index:3;transition:.3s}.arrow:hover{background:#ffffff4d}.arrow.left{left:20px}.arrow.right{right:20px}.progress-bar{position:absolute;bottom:0;left:0;height:4px;background:#fff;z-index:4}