/* Auth pages background (no Tailwind utilities)
   Matches landing/legal pages: organic glow + no gray seams in small viewports. */

:root {
  --bg: #0b0b0f;
}

html {
  background: var(--bg); /* prevents gray fallback below body in some browsers */
}

body {
  background: var(--bg) !important;
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(254, 44, 85, 0.14), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(147, 51, 234, 0.12), transparent 55%),
    radial-gradient(1200px 700px at 20% 115%, rgba(254, 44, 85, 0.10), transparent 65%),
    radial-gradient(900px 650px at 100% 120%, rgba(147, 51, 234, 0.08), transparent 70%);
}

/* Ensure the auth card content sits above the backdrop */
.login-card,
.max-w-sm {
  position: relative;
  z-index: 1;
}