body.login.aicerts-login-screen {
 margin: 0;
 min-height: 100vh;
 background: #f6f6f4;
 font-family: Arial, Helvetica, sans-serif;
 display: grid;
 grid-template-columns: minmax(320px, 50%) minmax(320px, 50%);
 overflow-x: hidden;
 position: relative;
}

body.login.aicerts-login-screen #login {
 width: min(100%, 560px);
 padding: 56px 32px 40px;
 margin: 0 auto;
 align-self: center;
 z-index: 2;
}

body.login.aicerts-login-screen .aic-login-side-image {
 position: fixed;
 top: 0;
 right: 0;
 width: 50vw;
 height: 100vh;
 background: var(--aic-login-side-image) center center / cover no-repeat;
 z-index: 1;
}

body.login.aicerts-login-screen #login h1 {
 margin: 0 0 36px;
 padding: 0;
}

body.login.aicerts-login-screen #login h1 a {
 width: 230px;
 height: 72px;
 margin: 0 auto;
 background-image: var(--aic-login-logo);
 background-size: contain;
 background-position: center;
 background-repeat: no-repeat;
}

body.login.aicerts-login-screen .aic-login-intro {
 margin-bottom: 28px;
}

body.login.aicerts-login-screen .aic-login-title {
 margin: 0 0 34px;
 color: #070707;
 font-size: 32px;
 line-height: 1.22;
 font-weight: 700;
 text-align: left;
 letter-spacing: -0.02em;
}

body.login.aicerts-login-screen .aic-login-social {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 24px;
 margin-bottom: 34px;
}

body.login.aicerts-login-screen .btn-social {
 height: 58px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 12px;
 border: 1px solid #ece7df;
 border-radius: 12px;
 background: #f3f1ed;
 color: #4f5155;
 text-decoration: none;
 font-size: 18px;
 font-weight: 600;
 box-shadow: none;
}

body.login.aicerts-login-screen .btn-social::before {
 content: "";
 width: 24px;
 height: 24px;
 display: inline-block;
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
}

body.login.aicerts-login-screen .btn-social.google::before {
 background-image: var(--aic-login-google-icon);
}

body.login.aicerts-login-screen .btn-social.linkedin::before {
 background-image: var(--aic-login-linkedin-icon);
}

body.login.aicerts-login-screen .optiontitle {
 margin: 0 0 26px;
 color: #666;
 text-align: center;
 font-size: 16px;
 position: relative;
}

body.login.aicerts-login-screen .optiontitle span {
 background: #f6f6f4;
 padding: 0 14px;
 position: relative;
 z-index: 2;
}

body.login.aicerts-login-screen .optiontitle::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 50%;
 border-top: 1px dashed #b8b0a2;
 z-index: 1;
}

body.login.aicerts-login-screen #loginform {
 margin: 0;
 padding: 0;
 background: transparent;
 border: 0;
 box-shadow: none;
}

body.login.aicerts-login-screen #loginform > p,
body.login.aicerts-login-screen #loginform .user-pass-wrap,
body.login.aicerts-login-screen #loginform .g-recaptcha,
body.login.aicerts-login-screen #loginform .aic-login-meta,
body.login.aicerts-login-screen #loginform .submit {
 margin-bottom: 22px;
}

body.login.aicerts-login-screen label[for="user_login"],
body.login.aicerts-login-screen label[for="user_pass"] {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 white-space: nowrap;
 border: 0;
}

body.login.aicerts-login-screen input[type="text"],
body.login.aicerts-login-screen input[type="password"] {
 height: 72px;
 border: 1px solid #d3cec5;
 border-radius: 14px;
 background: #f6f6f4;
 box-shadow: none;
 padding: 0 22px;
 font-size: 18px;
 color: #30323a;
}

body.login.aicerts-login-screen input::placeholder {
 color: #8c8f96;
}

body.login.aicerts-login-screen .wp-pwd {
 position: relative;
}

body.login.aicerts-login-screen .button.wp-hide-pw {
 height: 72px;
 width: 56px;
 border: 0;
 box-shadow: none;
 color: #1f2430;
}

body.login.aicerts-login-screen .aic-login-meta {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 20px;
 margin-top: 8px;
 margin-bottom: 28px;
}

body.login.aicerts-login-screen .forgetmenot {
 margin: 0;
}

body.login.aicerts-login-screen .forgetmenot label {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 color: #4c4f57;
 font-size: 16px;
}

body.login.aicerts-login-screen .forgetmenot input[type="checkbox"] {
 width: 22px;
 height: 22px;
 margin: 0;
 border: 1px solid #c8c2b8;
}

body.login.aicerts-login-screen .aic-login-forgot {
 color: #c9a531;
 font-size: 16px;
 font-weight: 600;
 text-decoration: none;
}

body.login.aicerts-login-screen .submit {
 margin: 0;
}

body.login.aicerts-login-screen .wp-core-ui .button-primary {
 width: 100%;
 height: 62px;
 border: 0;
 border-radius: 999px;
 background: #caa62f;
 box-shadow: none;
 color: #fff;
 font-size: 20px;
 font-weight: 700;
 text-shadow: none;
}

body.login.aicerts-login-screen .wp-core-ui .button-primary:hover,
body.login.aicerts-login-screen .wp-core-ui .button-primary:focus {
 background: #b69324;
}

body.login.aicerts-login-screen #nav {
 margin: 26px 0 0;
 text-align: center;
 font-size: 16px;
 color: #5a5d65;
}

body.login.aicerts-login-screen #nav a {
 color: #c9a531;
 font-weight: 700;
 text-decoration: none;
}

body.login.aicerts-login-screen .message,
body.login.aicerts-login-screen .notice,
body.login.aicerts-login-screen #login_error {
 margin: 0 0 20px;
 border-radius: 12px;
 box-shadow: none;
}

body.login.aicerts-login-screen .language-switcher,
body.login.aicerts-login-screen #backtoblog {
 display: none !important;
}

body.login.aicerts-login-screen .g-recaptcha {
 margin-bottom: 18px;
}

@media (max-width: 991px) {
 body.login.aicerts-login-screen {
  display: block;
  background: #f6f6f4;
 }

 body.login.aicerts-login-screen .aic-login-side-image {
  display: none;
 }

 body.login.aicerts-login-screen #login {
  width: min(100%, 560px);
  padding: 40px 20px 28px;
 }

 body.login.aicerts-login-screen .aic-login-title {
  font-size: 26px;
  text-align: center;
 }

 body.login.aicerts-login-screen .aic-login-social {
  grid-template-columns: 1fr;
  gap: 16px;
 }

 body.login.aicerts-login-screen .aic-login-meta {
  flex-direction: column;
  align-items: flex-start;
 }
}