@charset "UTF-8";
body.login {
  min-height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Peyda", "AzarMehr", "Vazirmatn", system-ui, sans-serif !important;
  color: #0F172A;
  background-color: #F8FAFC;
  background-image: radial-gradient(ellipse 1000px 600px at 50% -10%, rgba(79, 70, 229, 0.1), transparent 60%), radial-gradient(ellipse 800px 500px at 50% 110%, rgba(6, 182, 212, 0.08), transparent 60%);
  position: relative;
  overflow-x: hidden;
}

body.login::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  background-image: linear-gradient(rgba(15, 23, 42, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, 0.055) 1px, transparent 1px);
  background-size: 44px 44px;
  background-position: center;
  pointer-events: none;
  mask-image: radial-gradient(ellipse at center, black 35%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at center, black 35%, transparent 80%);
}

#login {
  width: 440px;
  max-width: 92vw;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
  animation: rise 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#login h1 {
  text-align: center;
  margin: 0 0 24px;
  padding: 0;
}

#login h1 a {
  display: inline-block;
  margin: 0 auto !important;
}

#login h1::after {
  content: "ورود به پنل مدیریت";
  display: block;
  font-family: "Peyda", "AzarMehr", "Vazirmatn", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #64748B;
  margin-top: 10px;
  letter-spacing: 0;
}

.login form#loginform {
  background: #FFFFFF;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 20px;
  padding: 36px 32px 32px;
  position: relative;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 2px 8px rgba(0, 0, 0, 0.06), 0 28px 60px -20px rgba(0, 0, 0, 0.55);
  overflow: hidden;
}
.login form#loginform::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #4F46E5 0%, #06B6D4 100%);
  border-radius: 20px 20px 0 0;
}
.login form#loginform p {
  margin: 0 0 18px;
}
.login form#loginform label {
  display: block;
  color: #334155;
  font-family: "Peyda", "AzarMehr", "Vazirmatn", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 8px;
  letter-spacing: 0;
}
.login form#loginform input[type=text],
.login form#loginform input[type=email],
.login form#loginform input[type=password],
.login form#loginform .input {
  width: 100%;
  height: 46px !important;
  background: #F8FAFC !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 10px !important;
  color: #0F172A !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  padding: 0 14px !important;
  line-height: 1 !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: "Peyda", "AzarMehr", "Vazirmatn", system-ui, sans-serif !important;
  transition: border-color 0.18s cubic-bezier(0.22, 1, 0.36, 1), background 0.18s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}
.login form#loginform input[type=text]::-moz-placeholder, .login form#loginform input[type=email]::-moz-placeholder, .login form#loginform input[type=password]::-moz-placeholder, .login form#loginform .input::-moz-placeholder {
  color: #94A3B8;
  font-weight: 400;
}
.login form#loginform input[type=text]::placeholder,
.login form#loginform input[type=email]::placeholder,
.login form#loginform input[type=password]::placeholder,
.login form#loginform .input::placeholder {
  color: #94A3B8;
  font-weight: 400;
}
.login form#loginform input[type=text]:hover,
.login form#loginform input[type=email]:hover,
.login form#loginform input[type=password]:hover,
.login form#loginform .input:hover {
  border-color: #CBD5E1 !important;
  background: #FFFFFF !important;
}
.login form#loginform input[type=text]:focus,
.login form#loginform input[type=email]:focus,
.login form#loginform input[type=password]:focus,
.login form#loginform .input:focus {
  border-color: #4F46E5 !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12) !important;
}
.login form#loginform .forgetmenot {
  margin: 4px 0 22px;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.login form#loginform .forgetmenot label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #64748B;
  font-weight: 400;
  font-size: 13px;
  margin: 0;
  cursor: pointer;
}
.login form#loginform .forgetmenot input[type=checkbox] {
  width: 18px;
  height: 18px;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 5px !important;
  accent-color: #4F46E5;
  cursor: pointer;
  margin: 0 !important;
  transition: border-color 0.15s, background 0.15s;
}
.login form#loginform .submit {
  margin: 0;
}
.login form#loginform .submit .button,
.login form#loginform .submit .button-primary,
.login form#loginform .submit input[type=submit] {
  width: 100% !important;
  height: 46px !important;
  background: #0F172A !important;
  border: none !important;
  border-radius: 10px !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  box-shadow: 0 6px 14px -4px rgba(15, 23, 42, 0.35) !important;
  cursor: pointer;
  font-family: "Peyda", "AzarMehr", "Vazirmatn", system-ui, sans-serif !important;
  transition: background 0.18s cubic-bezier(0.22, 1, 0.36, 1), transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.login form#loginform .submit .button:hover,
