/* Pastikan page full height */
html, body {
  height: 100%;
}

/* Container utama login jadi flex dan center */
.pf-v5-c-login,
.pf-v5-c-login__container {
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hilangkan header kanan bawaan (kalau masih muncul) */
#kc-header {
  display: none !important;
}

/* Main area jangan terlalu lebar dan pastikan center */
.pf-v5-c-login__main {
  width: 100% !important;
  max-width: 520px !important;
}

/* Biar card tetap center kalau ada padding bawaan */
.pf-v5-c-login__main-body,
.pf-v5-c-login__main-header {
  width: 100% !important;
}


/* Sembunyikan seluruh blok form lokal (username/password) */
#kc-form, #kc-form-wrapper, #kc-form-login {
  display: none !important;
}

/* Rapihin header brand (opsional) */
#kc-header-wrapper {
  font-weight: 700;
  letter-spacing: .2px;
}

/* Card info biar elegan */
.siasy-card {
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 18px;
  margin-bottom: 14px;
}

.siasy-subtitle {
  margin-top: 6px;
  opacity: .85;
  line-height: 1.5;
}

/* Tombol Google jangan membesar */
#kc-social-providers a#social-google,
.siasy-google-btn {
  max-width: 420px;
  margin: 0 auto;
  justify-content: center !important;
  gap: 12px;
}

#kc-social-providers svg.google,
.siasy-google-btn svg.google {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

/* Hilangkan band "Or sign in with" dari template bawaan */
.pf-v5-c-login__main-footer-band {
  display: none !important;
}

/* Hilangkan header kanan (brand bawaan) */
#kc-header {
  display: none !important;
}

/* Biar card login fokus & center */
.pf-v5-c-login__container {
  justify-content: center !important;
}

.pf-v5-c-login__main {
  max-width: 520px !important;
}

/* (Opsional) Perbesar sedikit jarak dan rapihin bayangan */
.pf-v5-c-login__main-body {
  margin-top: 8px !important;
}

.pf-v5-c-login__container {
  margin: 0 auto !important;
}

.pf-v5-c-login__main {
  margin: 0 auto !important;
}

/* Center judul besar dan heading */
#kc-page-title,
#kc-page-title * {
  text-align: center !important;
}

/* Kalau judul kamu ada di elemen lain (mis. h1 custom) */
.pf-v5-c-login__main-header h1,
.pf-v5-c-login__main-header .pf-v5-c-title {
  text-align: center !important;
  width: 100% !important;
}

/* (Opsional) bikin judul agak “rapih” */
.pf-v5-c-login__main-header {
  justify-content: center !important;
}

.pf-v5-c-login__main > .pf-v5-c-login__main-header,
.pf-v5-c-login__main > .pf-v5-c-login__main-header * {
  text-align: center !important;
}