<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8">

<title>Access Information</title>

<style>

body {
    background:#f2f2f2;
    font-family:Arial, sans-serif;
}

.box {

    width:350px;
    margin:120px auto;
    background:white;
    padding:30px;
    border-radius:10px;
    box-shadow:0 0 15px #ccc;
    text-align:center;

}

h2 {
    color:#222;
}

input {

    width:90%;
    padding:12px;
    margin:15px 0;
    font-size:16px;
    border:1px solid #aaa;
    border-radius:5px;

}

button {

    padding:12px 35px;
    background:#007bff;
    color:white;
    border:none;
    border-radius:5px;
    cursor:pointer;
    font-size:16px;

}

button:hover {

    background:#0056b3;

}

</style>

</head>


<body>


<div class="box">

<h2>Access Information</h2>

<p>
To access the information, please enter your ID.
</p>


<form action="process.php" method="post">

<input 
type="text"
name="id"
placeholder="Enter your ID"
required>


<br>


<button type="submit">
Continue
</button>


</form>


</div>


</body>
</html>