body.login{background:#2a5e8c!important}
body.login:before,body.login:after{display:none!important}
#klex-login-sky{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#c7f2ec,#6fc2c4,#3e8fa8,#2a5e8c);z-index:0}
#klex-login-sky canvas{width:100%;height:100%;display:block}
body.login #login{position:relative;z-index:1;background:rgba(255,255,255,.76)!important;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.85)!important;border-radius:24px!important;box-shadow:0 30px 70px -24px rgba(6,28,48,.55),inset 0 1px 0 #fff!important;color:#0f172a!important}
body.login .king-base-login-heading h2{color:#0f172a!important}
body.login .king-base-login-heading p{color:#475569!important}
body.login #loginform{background:transparent!important;border:0!important;box-shadow:none!important}
body.login #loginform label{color:#1e293b!important;font-weight:600}
body.login #loginform input[type=text],body.login #loginform input[type=password],body.login #loginform input[type=email]{background:rgba(255,255,255,.92)!important;color:#0f172a!important;border:1px solid rgba(15,61,92,.18)!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(6,28,48,.06)!important}
body.login #loginform input[type=text]:focus,body.login #loginform input[type=password]:focus{background:#fff!important;border-color:#1d4ed8!important;box-shadow:0 0 0 4px rgba(29,78,216,.15)!important;outline:0!important}
body.login .wp-pwd .button.wp-hide-pw{color:#475569!important;background:transparent!important}
body.login #wp-submit{background:#1d4ed8!important;color:#fff!important;border:0!important;border-radius:12px!important;font-weight:700!important;box-shadow:0 10px 24px -10px rgba(29,78,216,.7)!important;transition:background .15s,transform .12s}
body.login #wp-submit:hover{background:#1e40af!important;transform:translateY(-1px)}
body.login #wp-submit:focus-visible{outline:3px solid #1d4ed8!important;outline-offset:3px}
body.login #nav a,body.login #backtoblog a{color:#334155!important}
body.login #nav a:hover,body.login #backtoblog a:hover{color:#1d4ed8!important}
body.login #login_error,body.login .message,body.login .notice{background:#fff!important;color:#0f172a!important;border-radius:12px!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.login #login{background:rgba(255,255,255,.95)!important}}
@media(max-width:480px){body.login #login{border-radius:20px!important}}