<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="Aplikasi Pendataan Warga">
    <meta name="author" content="Murti Ayu Wijayanti">
    <link rel="icon" href="../../../favicon.ico">

    <title>Aplikasi Pendataan Warga</title>

    <!-- Bootstrap core CSS -->
    <link href="../../assets/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="../../assets/css/login.css" rel="stylesheet">
  </head>
  <style>
     body {
        background: url('../../assets/img/Banner.jpg') no-repeat center center fixed;
        background-size: cover;
      }

      .well {
        background: rgba(255, 255, 255, 0.1); /* Lebih transparan */
        backdrop-filter: blur(1px); /* Efek blur lebih kuat */
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); /* Bayangan lebih lembut */
        border: 1px solid rgba(255, 255, 255, 0.2); /* Tambahkan border tipis */
      }

      .admin-logo {
        background-image: url('assets/img/NH.png');
        display: block;
        margin: 20px auto;
        width: 120px; /* Sesuaikan ukuran */
        height: auto;
      }
      .form-signin-heading {
        color: white !important;
        font-weight: bold;
      }
      
    </style>

  <body>

    <div class="container">
