/* Apply the reference form styling only; keep the existing split auth layout. */
.login-design .auth-form-panel { position:relative; }
.login-design .auth-form-wrap {
  width:min(100%,470px);
  margin:24px auto;
  padding:clamp(29px,3.2vw,42px);
  border:1px solid #e7ece5;
  border-radius:15px;
  background:#f1f0e5;
  box-shadow:0 22px 68px #002a1c38;
}
.login-design .auth-form-wrap .auth-kicker { text-align:center; color:#63806a; }
.login-design .auth-form-wrap h2 { margin:8px 0 6px; color:#171a16; text-align:center; font-size:34px; font-weight:650; letter-spacing:-1.2px; }
.login-design .auth-intro { margin:0 0 24px; color:#686c65; text-align:center; font-size:13px; line-height:1.55; }
.login-design .google-auth {
  position:relative;
  justify-content:center;
  height:52px;
  border:1px solid transparent;
  border-radius:999px;
  background:#fff;
  color:#171a16;
  font-size:13px;
  font-weight:550;
}
.login-design .google-auth svg { position:absolute; left:18px; width:20px; height:20px; }
.login-design .google-auth:hover { border-color:#d3dbd0; background:#fff; box-shadow:0 3px 12px #2133230c; }
.login-design .auth-divider { gap:13px; margin:20px 0 21px; color:#888b82; font-size:11px; }
.login-design .auth-divider::before,.login-design .auth-divider::after { background:#d6d8ce; }
.login-design .auth-form-wrap form>label,.login-design .auth-password-label label { margin:0 0 8px; color:#272c27; font-size:12px; font-weight:600; }
.login-design .auth-input-wrap { height:53px; gap:11px; margin:0 0 17px; padding:0 16px; border:1px solid transparent; border-radius:999px; background:#fff; }
.login-design .auth-input-wrap:focus-within { border-color:#94b39c; box-shadow:0 0 0 3px #17613f10; }
.login-design .auth-input-wrap>span { color:#78847a; }
.login-design .auth-input-wrap input { color:#29352c; font-size:13px; }
.login-design .auth-input-wrap input::placeholder { color:#959990; }
.login-design .auth-password-label { margin:0 0 8px; }
.login-design .auth-password-label label { margin:0; }
.login-design .auth-password-label a { color:#07583a; font-size:11px; font-weight:600; }
.login-design .password-toggle { color:#899188; font-size:10px; }
.login-design .password-toggle:hover { color:#155b3a; }
.login-design .auth-submit { width:100%; height:54px; margin-top:4px; border:0; border-radius:999px; background:#14583a; color:#d9ef70; font-size:13px; font-weight:650; }
.login-design .auth-submit:hover { transform:translateY(-1px); border-color:#0f4b30; background:#0f4b30; }
.login-design .auth-submit svg { display:none; }
.login-design .auth-error { border-radius:9px; font-size:11px; }
.login-design .auth-switch-link { margin:20px 0 0; color:#343932; text-align:center; font-size:12px; }
.login-design .auth-switch-link a { margin-left:4px; color:#07583a; font-weight:650; text-underline-offset:3px; }
.login-design .auth-legal-links { display:flex; justify-content:center; gap:8px; margin-top:19px; color:#8a8d84; font-size:10px; }
.login-design .auth-legal-links a { color:#667269; }
.login-design .clerk-secure { margin-top:13px; color:#858a81; font-size:9px; }
.login-design .clerk-brand-link { color:#454c46; }
.login-design .auth-form-wrap.is-reset-state>.auth-kicker,
.login-design .auth-form-wrap.is-reset-state>h2,
.login-design .auth-form-wrap.is-reset-state>.auth-intro { display:none; }
@media(max-width:680px) {
  .login-design .auth-shell { padding:16px; }
  .login-design .auth-form-panel { min-height:calc(100svh - 32px); }
  .login-design .auth-form-wrap { width:min(100%,470px); margin:18px auto; padding:28px 22px 24px; border-radius:14px; }
  .login-design .auth-form-wrap h2 { font-size:29px; }
  .login-design .auth-intro { font-size:12px; }
  .login-design .google-auth,.login-design .auth-input-wrap,.login-design .auth-submit { height:51px; }
}