<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Terima Kasih</title>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/mobile-style.css?ver=500">

<style>
.text-glow {
    color: #fff;
    text-shadow: 0 0 8px #b5e7ff, 0 0 15px #b5e7ff;
}
</style>

</head>
<body class="night-stars fade-in">

<!-- Bulan -->
<div id="moon"></div>

<!-- Bintang -->
<div class="stars"></div>
<div class="stars2"></div>
<div class="stars3"></div>

<!-- Shooting Stars -->
<div class="shooting-star" style="left: 75%; animation-delay: 2.5s;"></div>
<div class="shooting-star" style="left: 55%; animation-delay: 8s;"></div>

<!-- Fireflies -->
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>

<div class="container">
    <div class="card-mobile text-center">

        <img src="../../assets/img/src/logo-sidebar.png" width="80" class="mb-3" alt="Masjid" style="filter: drop-shadow(0 0 6px #b5e7ff);">

        <h4 class="fw-bold text-glow">Terima Kasih!</h4>
        <p class="text-white-50 mb-4">
            Masukan Anda sudah kami terima 🤲✨<br>
            Semoga menjadi amal jariyah bagi kita semua.
        </p>

        <a href="../.." class="btn btn-success w-100 fw-bold">
            Kembali ke Beranda
        </a>

    </div>
</div>

<script src="js/mobile-script.js?ver=500"></script>

</body>
</html>
