/** Native WordPress login, registration and password-recovery screens. */
body.login {
    --wpat-login-bg: #f5f7ff;
    --wpat-login-card: rgba(255, 255, 255, .93);
    --wpat-login-text: #20233d;
    --wpat-login-muted: #747b97;
    --wpat-login-border: #e1e5f2;
    --wpat-login-primary: #635bff;
    min-height: 100vh;
    background: radial-gradient(circle at 8% 8%, rgba(111, 92, 255, .18), transparent 28rem), radial-gradient(circle at 92% 92%, rgba(62, 196, 162, .15), transparent 30rem), var(--wpat-login-bg);
    color: var(--wpat-login-text);
    font-family: "Yekan Bakh FaNum", Tahoma, Arial, sans-serif;
    direction: rtl;
}
body.login::before, body.login::after { content: ""; position: fixed; z-index: -1; border-radius: 50%; filter: blur(2px); pointer-events: none; }
body.login::before { width: 18rem; height: 18rem; top: -9rem; left: -6rem; background: rgba(99, 91, 255, .12); }
body.login::after { width: 15rem; height: 15rem; right: -7rem; bottom: -6rem; background: rgba(38, 183, 143, .12); }
.login h1 { margin: 0 auto 22px; }
.login h1 a { width: auto; height: auto; min-height: 46px; margin: 0; padding: 0; background: none !important; color: var(--wpat-login-text); font-family: inherit; font-size: 0; text-indent: 0; text-decoration: none; }
.login h1 a::before { content: "پنل مدیریت"; display: block; font-size: 27px; font-weight: 800; letter-spacing: -.8px; line-height: 1.4; }
.login h1 a::after { content: "ورود امن به حساب کاربری"; display: block; margin-top: 3px; color: var(--wpat-login-muted); font-size: 13px; font-weight: 500; letter-spacing: 0; }
.login #login { width: min(100% - 32px, 410px); padding: 8vh 0 34px; }
.login form { margin-top: 0; padding: 30px; border: 1px solid var(--wpat-login-border); border-radius: 18px; background: var(--wpat-login-card); box-shadow: 0 22px 55px rgba(38, 43, 75, .12); }
.login form .forgetmenot { float: right; }
.login label { color: var(--wpat-login-text); font-family: inherit; font-size: 14px; font-weight: 600; }
.login input[type="text"], .login input[type="password"], .login input[type="email"] { min-height: 46px; margin-top: 7px; padding: 0 13px; border: 1px solid var(--wpat-login-border); border-radius: 10px; background: #fff; box-shadow: none; color: var(--wpat-login-text); font-family: inherit; font-size: 15px; transition: border-color .2s, box-shadow .2s; }
.login input[type="text"]:focus, .login input[type="password"]:focus, .login input[type="email"]:focus { border-color: var(--wpat-login-primary); box-shadow: 0 0 0 3px rgba(99, 91, 255, .13); }
.login .button-primary { min-height: 44px; padding: 0 20px; border: 0; border-radius: 10px; background: linear-gradient(135deg, #5d56f4, #7965ff); box-shadow: 0 9px 18px rgba(99, 91, 255, .25); color: #fff; font-family: inherit; font-size: 14px; font-weight: 700; text-shadow: none; transition: transform .2s, box-shadow .2s; }
.login .button-primary:hover, .login .button-primary:focus { background: linear-gradient(135deg, #5049e7, #6e59f5); box-shadow: 0 12px 24px rgba(99, 91, 255, .3); transform: translateY(-1px); }
.login #nav, .login #backtoblog { margin: 18px 0 0; padding: 0; text-align: center; color: var(--wpat-login-muted); font-family: inherit; }
.login #backtoblog { margin-top: 9px; }
.login #nav a, .login #backtoblog a { color: var(--wpat-login-muted); font-weight: 600; text-decoration: none; }
.login #nav a:hover, .login #backtoblog a:hover { color: var(--wpat-login-primary); }
.login .message, .login .notice, .login .success { margin: 0 0 18px; border: 1px solid var(--wpat-login-border); border-right: 4px solid var(--wpat-login-primary); border-radius: 10px; background: var(--wpat-login-card); box-shadow: none; color: var(--wpat-login-text); font-family: inherit; }
.login #login_error { margin: 0 0 18px; border: 1px solid #ffd8d8; border-right: 4px solid #d63638; border-radius: 10px; box-shadow: none; font-family: inherit; }
.login .language-switcher { margin-top: 18px; }
.login .language-switcher select, .login .language-switcher .button { border-radius: 8px; font-family: inherit; }
@media (prefers-color-scheme: dark) {
    body.login { --wpat-login-bg: #12141d; --wpat-login-card: rgba(28, 31, 43, .94); --wpat-login-text: #f5f6fb; --wpat-login-muted: #a7aec4; --wpat-login-border: #363b4d; }
    .login input[type="text"], .login input[type="password"], .login input[type="email"] { background: #202431; color: var(--wpat-login-text); }
    .login .message, .login .notice, .login .success { background: var(--wpat-login-card); }
}
@media (max-width: 480px) { .login #login { padding-top: 42px; } .login form { padding: 23px 20px; border-radius: 14px; } }