.elementor-346 .elementor-element.elementor-element-b49771d{--display:flex;--padding-top:72px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-346 .elementor-element.elementor-element-b49771d:not(.elementor-motion-effects-element-type-background), .elementor-346 .elementor-element.elementor-element-b49771d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1c29556 );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-346 .elementor-element.elementor-element-d91dd2f .elementor-icon-wrapper{text-align:center;}.elementor-346 .elementor-element.elementor-element-d91dd2f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8fea699 );}.elementor-346 .elementor-element.elementor-element-d91dd2f.elementor-view-framed .elementor-icon, .elementor-346 .elementor-element.elementor-element-d91dd2f.elementor-view-default .elementor-icon{color:var( --e-global-color-8fea699 );border-color:var( --e-global-color-8fea699 );}.elementor-346 .elementor-element.elementor-element-d91dd2f.elementor-view-framed .elementor-icon, .elementor-346 .elementor-element.elementor-element-d91dd2f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8fea699 );}.elementor-346 .elementor-element.elementor-element-d91dd2f .elementor-icon{font-size:12px;}.elementor-346 .elementor-element.elementor-element-d91dd2f .elementor-icon svg{height:12px;}.elementor-346 .elementor-element.elementor-element-f690419 .elementor-icon-wrapper{text-align:center;}.elementor-346 .elementor-element.elementor-element-f690419.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-162072c );}.elementor-346 .elementor-element.elementor-element-f690419.elementor-view-framed .elementor-icon, .elementor-346 .elementor-element.elementor-element-f690419.elementor-view-default .elementor-icon{color:var( --e-global-color-162072c );border-color:var( --e-global-color-162072c );}.elementor-346 .elementor-element.elementor-element-f690419.elementor-view-framed .elementor-icon, .elementor-346 .elementor-element.elementor-element-f690419.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-162072c );}.elementor-346 .elementor-element.elementor-element-f690419 .elementor-icon{font-size:12px;}.elementor-346 .elementor-element.elementor-element-f690419 .elementor-icon svg{height:12px;}.elementor-346 .elementor-element.elementor-element-9e2f599 .elementor-icon-wrapper{text-align:center;}.elementor-346 .elementor-element.elementor-element-9e2f599.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d6b5074 );}.elementor-346 .elementor-element.elementor-element-9e2f599.elementor-view-framed .elementor-icon, .elementor-346 .elementor-element.elementor-element-9e2f599.elementor-view-default .elementor-icon{color:var( --e-global-color-d6b5074 );border-color:var( --e-global-color-d6b5074 );}.elementor-346 .elementor-element.elementor-element-9e2f599.elementor-view-framed .elementor-icon, .elementor-346 .elementor-element.elementor-element-9e2f599.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d6b5074 );}.elementor-346 .elementor-element.elementor-element-9e2f599 .elementor-icon{font-size:12px;}.elementor-346 .elementor-element.elementor-element-9e2f599 .elementor-icon svg{height:12px;}.elementor-346 .elementor-element.elementor-element-71eca5f2{--display:flex;--padding-top:50px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}/* Start custom CSS *//* ==========================================================================
   SCOPE Pertamina — Ultimate Member: Login Page Theming
   Target: halaman /login/ (form #um-login, redirect ke /account/)
   Cara pakai: paste ke Elementor > Site Settings > Custom CSS,
   atau enqueue sebagai file terpisah di plugin founders-helper-scope-pertamina
   (includes/assets/css/um-login-theme.css) — HANYA di-load pada halaman login,
   jangan digabung dengan um-account-theme.css agar ringan.

   ⚠ WAJIB DICEK (pelajaran dari halaman Account):
   1. Sora/Inter/IBM Plex Mono harus sudah aktif via Elementor Kit >
      Site Settings > Global Fonts, atau di-enqueue manual. Tanpa ini,
      font-family di bawah tidak akan terlihat efeknya.
   2. Tombol & elemen kontras (Login, Register) di-set langsung dengan
      !important + specificity tinggi sejak awal — bukan reaktif — karena
      pola konflik specificity dengan CSS tema sudah terbukti berulang
      di halaman Account (tombol Update Account & tab aktif sempat
      ke-override jadi biru/abu-abu).
   ========================================================================== */

:root{
  --scope-red:    #E62A28;
  --scope-green:  #A8C539;
  --scope-blue:   #0074BD;
  --scope-ink:    #1A1A1A;
  --scope-paper:  #F7F6F2;
  --scope-border: #E5E2DA;
  --scope-font-heading: 'Sora', sans-serif;
  --scope-font-body:    'Inter', sans-serif;
  --scope-font-mono:    'IBM Plex Mono', monospace;
}

