<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Gram Rakshak</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/mobile-premium.css">
<style>
body{min-height:100vh;background:linear-gradient(135deg,#07111f,#123c88,#0ea5e9);display:flex;align-items:center;justify-content:center;padding:18px}
.landing{width:100%;max-width:460px}
.landing-card{background:rgba(255,255,255,.98);border-radius:30px;padding:28px 22px;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.brand{width:82px;height:82px;margin:0 auto 18px;border-radius:28px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900}
h1{margin:0;text-align:center;font-size:30px;color:#0f172a}
.welcome{text-align:center;color:#475569;margin:10px 0 24px;line-height:1.45}
.landing-actions{display:grid;gap:12px}
.landing-actions a{display:flex;min-height:56px;align-items:center;justify-content:center;border-radius:18px;font-weight:900}
.primary-link{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.28)}
.soft-link{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}
.footer{margin-top:16px;text-align:center;color:rgba(255,255,255,.82);font-size:12px}
</style>
</head>
<body>
<div class="landing">
    <div class="landing-card">
        <div class="brand">GR</div>
        <h1>Welcome To Gram Rakshak</h1>
        <div class="welcome">A mobile-first village security panel for visitor entries, Villager accounts, and suspicious visitor alerts.</div>
        <div class="landing-actions">
            <a class="primary-link" href="village-admin/login.php">Login As Village Admin</a>
            <a class="soft-link" href="sub-admin/login.php">Login As Villager</a>
            <a class="soft-link" href="sub-admin/register.php">Create Your Account As A Villager</a>
        </div>
    </div>
    <div class="footer">Gram Rakshak Village Security</div>
</div>
</body>
</html>
