/* The login page uses the same CSS-built black and gold frames as the dashboard. */
body.kohinoor-login-page:not(.kohinoor-signup-page) {
  min-height: 100svh !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 24px 14px !important;
  color: #fff6d9 !important;
  background: #050302 !important;
}
body.kohinoor-login-page:not(.kohinoor-signup-page) .login-market-bg {
  background:
    radial-gradient(ellipse at 50% 0, rgba(255, 211, 0, .34), transparent 38%),
    radial-gradient(ellipse at 0 75%, rgba(255, 159, 0, .22), transparent 37%),
    radial-gradient(ellipse at 100% 35%, rgba(255, 191, 0, .15), transparent 28%),
    repeating-linear-gradient(55deg, transparent 0 62px, rgba(255, 206, 21, .055) 63px, transparent 65px 128px),
    linear-gradient(140deg, #040301, #1c1102 53%, #050301);
}
body.kohinoor-login-page:not(.kohinoor-signup-page) .kohinoor-login-shell {
  width: min(100%, 550px);
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.kohinoor-login-page .kohinoor-login-shell::before,
.kohinoor-login-page .kohinoor-login-shell::after { display: none; }
.kohinoor-login-page .login-intro,
.kohinoor-login-page .login-card { width: 100%; }
.kohinoor-login-page .login-intro {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin: 0 0 14px;
}
.kohinoor-login-page .login-brand {
  width: 100%;
  min-height: 113px;
  gap: 13px;
  background: linear-gradient(130deg, #7f4300, #fffbb9 11%, #ffca00 29%, #fff488 48%, #c87b00 69%, #fff586 86%, #7b3f00);
  filter: drop-shadow(0 0 15px rgba(255, 207, 0, .68));
}
.kohinoor-login-page .login-brand::before {
  background: radial-gradient(ellipse at 50% -15%, #5c3b04 0, #0c0802 43%, #030201 74%, #322004 100%);
}
.kohinoor-login-page .login-brand::after { border-color: #fff1a2; }
.kohinoor-login-page .login-brand .luxury-brand-mark {
  width: 62px;
  height: 62px;
  border-color: #fff38b;
  background: conic-gradient(from 205deg, #7b4100, #fff9ad, #c27800, #ffe500, #6b3500);
  box-shadow: 0 0 0 3px #8f5b07, 0 0 19px rgba(255, 220, 0, .85);
  font-size: 28px;
}
.kohinoor-login-page .login-brand b { font-size: clamp(37px, 9vw, 52px); }
.kohinoor-login-page .login-brand small { font-size: clamp(18px, 4.5vw, 27px); }
.kohinoor-login-page .login-gold-tagline {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(5px, 2vw, 13px);
  margin: 7px 5% 0;
  padding: 5px 10px;
  clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0 50%);
  color: #170e02;
  background: linear-gradient(90deg, #9d5b00, #ffe000 19%, #fff798 50%, #ffdf00 81%, #9d5b00);
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: clamp(12px, 3vw, 17px);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.015em;
  text-align: center;
  white-space: normal;
}
.kohinoor-login-page .login-gold-tagline i { width: 4px; height: 4px; flex: 0 0 4px; border-radius: 50%; background: #160d00; }

.kohinoor-login-page .login-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  clip-path: polygon(25px 0, calc(100% - 25px) 0, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0 calc(100% - 25px), 0 25px);
  border: 0 !important;
  border-radius: 0;
  background: linear-gradient(140deg, #8a4c00, #fffbb9 10%, #f5a900 28%, #ffe400 47%, #ab6400 68%, #fff478 84%, #7a3e00) !important;
  box-shadow: none;
  filter: drop-shadow(0 0 9px rgba(255, 195, 0, .75)) drop-shadow(0 0 22px rgba(255, 169, 0, .3));
}
.kohinoor-login-page .login-card::before {
  content: "";
  position: absolute;
  inset: 5px;
  z-index: -1;
  clip-path: inherit;
  background:
    radial-gradient(ellipse at 50% 0, rgba(255, 198, 0, .21), transparent 38%),
    linear-gradient(145deg, #1f1403, #050402 58%, #180f03);
  box-shadow: inset 0 0 0 2px rgba(255, 247, 164, .88), inset 0 0 30px rgba(255, 202, 0, .17);
}
.kohinoor-login-page .login-card-inner {
  padding: clamp(25px, 5vw, 40px) clamp(22px, 6vw, 42px) 30px;
  background: transparent;
}
.kohinoor-login-page .login-heading { margin: 0 0 24px; text-align: center; }
.kohinoor-login-page .login-heading h1 {
  margin: 0;
  color: #ffe62b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 7vw, 45px);
  font-weight: 800;
  line-height: 1.05;
  text-shadow: 0 2px 3px #000, 0 0 15px rgba(255, 212, 0, .68);
}
.kohinoor-login-page .login-heading p {
  margin: 7px 0 0;
  color: #fff1bf;
  font-size: clamp(12px, 2.7vw, 16px);
}
.kohinoor-login-page .alert {
  margin: 0 0 16px;
  padding: 11px 13px;
  border: 1px solid #d6a820;
  border-radius: 10px;
  color: #fff1cb !important;
  background: #3b2109;
  font-size: 12px;
  text-align: center;
}
.kohinoor-login-page .signup-alert:empty { display: none; }
.kohinoor-login-page .quick-account-select {
  width: 100%;
  min-height: 48px !important;
  margin: 0 0 18px !important;
  padding: 0 16px !important;
  border: 2px solid #f7bf12 !important;
  border-radius: 10px !important;
  color: #fff3d1 !important;
  background: #120c02 !important;
  font: 600 13px "Poppins", sans-serif;
}
.kohinoor-login-page .quick-account-select[hidden] { display: none !important; }
.kohinoor-login-page .quick-account-select option { color: #fff3d1; background: #1b1206; }
.kohinoor-login-page .quick-account-select:focus-visible { outline: 3px solid #ffe783; outline-offset: 2px; }
.kohinoor-login-page .field-label {
  display: block;
  margin: 0 0 8px 5px;
  color: #fff7dc;
  font-size: clamp(13px, 3vw, 16px);
  font-weight: 800;
}
.kohinoor-login-page .login-field {
  position: relative;
  isolation: isolate;
  min-height: 60px !important;
  display: flex;
  align-items: center;
  gap: 13px !important;
  margin: 0 0 19px !important;
  padding: 0 18px !important;
  overflow: hidden;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #a75e00, #fff9b0 12%, #eaa000 37%, #ffe800 68%, #9a5400) !important;
  box-shadow: none !important;
}
.kohinoor-login-page .login-field::before {
  content: "";
  position: absolute;
  inset: 3px;
  z-index: -1;
  clip-path: inherit;
  background: linear-gradient(145deg, #1d1304, #040302 72%);
}
.kohinoor-login-page .login-field:focus-within { filter: drop-shadow(0 0 10px rgba(255, 220, 0, .78)); }
.kohinoor-login-page .login-field > i {
  width: 24px;
  flex: 0 0 24px;
  color: #ffe52a !important;
  font-size: 20px;
  text-align: center;
}
.kohinoor-login-page .login-field input {
  width: 100%;
  min-width: 0;
  height: 56px;
  padding: 0 !important;
  border: 0 !important;
  outline: 0;
  color: #fff9e9 !important;
  background: transparent !important;
  font: 600 clamp(13px, 3vw, 16px) "Poppins", sans-serif !important;
}
.kohinoor-login-page .login-field input::placeholder { color: #b8a989 !important; opacity: 1; }
.kohinoor-login-page .login-field input[readonly] { color: #ffe57a !important; }
.kohinoor-login-page .password-toggle {
  width: 30px;
  height: 36px;
  flex: 0 0 30px;
  padding: 0;
  border: 0;
  color: #ffe52a !important;
  background: transparent !important;
  cursor: pointer;
  font-size: 18px;
}
.kohinoor-login-page .password-toggle i { color: inherit !important; }
.kohinoor-login-page .password-toggle:focus-visible,
.kohinoor-login-page .login-field input:focus-visible { outline: 2px solid #ffe681; outline-offset: 2px; }
.kohinoor-login-page .login-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 3px 23px;
  color: #f3e3ba;
  font-size: clamp(11px, 2.5vw, 13px);
}
.kohinoor-login-page .remember-me { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.kohinoor-login-page .remember-me span {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 2px solid #ffe034;
  border-radius: 4px;
  background: #120d05;
}
.kohinoor-login-page .remember-me input:checked + span {
  border-color: #fff7a0;
  background: linear-gradient(#fff171, #eaa700);
  box-shadow: 0 0 10px rgba(255, 218, 0, .7);
}
.kohinoor-login-page .remember-me input:checked + span::after { color: #160d00; }
.kohinoor-login-page .remember-me input:focus-visible + span { outline: 2px solid #fff3ac; outline-offset: 3px; }
.kohinoor-login-page .forgot-link { color: #ffe735 !important; font-weight: 700; text-decoration: none !important; }
.kohinoor-login-page .forgot-link:hover,
.kohinoor-login-page .signup a:hover { color: #fff2a4 !important; text-decoration: underline !important; }
.kohinoor-login-page .login-btn {
  position: relative;
  width: 100%;
  min-height: 63px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  margin: 0 !important;
  clip-path: polygon(17px 0, calc(100% - 17px) 0, 100% 17px, 100% calc(100% - 17px), calc(100% - 17px) 100%, 17px 100%, 0 calc(100% - 17px), 0 17px);
  border: 0 !important;
  border-radius: 0 !important;
  color: #170d01 !important;
  background: linear-gradient(110deg, #a96700, #ffdf00 18%, #fff790 52%, #ffdc00 82%, #a35d00) !important;
  box-shadow: none !important;
  font: 900 clamp(18px, 4vw, 23px) "Poppins", sans-serif !important;
  text-transform: uppercase;
  filter: drop-shadow(0 0 12px rgba(255, 210, 0, .72));
}
.kohinoor-login-page .login-btn::before {
  content: "";
  position: absolute;
  inset: 3px;
  clip-path: inherit;
  border: 1px solid rgba(255, 255, 205, .7);
  pointer-events: none;
}
.kohinoor-login-page .login-btn span,
.kohinoor-login-page .login-btn i { position: relative; color: #170d01 !important; }
.kohinoor-login-page .login-btn i { right: auto; font-size: 20px; }
.kohinoor-login-page .login-btn:hover { filter: brightness(1.1) drop-shadow(0 0 12px rgba(255, 212, 37, .6)); }
.kohinoor-login-page .login-btn:focus-visible,
.kohinoor-login-page .signup a:focus-visible,
.kohinoor-login-page .forgot-link:focus-visible { outline: 3px solid #fff1a6; outline-offset: 3px; }
.kohinoor-login-page .login-btn:disabled { cursor: wait; opacity: .85; }
.kohinoor-login-page .login-btn.btn-loading span,
.kohinoor-login-page .login-btn.btn-loading i { visibility: hidden; }
.kohinoor-login-page .login-btn.btn-loading::after { border-color: #1a1103; border-right-color: transparent; }
.kohinoor-login-page .login-actions { width: 100%; margin-top: 20px; padding: 0; text-align: center; }
.kohinoor-login-page .signup { color: #e9dcb9; font-size: clamp(11px, 2.6vw, 14px); }
.kohinoor-login-page .signup a { display: inline-block; margin-left: 4px; color: #ffe735 !important; font-weight: 800; text-decoration: none !important; }

@media (max-width: 520px) {
  body.kohinoor-login-page:not(.kohinoor-signup-page) { align-items: flex-start; padding: 15px 10px 25px !important; }
  .kohinoor-login-page .login-brand { min-height: 94px; }
  .kohinoor-login-page .login-brand .luxury-brand-mark { width: 46px; height: 46px; font-size: 22px; }
  .kohinoor-login-page .login-brand b { font-size: clamp(29px, 8.5vw, 40px); }
  .kohinoor-login-page .login-brand small { font-size: clamp(15px, 4.2vw, 21px); }
  .kohinoor-login-page .login-gold-tagline { font-size: 12px; }
  .kohinoor-login-page .login-card-inner { padding: 25px 20px 25px; }
  .kohinoor-login-page .login-heading { margin-bottom: 22px; }
  .kohinoor-login-page .login-field { min-height: 56px !important; margin-bottom: 17px !important; }
  .kohinoor-login-page .login-field input { height: 52px; }
  .kohinoor-login-page .login-btn { min-height: 59px !important; }
}
@media (max-width: 360px) {
  .kohinoor-login-page .login-brand .luxury-brand-mark { width: 38px; height: 38px; font-size: 18px; }
  .kohinoor-login-page .login-brand b { font-size: 28px; }
  .kohinoor-login-page .login-gold-tagline { gap: 4px; }
  .kohinoor-login-page .login-card-inner { padding-right: 16px; padding-left: 16px; }
  .kohinoor-login-page .login-options { font-size: 10px; }
}