<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TutorFinder Admin Portal - Login</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body { background: #0F172A; color: #F8FAFC; height: 100vh; display: flex; align-items: center; justify-content: center; }
        .login-card { background: #1E293B; border-radius: 16px; border: 1px solid #334155; padding: 40px; width: 100%; max-width: 420px; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.5); }
        .btn-primary { background: #0D47A1; border: none; padding: 12px; font-weight: 600; border-radius: 10px; }
        .btn-primary:hover { background: #1565C0; }
    </style>
</head>
<body>

<div class="login-card">
    <div class="text-center mb-4">
        <h2 class="fw-bold text-primary">🎓 TutorFinder</h2>
        <p class="text-secondary">Admin Management Portal</p>
    </div>

    
    <form method="POST">
        <div class="mb-3">
            <label class="form-label text-slate-300">Username</label>
            <input type="text" name="username" class="form-control bg-dark text-white border-secondary" placeholder="admin" required>
        </div>
        <div class="mb-4">
            <label class="form-label text-slate-300">Password</label>
            <input type="password" name="password" class="form-control bg-dark text-white border-secondary" placeholder="••••••••" required>
        </div>
        <button type="submit" class="btn btn-primary w-100">Sign In to Dashboard</button>
    </form>
</div>

</body>
</html>
