.workspace-page .owner-auth-screen { background: #f3f5fa !important; }
.owner-auth-screen .owner-auth-layout { max-width: 1100px; grid-template-columns: minmax(0, 1.15fr) minmax(350px, .85fr); gap: clamp(36px, 6vw, 88px); padding: 32px 0; }
.login-contact h1 { margin: 0 0 16px; font-size: clamp(32px, 3.6vw, 48px); line-height: 1.2; letter-spacing: -.04em; }
.login-contact > p { color: #63708a; }
.login-contact-body { display: flex; align-items: center; gap: 26px; margin-top: 24px; }
.login-qr-link { flex: 0 0 250px; display: block; background: #fff; border-radius: 16px; overflow: hidden; }
.login-wechat-qr { display: block; width: 100%; height: auto; }
.login-contact-details { min-width: 0; }
.login-contact-details h2 { margin: 0 0 12px; color: #192844; font-size: 20px; }
.login-contact-details p { color: #63708a; font-size: 14px; line-height: 1.8; margin: 0 0 24px; }
.login-contact-details > span { display: block; font-size: 12px; color: #63708a; }
.login-contact-details > strong { display: block; margin: 6px 0 20px; font-size: 23px; font-weight: 650; color: #6552ce; user-select: all; }
.login-contact-details small { color: #63708a; font-size: 12px; line-height: 1.8; }
.login-qr-link:focus-visible { outline: 3px solid #725de0; outline-offset: 5px; }
@media (max-width: 900px) {
  .owner-auth-screen .owner-auth-layout { max-width: 520px; grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .owner-auth-screen .auth-card { order: -1; }
  .login-contact h1 { font-size: 30px; }
  .login-contact-body { gap: 22px; }
  .login-qr-link { flex-basis: 230px; }
}
@media (max-width: 500px) {
  .login-contact-body { flex-direction: column; align-items: flex-start; gap: 20px; }
  .login-qr-link { flex: none; width: min(280px, 100%); align-self: center; }
  .login-contact-details { width: 100%; text-align: center; }
  .login-contact-details p { margin-bottom: 16px; }
}