/* ============================================================
   HALAMAN LOGIN - E-RISKMAP SDKP BELAWAN
   Struktur:
   1. Reset Dasar (Body/HTML)
   2. Carousel Foto Login
   3. Panel Login (Kartu & Form)
   ============================================================ */

/* ------------------------------------------------------------
   1. RESET DASAR (BODY/HTML)
   ------------------------------------------------------------ */
   body,
   html {
       height: 100%;
       margin: 0;
       overflow-x: hidden;
       font-family: "Segoe UI", Arial, sans-serif;
   }
   
   /* ------------------------------------------------------------
      2. CAROUSEL FOTO LOGIN
      ------------------------------------------------------------ */
   .carousel-item {
       height: 100vh;
   }
   .carousel-item img {
       object-fit: cover;
       height: 100%;
       width: 100%;
       filter: brightness(0.6);
   }
   .carousel-caption {
       bottom: 4%;
       text-align: left;
       left: 10%;
       right: 10%;
       padding: 20px;
       background: rgba(0, 0, 0, 0.4);
       backdrop-filter: blur(5px);
       border-left: 4px solid #3498db;
       border-radius: 8px;
   }
   .carousel-caption h2 {
       font-weight: 800;
       text-transform: uppercase;
       letter-spacing: 1px;
   }
   
   /* ------------------------------------------------------------
      3. PANEL LOGIN (KARTU & FORM)
      ------------------------------------------------------------ */
   .login-side {
       background-color: #f8f9fa;
   }
   .login-card {
       width: 100%;
       max-width: 420px;
       padding: 40px;
       background: white;
       border-radius: 12px;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
   }
   .form-control {
       border-radius: 8px;
       padding: 12px 15px;
       background-color: #f1f5f9;
       border: 1px solid #e2e8f0;
   }
   .form-control:focus {
       background-color: #fff;
       border-color: #3498db;
       box-shadow: 0 0 0 0.25rem rgba(52, 152, 219, 0.25);
   }
   .btn-login {
       background-color: #2c3e50;
       border: none;
       padding: 12px;
       border-radius: 8px;
       font-weight: bold;
       letter-spacing: 1px;
       transition: all 0.3s ease;
   }
   .btn-login:hover {
       background-color: #1a252f;
       transform: translateY(-2px);
   }