:root { color-scheme: dark; }
* { box-sizing: border-box; }
.kohinoor-login-page { min-height: 100svh !important; margin: 0; padding: 0 !important; overflow-x: hidden; color: #fffdf7 !important; font-family: "Poppins", sans-serif !important; background: #100802 !important; }
.kohinoor-login-page::before, .kohinoor-login-page::after { display: none !important; }
.login-market-bg { position: fixed; z-index: 0; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 28%, rgba(249,184,47,.2), transparent 25%), linear-gradient(145deg, #130900, #030201 70%); }
.kohinoor-login-shell { position: relative; isolation: isolate; z-index: 1; width: min(100%, 560px); min-height: 100svh; margin: 0 auto; padding: clamp(32px,6.4vh,64px) clamp(21px,6vw,40px) 30px; display: flex; flex-direction: column; overflow: hidden; background: linear-gradient(180deg, rgba(5,3,1,.05) 0%, rgba(6,3,0,.1) 35%, rgba(4,2,0,.78) 48%, #090400 76%, rgba(8,4,0,.9) 100%), url("../images/panda-profit-login-hero.png") center top / cover no-repeat; box-shadow: 0 0 60px rgba(255,189,45,.1); }
.kohinoor-login-shell::before { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; border: 1px solid rgba(255,215,109,.45); box-shadow: inset 0 0 31px rgba(255,190,37,.18), inset 0 0 0 7px rgba(255,202,58,.025); }
.login-intro, .login-card, .login-actions, .security-note { position: relative; z-index: 1; width: 100%; }
.brand-lockup { display: flex; flex-direction: column; align-items: center; text-align: center; }
.brand-mark { width: 47px; height: 38px; display: grid; place-items: center; margin-bottom: 1px; color: #ffe36a; font-size: 32px; filter: drop-shadow(0 0 7px #f0aa1b) drop-shadow(0 2px 1px #6e3e00); }
.brand-name strong { display: block; color: #fffefb; font-size: clamp(27px,7vw,38px); font-weight: 800; line-height: 1; letter-spacing: -.05em; text-shadow: 0 3px 12px rgba(0,0,0,.65); }
.brand-name em { font-style: normal; color: #ffd456; background: linear-gradient(180deg, #fff6a6 0%, #ffc83d 55%, #bd6b02 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.brand-name span { display: block; margin-top: 8px; color: #ffe9ad; font-size: 8px; font-weight: 600; letter-spacing: .18em; }
.welcome-copy { margin-top: clamp(330px,42vh,390px); text-align: center; }
.welcome-copy .eyebrow { margin: 0 0 5px; color: #ffe77e; font-family: Georgia,serif; font-size: 14px; font-style: italic; }
.welcome-copy h1 { margin: 0; color: #fffefa; font-size: clamp(30px,9vw,49px); font-weight: 800; letter-spacing: -.055em; line-height: 1.05; text-shadow: 0 4px 14px rgba(0,0,0,.76); }
.welcome-copy > p:last-child { margin: 5px 0 0; color: #fff5d6; font-size: clamp(13px,3.7vw,17px); font-weight: 500; }
.login-card { margin-top: clamp(30px,5vh,49px); padding: 14px; border: 1px solid rgba(255,207,82,.86); border-radius: 25px; background: linear-gradient(135deg, rgba(41,24,3,.93), rgba(10,6,1,.95)); box-shadow: 0 0 0 4px rgba(255,203,64,.12), 0 0 26px rgba(255,178,22,.36), inset 0 1px rgba(255,255,255,.24); backdrop-filter: blur(9px); }
.login-card-inner { padding: 11px 7px 7px; }
.kohinoor-login-page .alert { margin: 0 0 14px; padding: 10px 12px; border: 1px solid rgba(255,183,93,.58); border-radius: 12px; background: rgba(106,40,0,.5); color: #fff5e1 !important; font-size: 12px; text-align: center; }
.kohinoor-signup-page .signup-alert:empty { display: none; }
.kohinoor-login-page .quick-account-select { display: block !important; width: 100%; min-height: 44px !important; margin: 0 0 14px !important; padding: 0 14px !important; border: 1px solid rgba(255,210,83,.56) !important; border-radius: 13px !important; outline: 0; color: #fff5d5 !important; background: rgba(23,12,1,.78) !important; font-family: inherit; font-size: 11px; }
.kohinoor-login-page .quick-account-select[hidden] { display: none !important; }
.kohinoor-login-page .quick-account-select:focus { border-color: #ffe578 !important; box-shadow: 0 0 0 3px rgba(255,190,38,.16) !important; }
.kohinoor-login-page .quick-account-select option { color: #fff6da; background: #1a0d00; }
.field-label { display: block; margin: 0 2px 7px; color: #fffaf0; font-size: 13px; font-weight: 700; }
.kohinoor-login-page .login-field { min-height: 56px !important; margin: 0 0 15px !important; padding: 0 13px !important; gap: 12px !important; border: 1px solid #ffcc4a !important; border-radius: 16px !important; background: linear-gradient(100deg, rgba(20,11,1,.96), rgba(67,38,4,.76)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 0 14px rgba(255,185,39,.12) !important; }
.kohinoor-login-page .login-field:focus-within { border-color: #fff0a1 !important; box-shadow: 0 0 0 3px rgba(255,203,57,.13), 0 0 18px rgba(255,192,36,.26) !important; }
.kohinoor-login-page .login-field > i { width: 22px; flex: 0 0 22px; color: #ffd45a !important; font-size: 19px; text-align: center; filter: drop-shadow(0 0 5px rgba(255,196,43,.38)); }
.kohinoor-login-page .login-field input { min-width: 0; height: 54px; padding: 0 !important; border: 0 !important; outline: 0; color: #fffdf7 !important; background: transparent !important; font-family: inherit; font-size: 13px !important; }
.kohinoor-login-page .login-field input::placeholder { color: #cfbfa7 !important; opacity: 1; }
.kohinoor-login-page .login-field input:-webkit-autofill,
.kohinoor-login-page .login-field input:-webkit-autofill:hover,
.kohinoor-login-page .login-field input:-webkit-autofill:focus { -webkit-text-fill-color: #fffdf7 !important; -webkit-box-shadow: 0 0 0 1000px rgba(38,20,1,.96) inset !important; caret-color: #fffdf7; transition: background-color 9999s ease-out 0s; }
.kohinoor-login-page .password-toggle { width: 29px; height: 34px; flex: 0 0 29px; padding: 0; border: 0; color: #ffd45a !important; background: transparent !important; cursor: pointer; font-size: 18px; }
.kohinoor-login-page .password-toggle i { color: inherit !important; }
.login-options { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: -2px 2px 20px; color: #eadcc0; font-size: 10px; }
.remember-me { display: flex; align-items: center; gap: 7px; cursor: pointer; white-space: nowrap; }
.remember-me input { position: absolute; opacity: 0; }
.remember-me span { width: 14px; height: 14px; display: inline-block; border: 1px solid #dcb757; border-radius: 4px; box-sizing: border-box; background: rgba(0,0,0,.25); }
.remember-me input:checked + span { position: relative; border-color: #fff09a; background: #bf7604; box-shadow: 0 0 9px rgba(255,196,42,.52); }
.remember-me input:checked + span::after { content: "✓"; position: absolute; inset: -2px 0 0; color: #fff; font-size: 12px; line-height: 14px; text-align: center; }
.forgot-link { color: #ffe26c !important; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; }
.kohinoor-login-page .login-btn { position: relative; width: 100%; min-height: 58px !important; margin: 0 !important; display: flex; align-items: center; justify-content: center; gap: 11px; border: 1px solid #fff1aa !important; border-radius: 17px !important; color: #160b00 !important; background: linear-gradient(105deg, #f3b32e 0%, #fff5a8 46%, #eaa221 100%) !important; font-family: inherit; font-size: 21px !important; font-weight: 800 !important; box-shadow: 0 0 0 4px rgba(255,197,43,.14), 0 0 26px rgba(255,184,24,.5), inset 0 2px 0 #fffbd2, inset 0 -10px 14px rgba(191,107,0,.14) !important; }
.kohinoor-login-page .login-btn span, .kohinoor-login-page .login-btn i { color: #170c00 !important; }
.kohinoor-login-page .login-btn i { font-size: 24px; }
.kohinoor-login-page .login-btn:hover { transform: translateY(-1px); filter: brightness(1.06); }
.kohinoor-login-page .login-btn:active { transform: translateY(1px); }
.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 { content: ""; position: absolute; width: 20px; height: 20px; border: 3px solid #271200; border-right-color: transparent; border-radius: 50%; animation: login-spin .7s linear infinite; }
@keyframes login-spin { to { transform: rotate(360deg); } }
.login-actions { margin-top: 22px; padding: 11px 12px; border: 1px solid #e9bd43; border-radius: 18px; background: linear-gradient(135deg, rgba(35,18,1,.98), rgba(11,5,0,.98)); box-shadow: 0 0 0 3px rgba(255,201,55,.09), inset 0 1px rgba(255,255,255,.13), 0 0 18px rgba(255,180,17,.18); text-align: center; }
.signup { display: flex; align-items: center; justify-content: center; gap: 9px; color: #fffdf4; font-size: 12px; font-weight: 600; }
.signup a { min-height: 35px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 13px; margin: 0; border: 1px solid #fff0a7; border-radius: 10px; color: #1e0d00 !important; background: linear-gradient(135deg, #ffe77e, #e7a31d); box-shadow: inset 0 1px #fffbd6, 0 0 11px rgba(255,192,36,.28); font-size: 14px; font-weight: 800; text-decoration: none !important; }
.signup a i { margin: 0; font-size: 11px; }
.security-note { margin: 17px 0 0; color: #fff09a; font-family: Georgia,serif; font-size: 16px; font-style: italic; text-align: center; text-shadow: 0 0 10px rgba(255,190,31,.5); }
.security-note i { margin-left: 3px; font-family: "Font Awesome 6 Free"; font-size: 12px; font-style: normal; }
.kohinoor-signup-page .signup-copy h1 { font-size: clamp(27px,8vw,43px); }
.kohinoor-signup-page .signup-card { margin-top: clamp(25px,4vh,38px); }
.kohinoor-signup-page .signup-btn { font-size: 18px !important; }
.kohinoor-signup-page .signup-actions { margin-top: 20px; }
@media (min-width: 621px) { .kohinoor-login-page { padding: 30px !important; } .kohinoor-login-shell { min-height: min(940px,calc(100svh - 60px)); border-radius: 30px; } .kohinoor-login-shell::before { border-radius: 30px; } .welcome-copy { margin-top: min(38vh,360px); } }
@media (max-width: 360px) { .brand-name span { font-size: 7px; letter-spacing: .12em; } .welcome-copy { margin-top: 315px; } .login-card { margin-top: 25px; } .signup { font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }