/* ASALMA identity for native WordPress authentication screens. */
body.login {
 --al-navy: #08152f;
 --al-blue: #1d427b;
 --al-gold: #d7b653;
 --al-gold-light: #f4dc91;
 --al-ivory: #fbf8f2;
 --al-text: #172033;
 --al-muted: #667085;
 --al-line: #d4cec2;
 box-sizing: border-box;
 min-height: 100vh;
 min-height: 100svh;
 height: auto;
 margin: 0;
 padding: clamp(24px, 5vh, 56px) 20px;
 background: radial-gradient(ellipse at 12% 0, #26477380, transparent 55%), radial-gradient(ellipse at 100% 100%, #d7b65318, transparent 50%), linear-gradient(145deg, #08152f, #102b55);
 color: var(--al-text);
 font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 font-size: 15px;
 line-height: 1.6;
}
body.login *, body.login *::before, body.login *::after { box-sizing: border-box; }
body.login #login {
 width: min(100%, 440px);
 margin: 0 auto;
 padding: 30px 36px 26px;
 border: 1px solid #d7b65380;
 border-radius: 26px;
 background: var(--al-ivory);
 box-shadow: 0 28px 80px #00000040;
}
#login h1 a, .login .wp-login-logo a {
 width: 144px;
 height: 162px;
 margin: 0 auto 26px;
 padding: 0;
 background-image: url("login-logo.png");
 background-size: contain;
 background-position: center;
 background-repeat: no-repeat;
}
.login #login form {
 margin: 0;
 padding: 0;
 border: 0;
 background: transparent;
 box-shadow: none;
 overflow: visible;
 font-weight: inherit;
}
.login #login form label { display: inline-block; margin-bottom: 7px; color: var(--al-navy); font-size: 14px; font-weight: 650; }
.login #login form input[type="text"],
.login #login form input[type="password"],
.login #login form input[type="email"],
.login #login form input[type="number"] {
 width: 100%;
 min-width: 0;
 min-height: 50px;
 margin: 0 0 19px;
 padding: 11px 14px;
 border: 1px solid var(--al-line);
 border-radius: 12px;
 background: #fff;
 color: var(--al-text);
 box-shadow: none;
 font-family: inherit;
 font-size: 16px;
 line-height: 1.5;
 transition: border-color .15s ease, box-shadow .15s ease;
}
.login #login form .wp-pwd input { padding-right: 52px; }
.login #login form input::placeholder { color: var(--al-muted); }
.login #login form input:focus { border-color: var(--al-blue); outline: 2px solid var(--al-blue); outline-offset: 2px; box-shadow: none; }
.login #login form .wp-hide-pw {
 width: 48px;
 height: 48px;
 min-height: 48px;
 top: 1px;
 right: 1px;
 padding: 0;
 border: 0;
 border-radius: 11px;
 background: transparent;
 color: var(--al-blue);
 box-shadow: none;
}
.login #login form .wp-hide-pw .dashicons { top: 0; }
.login #login form .wp-hide-pw:hover { color: var(--al-navy); background: #f5eadc80; }
.login #login form .forgetmenot { float: none; margin: 0 0 22px; }
.login #login form .forgetmenot label { margin: 0; font-size: 14px; font-weight: 500; }
.login #login form input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; margin: 0 7px 0 0; border: 1px solid #7c8595; border-radius: 5px; background: #fff; color: var(--al-blue); vertical-align: middle; }
.login #login form input[type="checkbox"]:checked::before { margin: -3px 0 0 -4px; width: 22px; height: 22px; filter: none; }
.login #login form .submit { margin: 0; padding: 0; }
.login #login .button-primary {
 display: block;
 float: none;
 width: 100%;
 min-height: 50px;
 margin: 0;
 padding: 12px 18px;
 border: 1px solid var(--al-gold);
 border-radius: 12px;
 background: linear-gradient(135deg, var(--al-gold-light), var(--al-gold));
 color: var(--al-navy);
 box-shadow: 0 7px 18px #d7b65325;
 text-shadow: none;
 font-family: inherit;
 font-size: 16px;
 font-weight: 750;
 line-height: 1.5;
 white-space: normal;
 cursor: pointer;
 transition: background .15s ease, box-shadow .15s ease;
}
.login #login .button-primary:hover { background: var(--al-gold-light); border-color: var(--al-gold); color: var(--al-navy); box-shadow: 0 9px 22px #d7b65335; }
.login #login .button-secondary:not(.wp-hide-pw) { min-height: 44px; padding: 8px 14px; border: 1px solid var(--al-blue); border-radius: 10px; background: #fff; color: var(--al-blue); font-family: inherit; white-space: normal; }
.login #login .button-secondary:not(.wp-hide-pw):hover { background: #f5eadc; color: var(--al-navy); }
.login #login .button-primary:disabled { opacity: .65; cursor: default; }
.login #login a { color: var(--al-blue); text-decoration: none; }
.login #login a:hover { color: var(--al-navy); text-decoration: underline; text-underline-offset: 3px; }
.login #login a:focus-visible,
.login #login button:focus-visible,
.login #login .button-primary:focus-visible { outline: 2px solid var(--al-blue); outline-offset: 3px; box-shadow: none; }
.login #login #nav { margin: 22px 0 0; padding: 0; text-align: center; font-size: 14px; line-height: 1.6; }
.login #login #backtoblog { margin: 12px 0 0; padding: 0; text-align: center; font-size: 13px; line-height: 1.6; }
.login #login #backtoblog a { color: #596477; }
.login #login #login_error,
.login #login .message,
.login #login .success,
.login #login .notice {
 margin: 0 0 22px;
 padding: 13px 15px;
 border: 1px solid var(--al-line);
 border-left: 4px solid var(--al-blue);
 border-radius: 10px;
 background: #fff;
 color: var(--al-text);
 box-shadow: none;
 font-size: 14px;
 overflow-wrap: anywhere;
}
.login #login #login_error, .login #login .notice-error { border-left-color: #a33c3c; background: #fff8f6; }
.login #login .success, .login #login .notice-success { border-left-color: #39734e; }
.login #login .privacy-policy-page-link { margin: 18px 0 0; font-size: 13px; }
.login #login #pass-strength-result { box-sizing: border-box; margin: 0 0 16px; border-radius: 8px; font-size: 14px; }
@media (max-width: 480px) {
 body.login { padding: 20px 14px; }
 body.login #login { padding: 24px 22px; border-radius: 22px; }
 #login h1 a, .login .wp-login-logo a { width: 112px; height: 126px; margin-bottom: 22px; }
 .login #login form label { font-size: 13px; }
 .login #login form .forgetmenot { margin-bottom: 20px; }
}
@media (prefers-reduced-motion: reduce) { .login #login form input, .login #login .button-primary { transition: none; } }