/* ================================
   BODY STYLE - Tata letak utama
   ================================ */
body {
  font-family: Arial, sans-serif;                /* Gunakan font Arial */
  display: flex;                                 /* Flex untuk center */
  justify-content: center;                       /* Posisi horizontal center */
  align-items: center;                           /* Posisi vertikal center */
  height: 100vh;                                 /* Full tinggi layar */
  background-color: #f3f3f3;                     /* Warna abu muda */
}

/* ================================
   CARD STYLE - Kotak putih login
   ================================ */
.card {
  background: #fff;                              /* Latar putih */
  padding: 30px;                                 /* Ruang dalam */
  border-radius: 8px;                            /* Sudut melengkung */
  width: 350px;                                  /* Lebar tetap */
  box-shadow: 0 0 10px rgba(0,0,0,0.1);          /* Bayangan lembut */
}

/* ================================
   JUDUL LOGIN
   ================================ */
h2 {
  text-align: center;
  margin-bottom: 20px;
}

/* ================================
   FORM GROUP - Tiap blok input
   ================================ */
.form-group {
  margin-bottom: 15px;
  text-align: left;
}

/* ================================
   INPUT & SELECT STYLE
   ================================ */
select, input {
  width: 100%;                                   /* Penuhi lebar card */
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* ================================
   BUTTON STYLE
   ================================ */
button {
  width: 100%;
  padding: 10px;
  background-color: #007bff;                    /* Biru Bootstrap */
  border: none;
  color: white;
  border-radius: 5px;
  margin-top: 10px;
  cursor: pointer;
}

/* ================================
   HIDDEN CLASS - untuk toggle form
   ================================ */
.hidden {
  display: none;
}
/* Untuk hover */
button:hover {
  background-color: #0056b3;
}