:root { color-scheme: dark; }

.kohinoor-login-page {
  min-height: 100svh !important; margin: 0; padding: 34px 18px !important; overflow-x: hidden;
  color: #f6f7fb !important; font-family: "Poppins", sans-serif !important;
  background: radial-gradient(circle at 50% 8%, rgba(91, 108, 132, .28), transparent 34%),
    linear-gradient(135deg, #cbd6e3 0%, #9eabbc 48%, #c2ccd9 100%) !important;
}
.kohinoor-login-page::before, .kohinoor-login-page::after { display: none !important; }
.login-market-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(circle at 50% 48%, rgba(255,255,255,.18), transparent 42%); }
.kohinoor-login-shell { position: relative; z-index: 1; width: min(100%, 670px); min-height: calc(100svh - 68px); margin: 0 auto; padding: 74px 54px 62px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; border: 8px solid #343d4c; border-radius: 96px; background: linear-gradient(145deg, #202733 0%, #10151e 55%, #151c28 100%); box-shadow: 0 27px 48px rgba(32,45,62,.34), inset 0 1px 1px rgba(255,255,255,.16), inset 0 0 35px rgba(0,0,0,.28); }
.login-intro { width: 100%; text-align: center; }
.window-dots { position: absolute; right: 47px; top: 46px; display: flex; gap: 16px; }.window-dots i { width: 12px; height: 12px; border-radius: 50%; background: #657083; }.window-dots i:last-child { background: #ff9d29; box-shadow: 0 0 18px #ff9d29; }
.brand-mark { width: 136px; height: 136px; margin: 31px auto 24px; display: flex; align-items: center; justify-content: center; border: 2px solid #ff9324; border-radius: 50%; color: #f8f9fc; font-size: 66px; font-weight: 800; letter-spacing: -22px; padding-right: 19px; box-sizing: border-box; background: radial-gradient(circle at 38% 30%, #2a303b, #111720 70%); box-shadow: 0 0 0 1px rgba(255,194,114,.38), 0 0 27px rgba(255,145,33,.7), inset 0 0 26px rgba(0,0,0,.55); }.brand-mark span { color: #f7f8fb; transform: skew(-10deg); }.brand-mark b { color: #9ca6b8; font-size: 58px; font-weight: 700; transform: translate(-3px, 2px); }
.brand-name { font-size: 34px; line-height: 1; font-weight: 600; letter-spacing: .02em; }.brand-name strong { color: #f4f6fb; }.brand-name span { color: #ff9429; }
.login-intro h1 { margin: 76px 0 7px; font-size: clamp(34px, 6vw, 48px); line-height: 1.12; font-weight: 700; letter-spacing: -.04em; }.login-intro p { margin: 0 0 44px; color: #909bad; font-size: 25px; }
.login-card { width: 100%; padding: 0; border: 0; background: transparent; box-shadow: none; }.login-card-inner { padding: 0; background: transparent; }.kohinoor-login-page .alert { margin: 0 0 16px; padding: 11px 14px; border: 1px solid rgba(255,180,119,.5); border-radius: 14px; background: rgba(89,30,14,.32); color: #fff !important; text-align: center; font-size: 13px; }
.kohinoor-login-page .quick-account-select { display: block !important; width: 100%; min-height: 54px !important; margin: 0 0 18px !important; padding: 0 22px !important; border: 2px solid #343d4d !important; border-radius: 28px !important; outline: 0; color: #9ba5b8 !important; background: rgba(25,31,42,.72) !important; font-family: inherit; font-size: 15px; cursor: pointer; box-shadow: inset 0 3px 8px rgba(0,0,0,.18), 0 8px 15px rgba(0,0,0,.12) !important; }.kohinoor-login-page .quick-account-select:focus { border-color: #ff9a2e !important; box-shadow: 0 0 0 3px rgba(255,147,37,.14), 0 8px 15px rgba(0,0,0,.12) !important; }.kohinoor-login-page .quick-account-select option { color: #e8ebf2; background: #1a202c; }
.kohinoor-login-page .login-field { min-height: 88px !important; margin: 0 0 22px !important; padding: 0 29px !important; gap: 27px !important; border: 2px solid #343d4d !important; border-radius: 47px !important; background: rgba(25,31,42,.72) !important; box-shadow: inset 0 3px 8px rgba(0,0,0,.18), 0 10px 18px rgba(0,0,0,.16) !important; }.kohinoor-login-page .login-field:focus-within { border-color: #ff9a2e !important; box-shadow: 0 0 0 3px rgba(255,147,37,.14), 0 10px 18px rgba(0,0,0,.16) !important; }.kohinoor-login-page .login-field > i { width: 44px; flex: 0 0 44px; color: #9ba5b8 !important; font-size: 30px; text-align: center; }.kohinoor-login-page .login-field input { min-width: 0; height: 84px; padding: 0 !important; border: 0 !important; outline: 0; color: #fff !important; background: transparent !important; font-family: inherit; font-size: 22px !important; }.kohinoor-login-page .login-field input::placeholder { color: #8f99ab !important; }.password-toggle { width: 38px; height: 38px; flex: 0 0 38px; padding: 0; border: 0; color: #9ba5b8; background: transparent; cursor: pointer; font-size: 25px; }.password-toggle i { color: inherit !important; }
.login-options { display: flex; align-items: center; justify-content: space-between; margin: 3px 2px 51px; color: #929cad; font-size: 19px; }.remember-me { display: flex; align-items: center; gap: 15px; cursor: pointer; }.remember-me input { position: absolute; opacity: 0; }.remember-me span { width: 34px; height: 34px; display: inline-block; border: 2px solid #4d5668; border-radius: 9px; box-sizing: border-box; }.remember-me input:checked + span { border-color: #ff982b; background: #ff982b; box-shadow: inset 0 0 0 7px #171e29; }.forgot-link { color: #ff982b !important; text-decoration: none !important; }
.kohinoor-login-page .login-btn { position: relative; width: 100%; min-height: 91px !important; margin: 0 0 78px !important; border: 0 !important; border-radius: 48px !important; color: #fff !important; background: linear-gradient(105deg, #ff9d2d, #ff7412) !important; font-family: inherit; font-size: 31px !important; font-weight: 700 !important; box-shadow: 0 0 25px rgba(255,137,30,.73), 0 15px 24px rgba(0,0,0,.24), inset 0 1px 1px rgba(255,242,208,.7) !important; }.kohinoor-login-page .login-btn:hover { transform: translateY(-2px); filter: brightness(1.05); }.kohinoor-login-page .login-btn:active { transform: translateY(1px); }.kohinoor-login-page .login-btn.btn-loading span { visibility: hidden; }.kohinoor-login-page .login-btn.btn-loading::after { content: ""; position: absolute; width: 24px; height: 24px; border: 3px solid #fff; border-right-color: transparent; border-radius: 50%; animation: login-spin .7s linear infinite; }@keyframes login-spin { to { transform: rotate(360deg); } }
.login-actions { position: relative; width: 100%; padding-top: 44px; border-top: 1px solid #262e3b; text-align: center; }.login-actions::before { content: ""; position: absolute; left: 50%; top: -4px; width: 7px; height: 7px; border-radius: 50%; background: #ff992b; box-shadow: 0 0 11px 3px rgba(255,144,27,.9); transform: translateX(-50%); }.signup { color: #929cad; font-size: 20px; }.signup a { color: #ff982b !important; font-weight: 500; text-decoration: none !important; }.security-note { display: none; }
.kohinoor-signup-page .signup-intro h1 { margin-top: 52px; }.kohinoor-signup-page .signup-intro p { margin-bottom: 30px; }.kohinoor-signup-page .signup-field-note { margin: -13px 24px 18px; color: #8f99ab; font-size: 12px; }.kohinoor-signup-page .signup-alert:empty { display: none; }.kohinoor-signup-page .signup-btn { margin-bottom: 54px !important; }
@media (max-width: 620px) { .kohinoor-login-page { padding: 0 !important; }.kohinoor-login-shell { min-height: 100svh; padding: 57px 24px 45px; border-width: 5px; border-radius: 48px; }.window-dots { top: 25px; right: 28px; gap: 10px; }.window-dots i { width: 9px; height: 9px; }.brand-mark { width: 112px; height: 112px; margin-top: 22px; font-size: 55px; }.brand-mark b { font-size: 48px; }.brand-name { font-size: 28px; }.login-intro h1 { margin-top: 58px; font-size: 38px; }.login-intro p { font-size: 21px; margin-bottom: 34px; }.kohinoor-login-page .login-field { min-height: 73px !important; padding: 0 20px !important; gap: 18px !important; }.kohinoor-login-page .login-field input { height: 69px; font-size: 18px !important; }.kohinoor-login-page .login-field > i { width: 34px; flex-basis: 34px; font-size: 25px; }.login-options { margin-bottom: 38px; font-size: 16px; }.remember-me span { width: 29px; height: 29px; }.kohinoor-login-page .login-btn { min-height: 73px !important; margin-bottom: 56px !important; font-size: 26px !important; }.signup { font-size: 16px; }.login-actions { padding-top: 31px; } }