/* Public access screens share the landing identity, independently of app themes. */
#auth {
  background: #07120e;
  color: #f6f7f3;
  padding: 48px 24px;
  color-scheme: dark;
  font-family: 'Hanken Grotesk', sans-serif;
}
#auth .auth-inner { max-width: 420px; padding: 0; text-align: left; animation: none; }
#auth .auth-brand { display: flex; align-items: center; gap: 10px; width: fit-content; color: #f6f7f3; text-decoration: none; font-size: 27px; font-weight: 600; letter-spacing: -.05em; margin-bottom: 38px; }
#auth .auth-brand img { object-fit: contain; }
#auth .auth-name { font: 500 clamp(29px, 5vw, 38px)/1.12 'Hanken Grotesk', sans-serif; letter-spacing: -.04em; margin: 0 0 16px; }
#auth .auth-tag { color: #adbcb3; font-size: 15px; line-height: 1.6; margin: 0 0 30px; }
#auth .auth-state { gap: 17px; margin: 0; }
#auth .auth-field { display: flex; flex-direction: column; gap: 9px; color: #e8eee9; font-size: 13px; font-weight: 500; }
#auth .auth-optional { display: inline; color: #a5b4aa; font-size: 12px; font-weight: 400; margin-top: -4px; }
#auth .auth-input { min-height: 49px; border-radius: 7px; border: 1px solid #3b4c41; background: #101f17; color: #f6f7f3; padding: 12px 14px; font: 400 16px 'Hanken Grotesk', sans-serif; text-align: left; box-shadow: none; }
#auth .auth-input::placeholder { color: #869a8b; }
#auth .auth-input:focus { outline: 2px solid #e7c873; outline-offset: 3px; border-color: #e7c873; }
#auth .auth-btn { min-height: 49px; background: #e7c873; border: 1px solid #e7c873; color: #07120e; font: 600 14px 'Hanken Grotesk', sans-serif; border-radius: 7px; box-shadow: none; transform: none; }
#auth .auth-btn:hover { background: #f4d98e; }
#auth .auth-btn:disabled { opacity: .6; cursor: wait; }
#auth .auth-alt { display: block; text-align: center; text-decoration: none; min-height: 48px; padding: 13px; background: transparent; border: 1px solid #536356; color: #f6f7f3; border-radius: 7px; font-size: 14px; }
#auth .auth-alt:hover { background: #15251b; }
#auth .auth-link { color: #bdcac1; font-size: 13px; padding: 7px 0; margin: 0; text-align: center; }
#auth .auth-forgot { text-align: right; margin: -6px 0; align-self: flex-end; }
#auth .auth-or { color: #8ea394; margin: 0; }
#auth .auth-or::before, #auth .auth-or::after { background: #2c4032; }
#auth .auth-msg { color: #b7c5bc; font-size: 15px; line-height: 1.7; margin: 0 0 7px; }
#auth .auth-switch { margin: 13px 0 0; padding-top: 24px; border-top: 1px solid #2c4032; color: #a5b8aa; text-align: center; font-size: 13px; line-height: 1.9; }
#auth .auth-switch a { color: #e7c873; text-decoration: none; white-space: nowrap; }
#auth a:hover { text-decoration: underline; text-underline-offset: 4px; }
#auth .auth-privacy { font-size: 12px; line-height: 1.7; color: #a5b8aa; margin: 0; }
#auth .auth-privacy a { color: inherit; text-underline-offset: 3px; }
#auth .auth-error { color: #ffb7ac; font-size: 13px; text-align: left; min-height: 0; margin: 0; }
#auth .auth-error:empty { display: none; }
#auth .legal-footer { display: flex; flex-direction: row; flex-wrap: wrap; border-color: #2c4032; color: #94a599; font-size: 10px; gap: 6px 10px; justify-content: flex-start; padding-top: 25px; margin-top: 34px; line-height: 1.9; }
#auth .legal-footer a { color: #a5b8aa; }
#auth :is(a,button):focus-visible { outline: 2px solid #e7c873; outline-offset: 5px; }
@media(max-width: 600px) {
  #auth { padding: 32px 24px; }
  #auth .auth-brand { margin-bottom: 30px; }
  #auth .auth-inner { margin: auto; }
  #auth .auth-switch { margin-top: 6px; }
}