/* auth-card.css — shared chrome for the three sign-in surfaces.
 *
 * Single CSS rule for the outer login wrapper used by:
 *   - webradio/platform/signup.html             (apex /signup)
 *   - webradio/auth/station-login.html          (apex returning-user login)
 *   - webradio/platform/station/index.html      (tenant station signed-out)
 *
 * Values lifted from station/index.html's `.login-card` — the favored
 * "garden aesthetic": soft green-tinted surface that whispers the brand
 * color without shouting, paired with a matching green border. Inner
 * controls (federated buttons + magic-link form) come from
 * AweAuth.renderSignInUI() in shared/awe-auth.js — which already
 * standardised them across the three pages.
 *
 * Intentional: literal rgba values rather than CSS variables, so this
 * file doesn't bind to either signup.html's `:root` (--amber, --glass)
 * or station/index.html's awe.css (--awe-sage). Single source of truth
 * for the chrome, no theme-system coupling.
 */
.auth-card {
  background: rgba(74, 222, 128, 0.05);
  border: 1px solid rgba(74, 222, 128, 0.10);
  border-radius: 12px;
  padding: 40px;
  max-width: 400px;
  width: 100%;
  box-sizing: border-box;
}