:root{
  --ukeb-primary:#0d4e94;
  --ukeb-primary-2:#155fae;
  --ukeb-primary-dark:#083b70;
  --ukeb-primary-soft:#eef6ff;
  --ukeb-ink:#101828;
  --ukeb-muted:#667085;
  --ukeb-border:#d9e2ec;
  --ukeb-surface:#ffffff;
  --ukeb-surface-2:#f7f9fc;
  --ukeb-shadow:0 24px 70px rgba(13,78,148,.12);
}

.ukeb-slr-wrap{max-width:560px;margin:34px auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ukeb-ink)}
.ukeb-slr-card{position:relative;overflow:hidden;background:rgba(255,255,255,.98);border:1px solid rgba(13,78,148,.12);border-radius:26px;padding:30px;box-shadow:var(--ukeb-shadow);color:var(--ukeb-ink);backdrop-filter:blur(14px)}
.ukeb-slr-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--ukeb-primary),var(--ukeb-primary-2));pointer-events:none}

.ukeb-topbar{display:flex;justify-content:flex-end;margin:-4px 0 6px}
.ukeb-lang-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:82px;min-height:40px;padding:8px 13px;border:1.5px solid var(--ukeb-primary);border-radius:12px;background:var(--ukeb-primary);color:#fff!important;font-size:13px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 7px 18px rgba(13,78,148,.18);transition:all .2s ease}
.ukeb-lang-toggle:hover,.ukeb-lang-toggle:focus-visible,.ukeb-lang-toggle:active{background:#fff;color:#000!important;border-color:var(--ukeb-primary);transform:translateY(-1px);box-shadow:0 10px 24px rgba(13,78,148,.16)}
.ukeb-lang-toggle *{color:inherit!important}.ukeb-lang-icon{font-size:15px;line-height:1}.ukeb-lang-text{font-weight:800;letter-spacing:.3px}

.ukeb-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.ukeb-brand img{width:50px;height:50px;object-fit:cover;border-radius:15px;box-shadow:0 8px 20px rgba(13,78,148,.14)}.ukeb-brand strong,.ukeb-brand span{display:block}.ukeb-brand strong{font-size:19px;line-height:1.25;color:var(--ukeb-ink);letter-spacing:-.2px}.ukeb-brand span{font-size:13px;color:var(--ukeb-muted);margin-top:4px}

.ukeb-form label{display:block;margin-bottom:15px}.ukeb-form label>span{display:block;font-size:13px;font-weight:750;margin-bottom:7px;color:#1d2939}.ukeb-form input,.ukeb-form select{width:100%;box-sizing:border-box;min-height:50px;padding:13px 14px;border:1px solid var(--ukeb-border);border-radius:13px;background:#fff;color:var(--ukeb-ink);font-size:15px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.ukeb-form input:hover,.ukeb-form select:hover{border-color:#b7c8db;background:#fcfdff}.ukeb-form input:focus,.ukeb-form select:focus{border-color:var(--ukeb-primary);box-shadow:0 0 0 4px rgba(13,78,148,.10);background:#fff}.ukeb-form input::placeholder{color:#98a2b3}
.ukeb-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.ukeb-method-tabs,.ukeb-auth-head{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f1f4f8;padding:5px;border:1px solid #edf1f5;border-radius:14px;margin:3px 0 18px}
.ukeb-method-tabs button,.ukeb-auth-head button{min-height:44px;border:0;background:transparent;padding:11px 12px;border-radius:10px;font-weight:800;cursor:pointer;color:#344054;opacity:1;transition:all .18s ease}
.ukeb-method-tabs button:hover,.ukeb-auth-head button:hover{background:#e9f2fc;color:#000}
.ukeb-method-tabs button.active,.ukeb-auth-head button.active{background:var(--ukeb-primary);box-shadow:0 7px 18px rgba(13,78,148,.18);color:#fff!important}
.ukeb-method-tabs button.active:hover,.ukeb-auth-head button.active:hover,.ukeb-method-tabs button.active:focus,.ukeb-auth-head button.active:focus,.ukeb-method-tabs button.active:active,.ukeb-auth-head button.active:active{background:#fff;color:#000!important;box-shadow:0 7px 20px rgba(13,78,148,.15);outline:1px solid rgba(13,78,148,.28)}

.ukeb-phone-row{display:flex;direction:ltr}.ukeb-phone-row input{border-radius:0 13px 13px 0}.ukeb-dial{display:flex;align-items:center;justify-content:center;min-width:70px;padding:0 13px;border:1px solid var(--ukeb-border);border-right:0;background:var(--ukeb-primary-soft);color:var(--ukeb-primary);border-radius:13px 0 0 13px;font-weight:800}.ukeb-phone-help{display:block;margin-top:7px;color:var(--ukeb-muted);font-size:12px}

.ukeb-pass{position:relative}.ukeb-pass input{padding-right:54px}.ukeb-toggle-pass{position:absolute;right:7px;left:auto;top:7px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:11px;background:var(--ukeb-primary);color:#fff!important;cursor:pointer;font-size:15px;line-height:1;transition:all .18s ease;box-shadow:0 5px 12px rgba(13,78,148,.16)}.ukeb-toggle-pass:hover,.ukeb-toggle-pass:focus-visible,.ukeb-toggle-pass:active{background:#fff;color:#000!important;border-color:var(--ukeb-primary);transform:scale(1.03);box-shadow:0 6px 16px rgba(13,78,148,.14)}.ukeb-toggle-pass *{color:inherit!important;fill:currentColor!important}

.ukeb-submit{width:100%;min-height:52px;border:1px solid var(--ukeb-primary);border-radius:14px;padding:14px 18px;background:linear-gradient(135deg,var(--ukeb-primary),var(--ukeb-primary-2));color:#fff!important;font-size:16px;font-weight:850;letter-spacing:.1px;cursor:pointer;box-shadow:0 12px 26px rgba(13,78,148,.22);transition:all .2s ease}.ukeb-submit:hover,.ukeb-submit:focus-visible,.ukeb-submit:active{background:#fff;color:#000!important;border-color:var(--ukeb-primary);transform:translateY(-1px);box-shadow:0 12px 28px rgba(13,78,148,.17)}.ukeb-submit:disabled{opacity:.58;cursor:wait;transform:none}

.ukeb-msg{margin:10px 0;font-size:14px}.ukeb-msg.error{color:#b42318;background:#fff2f0;border:1px solid #ffd5d0;border-radius:11px;padding:10px 12px}.ukeb-msg.success{color:var(--ukeb-primary-dark);background:var(--ukeb-primary-soft);border:1px solid #cfe3f8;border-radius:11px;padding:10px 12px}
.ukeb-login-meta{display:flex;justify-content:space-between;align-items:center;margin:4px 0 17px;font-size:13px}.ukeb-login-meta a,.ukeb-switch a{color:var(--ukeb-primary);font-weight:750;text-decoration:none}.ukeb-login-meta a:hover,.ukeb-switch a:hover{color:#000;text-decoration:underline}.ukeb-check{display:flex!important;gap:7px;align-items:center;margin:0!important}.ukeb-check input{width:auto;min-height:auto;accent-color:var(--ukeb-primary)}
.ukeb-divider{display:flex;align-items:center;gap:10px;color:#8a94a3;font-size:12px;margin:21px 0}.ukeb-divider:before,.ukeb-divider:after{content:"";height:1px;background:#e8edf3;flex:1}.ukeb-social{text-align:center}.ukeb-switch{text-align:center;font-size:13px;margin:19px 0 0;color:var(--ukeb-muted)}
.ukeb-notice{padding:14px;border-radius:12px}.ukeb-notice.success{background:var(--ukeb-primary-soft);color:var(--ukeb-primary-dark);border:1px solid #cfe3f8}

.ukeb-auth-tabs>.ukeb-auth-head{max-width:560px;margin:22px auto 0}.ukeb-auth-tabs .ukeb-slr-wrap{margin-top:12px}
.ukeb-auth-tabs>.ukeb-auth-head{box-shadow:0 10px 24px rgba(13,78,148,.08)}

.ukeb-slr-wrap[dir="ltr"] .ukeb-brand,.ukeb-auth-tabs[dir="ltr"]{text-align:left}.ukeb-slr-wrap[dir="rtl"] .ukeb-brand,.ukeb-auth-tabs[dir="rtl"]{text-align:right}.ukeb-slr-wrap[dir="rtl"] .ukeb-topbar{justify-content:flex-start}.ukeb-slr-wrap[dir="rtl"] .ukeb-pass input{padding-right:14px;padding-left:54px}.ukeb-slr-wrap[dir="rtl"] .ukeb-toggle-pass{left:7px;right:auto}.ukeb-slr-wrap[dir="ltr"] .ukeb-pass input{padding-left:14px;padding-right:54px}.ukeb-slr-wrap[dir="ltr"] .ukeb-toggle-pass{left:auto;right:7px}

@media(max-width:600px){.ukeb-slr-wrap{margin:14px 10px}.ukeb-slr-card{padding:22px 18px;border-radius:21px}.ukeb-grid2{grid-template-columns:1fr}.ukeb-login-meta{align-items:flex-start;gap:10px;flex-wrap:wrap}.ukeb-lang-toggle{min-width:76px;padding:8px 11px}.ukeb-auth-tabs>.ukeb-auth-head{margin:14px 10px 0}}


/* === v1.0.5 FORCE BRAND OVERRIDES / 2026 UI === */
.ukeb-slr-wrap {
  --ukeb-primary:#0D4E94 !important;
  --ukeb-primary-2:#1769BE !important;
  --ukeb-primary-dark:#073A70 !important;
}

/* Force every primary action to blue, even when theme/plugin CSS is aggressive */
.ukeb-slr-wrap .ukeb-submit,
.ukeb-slr-wrap button.ukeb-submit,
.ukeb-slr-wrap .ukeb-lang-toggle,
.ukeb-slr-wrap button.ukeb-lang-toggle,
.ukeb-slr-wrap .ukeb-toggle-pass,
.ukeb-slr-wrap button.ukeb-toggle-pass,
.ukeb-slr-wrap .ukeb-method-tabs button.active,
.ukeb-slr-wrap .ukeb-auth-head button.active {
  background:#0D4E94 !important;
  background-image:linear-gradient(135deg,#0D4E94 0%,#1769BE 100%) !important;
  border-color:#0D4E94 !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

.ukeb-slr-wrap .ukeb-submit *,
.ukeb-slr-wrap .ukeb-lang-toggle *,
.ukeb-slr-wrap .ukeb-toggle-pass *,
.ukeb-slr-wrap .ukeb-method-tabs button.active *,
.ukeb-slr-wrap .ukeb-auth-head button.active * {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  fill:currentColor !important;
}

/* Hover / focus / active: white surface + black text */
.ukeb-slr-wrap .ukeb-submit:hover,
.ukeb-slr-wrap .ukeb-submit:focus,
.ukeb-slr-wrap .ukeb-submit:focus-visible,
.ukeb-slr-wrap .ukeb-submit:active,
.ukeb-slr-wrap .ukeb-lang-toggle:hover,
.ukeb-slr-wrap .ukeb-lang-toggle:focus,
.ukeb-slr-wrap .ukeb-lang-toggle:focus-visible,
.ukeb-slr-wrap .ukeb-lang-toggle:active,
.ukeb-slr-wrap .ukeb-toggle-pass:hover,
.ukeb-slr-wrap .ukeb-toggle-pass:focus,
.ukeb-slr-wrap .ukeb-toggle-pass:focus-visible,
.ukeb-slr-wrap .ukeb-toggle-pass:active,
.ukeb-slr-wrap .ukeb-method-tabs button.active:hover,
.ukeb-slr-wrap .ukeb-method-tabs button.active:focus,
.ukeb-slr-wrap .ukeb-method-tabs button.active:active,
.ukeb-slr-wrap .ukeb-auth-head button.active:hover,
.ukeb-slr-wrap .ukeb-auth-head button.active:focus,
.ukeb-slr-wrap .ukeb-auth-head button.active:active {
  background:#FFFFFF !important;
  background-image:none !important;
  color:#000000 !important;
  -webkit-text-fill-color:#000000 !important;
  border-color:#0D4E94 !important;
  box-shadow:0 12px 30px rgba(13,78,148,.16) !important;
}

.ukeb-slr-wrap .ukeb-submit:hover *,
.ukeb-slr-wrap .ukeb-submit:focus *,
.ukeb-slr-wrap .ukeb-submit:active *,
.ukeb-slr-wrap .ukeb-lang-toggle:hover *,
.ukeb-slr-wrap .ukeb-lang-toggle:focus *,
.ukeb-slr-wrap .ukeb-lang-toggle:active *,
.ukeb-slr-wrap .ukeb-toggle-pass:hover *,
.ukeb-slr-wrap .ukeb-toggle-pass:focus *,
.ukeb-slr-wrap .ukeb-toggle-pass:active * {
  color:#000000 !important;
  -webkit-text-fill-color:#000000 !important;
}

/* 2026 polish */
.ukeb-slr-wrap .ukeb-slr-card {
  border-radius:28px !important;
  border:1px solid rgba(13,78,148,.12) !important;
  box-shadow:0 24px 70px rgba(16,24,40,.10),0 2px 10px rgba(13,78,148,.05) !important;
}
.ukeb-slr-wrap .ukeb-submit {
  min-height:54px !important;
  border-radius:15px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  box-shadow:0 12px 28px rgba(13,78,148,.24) !important;
}
.ukeb-slr-wrap .ukeb-lang-toggle {
  min-width:88px !important;
  border-radius:13px !important;
  font-weight:800 !important;
}
.ukeb-slr-wrap .ukeb-toggle-pass {
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
}
.ukeb-slr-wrap .ukeb-form input,
.ukeb-slr-wrap .ukeb-form select {
  min-height:52px !important;
  border-radius:14px !important;
  border-color:#D4DCE7 !important;
  box-shadow:0 1px 2px rgba(16,24,40,.02) !important;
}
.ukeb-slr-wrap .ukeb-form input:focus,
.ukeb-slr-wrap .ukeb-form select:focus {
  border-color:#0D4E94 !important;
  box-shadow:0 0 0 4px rgba(13,78,148,.10) !important;
}

/* v1.0.6 — hard reset for the Remember me checkbox.
   This must stay after the generic form input rules so theme/plugin styles cannot stretch it. */
.ukeb-slr-wrap .ukeb-login-meta .ukeb-check {
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.3 !important;
  cursor:pointer !important;
}
.ukeb-slr-wrap .ukeb-login-meta .ukeb-check input[type="checkbox"] {
  -webkit-appearance:checkbox !important;
  appearance:auto !important;
  display:inline-block !important;
  flex:0 0 16px !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  max-width:16px !important;
  min-height:16px !important;
  max-height:16px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:3px !important;
  box-shadow:none !important;
  vertical-align:middle !important;
  accent-color:#0D4E94 !important;
  cursor:pointer !important;
}
.ukeb-slr-wrap .ukeb-login-meta .ukeb-check span {
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  color:#1d2939 !important;
  font-size:13px !important;
  font-weight:650 !important;
  line-height:1.3 !important;
}

/* v1.1.0 — social login */
.ukeb-slr-wrap .ukeb-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.ukeb-slr-wrap .ukeb-social-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:48px!important;padding:0 16px!important;border:1px solid #D8E0EA!important;border-radius:14px!important;background:#fff!important;color:#101828!important;text-decoration:none!important;font-size:14px!important;font-weight:750!important;line-height:1!important;box-shadow:0 4px 14px rgba(16,24,40,.04)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important}
.ukeb-slr-wrap .ukeb-social-btn:hover,.ukeb-slr-wrap .ukeb-social-btn:focus{transform:translateY(-1px)!important;border-color:#0D4E94!important;background:#F8FBFF!important;color:#000!important;box-shadow:0 10px 22px rgba(13,78,148,.10)!important}
.ukeb-slr-wrap .ukeb-social-icon{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;border-radius:8px!important;background:#F2F6FB!important;color:#0D4E94!important;font-size:15px!important;font-weight:900!important}
.ukeb-slr-wrap .ukeb-social-facebook .ukeb-social-icon{background:#eef4ff!important}
.ukeb-slr-wrap .ukeb-social-x .ukeb-social-icon{background:#111!important;color:#fff!important}
.ukeb-slr-wrap .ukeb-social-instagram .ukeb-social-icon{background:#fff3f8!important;color:#b42363!important}
.ukeb-slr-wrap .ukeb-social-apple .ukeb-social-icon{background:#111!important;color:#fff!important}
@media(max-width:560px){.ukeb-slr-wrap .ukeb-social-grid{grid-template-columns:1fr}}