/* ═══════════════════════════════════════════════════════════════════════════════
   HelixJumPAY — Auth Pages (Login / Register)
   ═══════════════════════════════════════════════════════════════════════════════ */

.auth-page {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  padding: 20px;
  background: linear-gradient(135deg, #0d0020 0%, #1a0040 100%);
}
.auth-card {
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(16px); border-radius: var(--radius); padding: 40px 36px;
  width: 100%; max-width: 420px; box-shadow: 0 16px 48px rgba(0,0,0,0.3);
  animation: popIn 0.35s ease both;
}
.auth-logo {
  text-align: center; margin-bottom: 28px;
  font-size: 28px; font-weight: 800; color: var(--pink);
}
.auth-title  { font-size: 22px; font-weight: 800; color: #fff; margin-bottom: 6px; text-align: center; }
.auth-sub    { font-size: 14px; color: rgba(255,255,255,0.55); text-align: center; margin-bottom: 28px; }
.auth-footer { text-align: center; margin-top: 20px; font-size: 14px; color: rgba(255,255,255,0.55); }
.auth-footer a { color: var(--pink); font-weight: 700; cursor: pointer; }
.auth-back-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 10px 14px; border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.78); font-weight: 700; text-decoration: none;
  transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.15s;
}
.auth-back-btn:hover {
  background: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.92); transform: translateY(-1px);
}
.auth-back-btn:active { transform: translateY(0); }
.auth-back-btn:focus-visible { outline: 2px solid rgba(255,255,255,0.55); outline-offset: 2px; }