.lock-container {
     background: linear-gradient(to bottom right, #08007cf8, #0b00d6f8);

      border-radius: 20px;
      padding: 30px;
      text-align: center;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);


      
  
}

    .lock-icon {
      width: 80px;
      height: 80px;
      margin-bottom: 20px;
    }

    .input-container {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      background: rgb(255, 255, 255);
      border-radius: 20px;
      padding: 5px 10px;
      width: 100%;
      max-width: 200px;
      margin: 0 auto 20px;
    }

    .input-container img {
      width: 24px;
      margin-right: 0px;

    }

    .input-container input {
      border: none;
      outline: none;
      flex: 1;
      font-size: 16px;
      width: 80%;
      height: fit-content;
    }

    .ok-button {
      background: linear-gradient(to bottom, #ffffff, #cccccc);
      border: 1px solid #999;
      border-radius: 5px;
      padding: 5px 20px;
      font-size: 16px;
      cursor: pointer;
    }