.login form#loginform .submit .button-primary:hover,
.login form#loginform .submit input[type=submit]:hover {
  background: #1E293B !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px -6px rgba(15, 23, 42, 0.45) !important;
}
.login form#loginform .submit .button:active,
.login form#loginform .submit .button-primary:active,
.login form#loginform .submit input[type=submit]:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px -4px rgba(15, 23, 42, 0.35) !important;
}
.login form#loginform .submit .button:focus-visible,
.login form#loginform .submit .button-primary:focus-visible,
.login form#loginform .submit input[type=submit]:focus-visible {
  outline: none;
  box-shadow: 0 6px 14px -4px rgba(15, 23, 42, 0.35), 0 0 0 4px rgba(79, 70, 229, 0.12) !important;
}

.login #nav,
.login #backtoblog {
  display: flex;
  justify-content: center;
  margin: 18px 0 0;
  padding: 0 12px;
  position: relative;
  z-index: 2;
}
.login #nav a,
.login #backtoblog a {
  color: #94A3B8 !important;
  text-decoration: none;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 6px;
  transition: color 0.18s, background 0.18s;
}
.login #nav a:hover,
.login #backtoblog a:hover {
  color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.06);
}

.login #nav {
  margin-top: 22px;
}

.login #login_error,
.login .message,
.login .notice {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-right: 3px solid #4F46E5 !important;
  border-left: none !important;
  border-radius: 10px !important;
  color: #0F172A !important;
  padding: 12px 16px !important;
  margin: 0 0 16px !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.4) !important;
  font-size: 13.5px;
  position: relative;
  z-index: 2;
}
.login #login_error a,
.login .message a,
.login .notice a {
  color: #4F46E5 !important;
}

.login #login_error {
  border-right-color: #DC2626 !important;
}

.login .message {
  border-right-color: #16A34A !important;
}

.login .copyright,
body.login > .copyright {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 20px;
  left: 0;
  z-index: 2;
  color: #64748B;
  font-size: 12px;
  letter-spacing: 0.3px;
  font-family: "Peyda", "AzarMehr", "Vazirmatn", system-ui, sans-serif;
}
.login .copyright a,
body.login > .copyright a {
  color: #CBD5E1;
  text-decoration: none;
  margin: 0 4px;
  transition: color 0.2s;
}
.login .copyright a:hover,
body.login > .copyright a:hover {
  color: #FFFFFF;
}
.login .copyright a:focus,
body.login > .copyright a:focus {
  outline: none;
  box-shadow: none;
}

.wpml-login-ls {
  width: 440px;
  max-width: 92vw;
  position: relative;
  z-index: 2;
  margin-top: 18px;
}

#wpml-login-ls-form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.65rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  padding: 10px 14px;
}
#wpml-login-ls-form label {
  margin: 0;
}
#wpml-login-ls-form span {
  color: #94A3B8;
  font-size: 12px;
  font-family: "Peyda", "AzarMehr", "Vazirmatn", system-ui, sans-serif;
}
#wpml-login-ls-form select {
  flex: 1.5;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #F1F5F9 !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  font-family: "Peyda", "AzarMehr", "Vazirmatn", system-ui, sans-serif !important;
  font-size: 13px !important;
}
#wpml-login-ls-form select:focus {
  border-color: #4F46E5 !important;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12) !important;
  outline: none !important;
}
#wpml-login-ls-form input {
  flex: 0.7;
  background: #4F46E5 !important;
  border: none !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  font-family: "Peyda", "AzarMehr", "Vazirmatn", system-ui, sans-serif !important;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}
#wpml-login-ls-form input:hover {
  background: #4338CA !important;
  transform: translateY(-1px);
}

@media (max-width: 520px) {
  #login,
  .wpml-login-ls {
    width: 92vw;
  }
  .login form#loginform {
    padding: 28px 22px 24px;
  }
  body.login::before {
    background-size: 32px 32px;
  }
}/*# sourceMappingURL=login-style.css.map */