<!DOCTYPE html>
<html>
<head>
    <title>Certificate Verification | RS Learning Lab</title>
    <style>
        body {
            background:#0f172a;
            color:#ffffff;
            font-family: Arial, sans-serif;
        }
        .card {
            width:420px;
            margin:120px auto;
            background:#020617;
            padding:30px;
            border-radius:14px;
            box-shadow:0 0 25px rgba(0,0,0,0.6);
        }
        h2 {
            text-align:center;
        }
        input {
            width:100%;
            padding:12px;
            margin-top:15px;
            border-radius:8px;
            border:none;
            font-size:15px;
        }
        button {
            width:100%;
            padding:12px;
            margin-top:20px;
            background:#0b8c9f;
            color:#fff;
            border:none;
            border-radius:8px;
            font-size:16px;
            cursor:pointer;
        }
        button:hover {
            background:#0aa0b5;
        }
    </style>
</head>
<body>

<div class="card">
    <h2>Certificate Verification</h2>
    <p style="text-align:center;">Enter Certificate ID</p>

    <form action="verify_action.php" method="POST">
        <input type="text" name="certificate_id" placeholder="Eg: RSL-2025-00123" required>
        <button type="submit">Verify Certificate</button>
    </form>
</div>

</body>
</html>
