body.auth-locked.overhouse-public-home .house-auth-message { display: block; margin: 16px 0!important; padding: 12px 14px; border: 1px solid #586b9a; border-radius: 8px; background: #162239; color: #e6edff; font-size: 13px; line-height: 1.7; white-space: pre-line; text-align: left; }
.house-social-login { position: relative; display: grid; margin: 24px 0 8px; }
.house-social-login button { display: flex; justify-content: center; align-items: center; gap: 12px; min-height: 48px; width: 100%; padding: 12px; border: 1px solid #485169; border-radius: 8px; background: #202533; color: #bdc5d6; font: inherit; cursor: not-allowed; }
.house-social-login button span { font-family: Arial, sans-serif; font-size: 20px; font-weight: 700; }
.house-social-login small { position: absolute; top: 50%; right: 14px; transform: translateY(-50%); color: #aeb7ca; font-size: 12px; }
body.overhouse-public-home .support-modal select { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #455572; border-radius: 8px; background: #0e192b; color: #f4f8ff; font: inherit; }
body.overhouse-public-home .auth-card-brand { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 0 24px; padding: 8px 0; color: #f4f8ff; font-size: 22px; font-weight: 700; text-decoration: none; }
body.overhouse-public-home .auth-card-brand img { width: 48px; height: 48px; object-fit: contain; }
body.overhouse-public-home .auth-card-brand:hover { color: #b1d4ff; }
body.overhouse-public-home .auth-card-brand:focus-visible { outline: 2px solid #a3c5ff; outline-offset: 4px; border-radius: 8px; }
[hidden] { display: none !important; }
.auth-registration-details { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
body.auth-locked.overhouse-public-home .auth-form .auth-email-field { display: flex; align-items: stretch; gap: 8px; }
body.auth-locked.overhouse-public-home .auth-email-field input { flex: 1; min-width: 0; }
body.auth-locked.overhouse-public-home .auth-email-field button { flex-shrink: 0; min-height: 48px; padding: 8px 12px; border: 1px solid #596a87; border-radius: 8px; background: #182239; color: #e2edff; font: inherit; cursor: pointer; }
body.auth-locked.overhouse-public-home .auth-form input:disabled { opacity: .5; cursor: not-allowed; }
body.auth-locked.overhouse-public-home :is(#authEmailSend, #authEmailConfirm, #authResendEmail):disabled { opacity: .45; cursor: not-allowed; }
.auth-email-status { margin: 0; color: #a4dfcf; font-size: 13px; }

/* Login A: one form on the right; existing artwork and canonical motto on the left. */
body.auth-locked.overhouse-public-home .auth-screen { position: relative !important; min-height: calc(100svh - var(--site-header-height)) !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(360px, 500px) !important; align-items: stretch !important; justify-content: center !important; gap: 24px !important; padding: 40px max(var(--site-shell-padding), calc((100% - var(--site-shell-width)) / 2)) !important; overflow: visible !important; background: #070a12 !important; }
body.auth-locked.overhouse-public-home .auth-screen::before { content: none !important; }
body.auth-locked.overhouse-public-home .auth-card-container { grid-column: 2; grid-row: 1; width: 100% !important; max-width: none !important; min-width: 0; margin: 0 !important; display: block !important; justify-self: stretch !important; animation: none; }
body.auth-locked.overhouse-public-home .auth-card { width: 100% !important; max-width: none !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; padding: 32px !important; border: 1px solid #303a4b !important; border-radius: 12px !important; background: #0b101d !important; box-shadow: none !important; }
body.auth-locked.overhouse-public-home .auth-card::before { content: none !important; }
body.auth-locked.overhouse-public-home .auth-card #authTitle { margin: 0 !important; font-size: 30px !important; line-height: 1.4 !important; color: #f4f8ff; }
body.auth-locked.overhouse-public-home .auth-form { display: grid; gap: 20px !important; margin-top: 24px !important; }
body.auth-locked.overhouse-public-home .auth-card :is(#authEmailSend, #authEmailConfirm) { border-radius: 8px !important; background: #72a2fb !important; color: #07101f !important; }
body.auth-locked.overhouse-public-home .auth-form :is(.auth-registration-details, .auth-email-status) { grid-column: 1 / -1; }
body.auth-locked.overhouse-public-home .auth-form label { display: grid; gap: 8px !important; color: #cad4e7 !important; font-size: 14px !important; font-weight: 500 !important; }
body.auth-locked.overhouse-public-home .auth-card .auth-privacy-summary { font-size: 12px; line-height: 1.7; }
body.auth-locked.overhouse-public-home .auth-card .auth-privacy-summary p { font-size: 12px !important; line-height: 1.7 !important; }
body.auth-locked.overhouse-public-home .auth-card input:not([type="checkbox"]) { width: 100%; min-width: 0; height: 48px !important; min-height: 48px !important; padding: 0 14px !important; border: 1px solid #354057 !important; border-radius: 8px !important; background: #101727 !important; color: #f4f8ff !important; font-size: 16px !important; }
body.auth-locked.overhouse-public-home .auth-card input:focus-visible { outline: 2px solid #83b3ff !important; outline-offset: 2px !important; }
body.auth-locked.overhouse-public-home .auth-password-toggle { right: 4px !important; width: 40px !important; height: 40px !important; }
body.auth-locked.overhouse-public-home .auth-card .auth-login-options { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.auth-locked.overhouse-public-home .auth-login-options .auth-remember { display: block; min-height: 0 !important; margin: 0; }
.auth-remember-row { display: flex; align-items: center; gap: 8px; }
body.auth-locked.overhouse-public-home .auth-card input[type="checkbox"] { width: 18px !important; min-width: 18px !important; height: 18px !important; min-height: 18px !important; padding: 0 !important; accent-color: #72a7ff; }
body.auth-locked.overhouse-public-home :is(#authResetPassword, #authResendEmail) { width: auto !important; height: auto !important; padding: 0 !important; min-height: 32px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #a8caff !important; font: inherit !important; font-size: 14px !important; cursor: pointer; transform: none !important; }
body.auth-locked.overhouse-public-home #authResendEmail { align-self: center; margin-top: 8px; }
body.auth-locked.overhouse-public-home #authSubmit { height: 52px !important; min-height: 52px !important; margin: 0 !important; border: 1px solid #83adff !important; border-radius: 8px !important; background: #72a2fb !important; color: #07101f !important; font-size: 17px !important; font-weight: 700 !important; }
body.auth-locked.overhouse-public-home .auth-mode-toggle { height: auto; min-height: 44px !important; margin-top: 8px !important; padding: 8px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #a8caff !important; font-size: 14px !important; }
body.auth-locked.overhouse-public-home .auth-legal { display: flex; justify-content: center; gap: 20px; margin-top: 16px !important; font-size: 12px !important; }
body.auth-locked.overhouse-public-home .auth-visual { position: relative !important; grid-column: 1; grid-row: 1; width: 100% !important; min-width: 0; min-height: 560px !important; display: block !important; overflow: hidden; border: 0 !important; border-radius: 12px !important; background: #070a12 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
body.auth-locked.overhouse-public-home .auth-visual > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.65); }
body.auth-locked.overhouse-public-home .auth-visual::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, #070a1230, #070a12d0); }
body.auth-locked.overhouse-public-home .auth-visual-copy { position: absolute; z-index: 2; left: 32px; right: 24px; bottom: 40px; }
body.auth-locked.overhouse-public-home .auth-visual-copy strong { display: block; font-size: clamp(28px, 3vw, 40px); line-height: 1.5; color: #eef2ff; }
@media (max-width: 900px) {
  body.auth-locked.overhouse-public-home .auth-screen { grid-template-columns: minmax(0, 500px) !important; padding: 28px var(--site-shell-padding) !important; }
  body.auth-locked.overhouse-public-home .auth-card-container { grid-column: 1; }
  body.auth-locked.overhouse-public-home .auth-visual { display: none !important; }
}
@media (max-width: 540px) {
  body.auth-locked.overhouse-public-home .auth-card { padding: 24px 20px !important; }
  body.auth-locked.overhouse-public-home .auth-login-options, body.auth-locked.overhouse-public-home .auth-form label { font-size: 13px !important; }
  .house-social-login button { justify-content: flex-start; padding-left: 16px; }
  body.overhouse-public-home .auth-card-brand { font-size: 20px; gap: 10px; }
  body.overhouse-public-home .auth-card-brand img { width: 36px; height: 36px; }
}
