/* GLOBAL STYLES */
html, body {
  margin: 0;
  padding: 0;
  height: 100vh; /* Ensures full viewport height */
  overflow: hidden; /* Prevents scrolling on the body */
}

/* HEADER */
.header {
  background: #ffffff;
  margin: 0px 20px -90px 20px;
}

.bantuan {
  font-family: 'Lato', sans-serif;
  font-size: 0.85em; /* Ukuran font sedikit lebih besar agar terbaca */
  font-weight: 600; /* Sedikit lebih tebal agar menonjol sebagai tautan */
  text-align: right; /* Teks tetap di kanan */
  padding: 0.2em 0.5em; /* Padding minimalis di sekitar teks */
  background-color: transparent; /* Latar belakang transparan */
  color: #000000; /* Warna teks yang lebih gelap dan netral */
  border: none; /* Tanpa border */
  border-radius: 0.3em; /* Sedikit membulat agar area hover terlihat rapi */
  cursor: pointer;
  display: inline-flex; /* Untuk menyejajarkan ikon dan teks */
  align-items: center;
  gap: 0.4em;
  text-decoration: none; /* Menghilangkan garis bawah default jika ini link */
  transition: all 0.2s ease-in-out; /* Transisi halus untuk efek hover */
  padding: 0px 0px 0px 40px;
}

.bantuan:hover {
  background-color: rgba(33, 188, 255, 0.1); /* Latar belakang biru sangat tipis saat di-hover */
  color: #21BCFF; /* Teks berubah menjadi biru cerah saat di-hover */
  text-decoration: underline; /* Tambahkan garis bawah saat di-hover */
}

.bantuan-icn {
  max-height: 0.85em; /* Ukuran ikon disesuaikan */
  filter: brightness(0.8); /* Sedikit menggelapkan ikon agar menyatu dengan teks */
  transition: filter 0.2s ease-in-out; /* Transisi untuk filter ikon */
}

.bantuan:hover .bantuan-icn {
    filter: brightness(1); /* Ikon kembali normal atau sedikit cerah saat di-hover */
}

.logo {
  padding-left: 2%;
  padding-top: 1%;
  padding-bottom: 1%;
}

/* bigBG */
.hero-section {
  background: url(../Assets/P1133148-2048x1536.jpg) no-repeat center center fixed; /* Added center center fixed for full cover and no scroll */
  background-size: cover;
  height: 100vh;
  text-align: center;
  display: flex; /* Modern flexbox syntax */
  align-items: center;
  justify-content: center;
  width: 100%; /* Ensure it takes full width */
}

/* Login */
.login {
  background: #ffffff;
  border: #ff7b02; /* Ini masih terlihat sebagai deklarasi border yang tidak lengkap. Jika Anda ingin border, tentukan lebar dan gaya, contoh: border: 1px solid #ff7b02; */
  border-radius: 1em;
  padding: 1.5em;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Menambahkan bayangan */
}

.login-text {
  font-family: 'Lato', sans-serif;
  font-size: 2em;
  font-weight: 900;
  padding-top: 1em;
  color: #000000;
}

.login-content {
  font-family: 'Lato', sans-serif;
  font-size: 0.8em;
  font-weight: 400;
  padding-bottom: 1em;
  color: #000000;
}

.printer-icon {
  /* No styles defined for .printer-icon in the original CSS */
}

.input-rounded {
  border-radius: 10em;
  text-align: center;
  min-width: 20em;
}

.input-submit-rounded {
    border-radius: 10em;
    text-align: center;
    min-width: 22em;
    font-family: 'lato', sans-serif;
    font-weight: 400;
    background-color: #000000; /* Warna latar belakang hitam */
    color: #ffffff; /* Warna teks putih */
    border: none; /* Menghilangkan border default */
    cursor: pointer; /* Mengubah kursor menjadi pointer saat di atas tombol */
    transition: background-color 0.3s ease; /* Transisi untuk efek halus */
}

.input-submit-rounded:hover {
    background-color: #ff7b02; /* Warna coklat saat di-hover (Contoh: Sienna) */
}

.footer-login {
  padding: 25px 0px 0px 0px;
  color: #000000;
  font-family: 'lato', sans-serif;
  font-size: 0.8em;
}