/* Auth page specific styles: hero + vertical auth panel */
.auth-hero {
  padding: 48px 20px;
  background: linear-gradient(90deg, rgba(255,102,0,0.06), rgba(255,255,255,0.02));
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.auth-hero .hero-logo { height: 140px; }

/* Vertical auth form panel (login/register) */
.form-panel.auth-vertical {
  display: block !important;
  text-align: center;
  padding: 28px;
  max-width: 720px;
  margin: 0 auto;
}
.form-panel.auth-vertical h1 { text-align: center; margin: 6px 0 18px; }
.form-panel.auth-vertical .auth-form { display:block !important; margin: 0 auto; width:100%; max-width:480px; }
.form-panel.auth-vertical .form-field { display:block; width:100%; margin-bottom:12px; }
.form-panel.auth-vertical label { display:block; text-align:left; margin-bottom:6px; }
.form-panel.auth-vertical .form-input { width:100%; box-sizing:border-box; }
.form-panel.auth-vertical .form-actions { display:flex; gap:12px; justify-content:center; }