/* --------------------------------------------------------------------
   1. Wrapper / Card
   -------------------------------------------------------------------- */
.um.um-login{
  font-family: var(--scope-font-body);
  color: var(--scope-ink);
  background: #FFFFFF;
  border: 1px solid var(--scope-border);
  border-radius: 12px;
  padding: 36px 32px;
  max-width: 440px;
  margin: 0 auto;
  box-shadow: 0 4px 24px rgba(26, 26, 26, 0.06);
}

.um-login .um-form{
  background: transparent;
}

/* --------------------------------------------------------------------
   2. Field labels & inputs
   -------------------------------------------------------------------- */
.um-login .um-field-label label{
  font-family: var(--scope-font-mono);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--scope-ink);
}

.um-login .um-form-field{
  font-family: var(--scope-font-body);
  font-size: 14px;
  color: var(--scope-ink);
  background: var(--scope-paper);
  border: 1px solid var(--scope-border);
  border-radius: 6px;
  padding: 12px 14px;
  width: 100%;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.um-login .um-form-field:focus{
  outline: none;
  border-color: var(--scope-blue);
  background: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(0, 116, 189, 0.12);
}

.um-login .um-toggle-password i{
  color: var(--scope-blue);
  opacity: 0.7;
}

/* --------------------------------------------------------------------
   3. "Keep me signed in" checkbox
   -------------------------------------------------------------------- */
.um-login .um-field-checkbox-option{
  font-family: var(--scope-font-body);
  font-size: 13px;
  color: var(--scope-ink);
}

.um-login .um-field-checkbox-state i{
  color: var(--scope-border);
  font-size: 18px;
}

.um-login .um-field-checkbox input:checked ~ .um-field-checkbox-state i{
  color: var(--scope-green);
}

/* --------------------------------------------------------------------
   4. Buttons — Login (primary) & Register (secondary)
   Specificity tinggi + !important sejak awal, lihat catatan di header file.
   -------------------------------------------------------------------- */
.um-login.um-login.um-login .um-button,
.um-login.um-login.um-login input[type="submit"]#um-submit-btn{
  display: block;
  width: 100%;
  text-align: center;
  font-family: var(--scope-font-heading) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
  color: #FFFFFF !important;
  background: var(--scope-red) !important;
  border: 1px solid var(--scope-red) !important;
  border-radius: 6px !important;
  padding: 12px 20px !important;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.15s ease;
  box-sizing: border-box;
}

.um-login.um-login.um-login .um-button:hover{
  background: #C42220 !important;
  border-color: #C42220 !important;
  transform: translateY(-1px);
}

/* Register = tombol sekunder (outline, bukan filled) */
.um-login.um-login.um-login .um-button.um-alt{
  background: #FFFFFF !important;
  color: var(--scope-blue) !important;
  border: 1px solid var(--scope-blue) !important;
}

.um-login.um-login.um-login .um-button.um-alt:hover{
  background: var(--scope-blue) !important;
  color: #FFFFFF !important;
}

/* --------------------------------------------------------------------
   5. Layout tombol Login/Register (um-left/um-right berdampingan)
   -------------------------------------------------------------------- */
.um-login .um-col-alt{
  margin-top: 24px;
}

.um-login .um-half{
  width: 48%;
  box-sizing: border-box;
}

.um-login .um-left.um-half{
  float: left;
}

.um-login .um-right.um-half{
  float: right;
}

.um-login .um-clear{
  clear: both;
}

/* --------------------------------------------------------------------
   6. Forgot password link
   -------------------------------------------------------------------- */
.um-login .um-col-alt-b{
  margin-top: 20px;
  text-align: center;
  border-top: 1px solid var(--scope-border);
  padding-top: 16px;
}

.um-login .um-link-alt{
  font-family: var(--scope-font-mono);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--scope-blue);
  text-decoration: none;
}

.um-login .um-link-alt:hover{
  color: var(--scope-red);
  text-decoration: underline;
}

/* --------------------------------------------------------------------
   7. Responsive
   -------------------------------------------------------------------- */
@media (max-width: 480px){
  .um.um-login{
    padding: 24px 20px;
    border-radius: 8px;
    box-shadow: none;
  }
  .um-login .um-half{
    width: 100%;
    float: none;
    margin-bottom: 12px;
  }
}/* End custom CSS */