:root{--kl-navy:#10243e;--kl-blue:#1d4ed8;--kl-blue-hover:#1e40af;--kl-text:#172033;--kl-muted:#66758a;--kl-line:#d9e1eb;--kl-soft:#f4f7fb;--kl-danger:#b42318;--kl-shadow:0 24px 70px rgba(16,36,62,.14)}
*{box-sizing:border-box}
html{background:#f5f7fa}
body.login{min-height:100vh;background:radial-gradient(circle at 8% 5%,rgba(214,226,242,.9),transparent 34%),radial-gradient(circle at 92% 90%,rgba(222,231,242,.8),transparent 30%),#f8fafc;color:var(--kl-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;align-items:center;justify-content:center;padding:32px 18px}
body.login:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,0) 45%)}
#login{position:relative;width:min(100%,440px);padding:34px 38px 30px;background:rgba(255,255,255,.96);border:1px solid rgba(208,218,230,.9);border-radius:20px;box-shadow:var(--kl-shadow)}
.login h1 a{background-image:var(--king-crm-logo);background-size:199px 40px;background-position:center;width:220px;height:48px;margin:0 auto 26px}
.king-crm-login-heading{text-align:center;margin:0 0 25px}
.king-crm-login-heading h2{font-size:25px;line-height:1.25;color:var(--kl-navy);margin:0 0 8px;font-weight:750;letter-spacing:-.025em}
.king-crm-login-heading p{font-size:14px;line-height:1.55;color:var(--kl-muted);margin:0}
.login form{background:transparent;border:0;box-shadow:none;padding:0;margin:0}
.login label{font-size:14px;font-weight:650;color:#334155}
.login form .input,.login input[type=password],.login input[type=text]{min-height:48px;margin-top:7px;padding:10px 13px;border:1px solid var(--kl-line);border-radius:10px;background:#fff;color:var(--kl-text);font-size:16px;box-shadow:0 1px 2px rgba(16,36,62,.03);transition:border-color .16s,box-shadow .16s}
.login form .input:focus,.login input[type=password]:focus,.login input[type=text]:focus{border-color:#5480dd;box-shadow:0 0 0 4px rgba(37,99,235,.12);outline:0}
.login .button.wp-hide-pw{top:8px;right:4px;width:42px;height:42px;color:#64748b}
.login .forgetmenot{margin-top:5px}
.login .forgetmenot label{font-weight:500;color:#526176}
.login input[type=checkbox]{border-color:#b8c4d2;border-radius:5px;box-shadow:none}
.login input[type=checkbox]:checked{background:var(--kl-blue);border-color:var(--kl-blue)}
.wp-core-ui .button-primary{min-height:46px;padding:0 22px;border:0;border-radius:10px;background:var(--kl-blue);box-shadow:0 7px 18px rgba(29,78,216,.2);font-size:15px;font-weight:700;text-shadow:none;transition:background .16s,transform .16s,box-shadow .16s}
.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary:focus{background:var(--kl-blue-hover);box-shadow:0 9px 22px rgba(29,78,216,.26);transform:translateY(-1px)}
.login .submit{margin-top:22px}.login .submit .button{width:100%}
.login #nav{margin:24px 0 0;padding:18px 0 0;border-top:1px solid #e8edf3;text-align:center}
.login #backtoblog{margin:12px 0 0;padding:0;text-align:center}
.login #nav a,.login #backtoblog a{color:#4f6075;font-size:13px;text-decoration:none}.login #nav a:hover,.login #backtoblog a:hover{color:var(--kl-blue)}
.login .message,.login .notice,.login #login_error{margin:0 0 20px;padding:12px 14px;border:1px solid #cddff8;border-left:4px solid var(--kl-blue);border-radius:9px;background:#f3f8ff;box-shadow:none;color:#34445a;font-size:13px;line-height:1.5}
.login #login_error{border-color:#f2c8c5;border-left-color:var(--kl-danger);background:#fff6f5;color:#7a271a}
.login .privacy-policy-page-link{margin:20px 0 0}.login .privacy-policy-page-link a{color:#65758a}
.language-switcher{display:none}.language-switcher select{min-height:38px;border-color:var(--kl-line);border-radius:8px}.language-switcher .button{min-height:38px;border-color:var(--kl-line);border-radius:8px;color:#42546a}
@media(max-width:520px){body.login{align-items:flex-start;padding:20px 12px}#login{width:100%;padding:28px 22px 24px;border-radius:16px}.login h1 a{margin-bottom:21px}.king-crm-login-heading h2{font-size:23px}.login form .input,.login input[type=password],.login input[type=text]{font-size:16px}}
