.auth-body { background: var(--bg); min-height: 100vh; display: flex; align-items: center; justify-content: center; }

.auth-bg { position: fixed; inset: 0; pointer-events: none; overflow: hidden; }
.auth-blob {
  position: absolute; border-radius: 50%;
  filter: blur(100px); animation: blobFloat 10s ease-in-out infinite;
}
.blob-1 { width: 500px; height: 500px; background: radial-gradient(circle, #5b5ef4, transparent 70%); top: -100px; right: -100px; opacity: 0.1; }
.blob-2 { width: 400px; height: 400px; background: radial-gradient(circle, #a855f7, transparent 70%); bottom: 0; left: -100px; opacity: 0.08; animation-delay: -4s; }
.blob-3 { width: 300px; height: 300px; background: radial-gradient(circle, #25d366, transparent 70%); bottom: 30%; left: 40%; opacity: 0.05; animation-delay: -7s; }
@keyframes blobFloat { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(20px,-20px) scale(1.04)} 66%{transform:translate(-15px,15px) scale(0.96)} }

.auth-container { position: relative; z-index: 1; width: 100%; max-width: 420px; padding: 16px; }

.auth-card {
  background: rgba(17,17,24,0.95);
  border: 1px solid var(--border);
  border-radius: 20px; padding: 28px 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(91,94,244,0.05);
  backdrop-filter: blur(20px);
}

.auth-back { display: inline-flex; align-items: center; gap: 6px; font-size: 0.8rem; color: var(--text3); margin-bottom: 16px; transition: color 0.2s; }
.auth-back:hover { color: var(--primary); }

.auth-logo { display: flex; flex-direction: column; align-items: center; gap: 4px; margin-bottom: 24px; }
.auth-logo-icon {
  width: 52px; height: 52px; border-radius: 14px;
  background: linear-gradient(135deg, var(--primary), var(--purple));
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 32px var(--primary-glow);
  margin-bottom: 6px;
}
.auth-logo-text { font-size: 1.4rem; font-weight: 700; letter-spacing: -0.02em; font-family: 'Space Grotesk', sans-serif; }
.auth-logo-sub { font-size: 0.75rem; color: var(--text3); }
.auth-title { font-size: 1rem; font-weight: 700; margin-bottom: 20px; text-align: center; color: var(--text2); }
.auth-footer { text-align: center; font-size: 0.83rem; color: var(--text3); margin-top: 16px; }
.auth-footer a { color: var(--primary); font-weight: 700; }