#app .login-screen {
  width: 100%;
  max-width: 440px;
  margin: 8px auto 0;
  padding: 0;
  gap: 22px;
}

#app .login-screen .auth-brand { gap: 10px; }
#app .login-screen .auth-title { font-size: 28px; line-height: 1.3; letter-spacing: -.04em; }
#app .login-screen .auth-brand .sub { margin: 0; font-size: 14px; line-height: 1.7; color: #73716c; word-break: keep-all; }
#app .login-screen .auth-card {
  padding: 28px;
  border: 1px solid #e9e6df;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 32px rgba(48, 39, 21, .04);
}
#app .login-screen .auth-form { gap: 20px; }
#app .login-screen .auth-form .field { font-size: 13px; font-weight: 650; gap: 8px; }
#app .login-screen .auth-form input { min-height: 52px; border-color: #e3e0d9; border-radius: 10px; font-size: 15px; background: #fdfcf9; }
#app .login-screen .auth-form > .btn,
#app .login-screen .customer-form-fields > .btn { min-height: 52px; border-radius: 10px; font-size: 15px; }
#app .login-screen .auth-password-field input { padding-right: 70px; }
#app .login-screen .auth-or { display: flex; align-items: center; gap: 14px; margin: 22px 0; font-size: 12px; }
#app .login-screen .auth-or::before,
#app .login-screen .auth-or::after { content: ""; height: 1px; flex: 1; background: #eeeae3; }
#app .login-screen .btn.kakao { min-height: 52px; border-radius: 10px; font-size: 14px; }
#app .login-screen .login-signup { margin: -8px 0 0; gap: 6px 12px; font-size: 13px; }
#app .login-screen .login-support-links { gap: 10px; }
#app .login-screen .login-signup .auth-link { font-size: 13px; font-weight: 600; }
#app .login-screen .member-session-notice:empty { display: none; }
#app .login-screen .member-session-notice p { margin: 0 0 12px; font-size: 13px; line-height: 1.6; }
#app .login-screen .customer-form-fields { gap: 20px; }

@media (max-width: 767px) {
  #app .login-screen { max-width: 440px; margin-top: 6px; gap: 20px; }
  #app .login-screen .auth-title { font-size: 25px; }
  #app .login-screen .auth-brand .sub { font-size: 13px; }
  #app .login-screen .auth-card { padding: 22px 20px; border-radius: 16px; box-shadow: none; }
  #app .login-screen .login-signup { gap: 0 10px; }
}
