<!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}
.final-card{width:100%;max-width:430px;background:#fff;border-radius:30px;padding:30px 22px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.mark{width:82px;height:82px;border-radius:28px;margin:0 auto 18px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900}
h1{margin:0 0 8px;color:#0f172a;font-size:28px}
p{margin:0 0 22px;color:#475569;line-height:1.45}
a{display:flex;min-height:56px;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-weight:900}
</style>
</head>
<body>
<div class="final-card">
    <div class="mark">GR</div>
    <h1>Thank You</h1>
    <p>You are safely logged out from Gram Rakshak.</p>
    <a href="index.php">Back To Welcome Screen</a>
</div>
</body>
</html>
