/* ====== AUTH MODERN GREEN × BLUE WAVY BACKGROUND ====== */

#auth {
  min-height: 100vh !important;
  padding-top: 50px !important;
  position: relative !important;
  overflow: hidden !important;

  /* الخلفية الأساسية (موجة ناعمة) */
  background: linear-gradient(120deg, #dcfce7 0%, #e0f2fe 40%, #dbeafe 70%, #f0fdf4 100%) !important;
}

/* ====== طبقة موجية ديناميكية ====== */
#auth::before {
  content: "";
  position: absolute;
  inset: -50%;
  pointer-events: none;
  opacity: 0.25;

  background: radial-gradient(circle at 20% 30%, rgba(34,197,94,0.35), transparent 45%),
              radial-gradient(circle at 80% 20%, rgba(59,130,246,0.30), transparent 50%),
              radial-gradient(circle at 60% 80%, rgba(34,197,94,0.20), transparent 55%),
              radial-gradient(circle at 30% 70%, rgba(59,130,246,0.25), transparent 50%);

  filter: blur(40px);
  animation: floatBg 12s ease-in-out infinite alternate;
}

/* ====== فقاعات خفيفة حديثة ====== */
#auth::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;

  background-image:
    radial-gradient(circle, rgba(34,197,94,0.25) 0%, transparent 60%),
    radial-gradient(circle, rgba(59,130,246,0.25) 0%, transparent 60%),
    radial-gradient(circle, rgba(34,197,94,0.20) 0%, transparent 60%);

  background-size: 220px 220px, 180px 180px, 160px 160px;
  background-position: 10% 20%, 80% 60%, 50% 90%;
}

/* ====== حركة الخلفية ====== */
@keyframes floatBg {
  0% {
    transform: translate3d(0,0,0) scale(1);
  }
  100% {
    transform: translate3d(40px,-30px,0) scale(1.05);
  }
}

/* ====== الكارد ====== */
#auth .card,
#auth .card-body,
#auth .col-md-8 {
  background: #ffffff !important;
  border-radius: 20px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.12) !important;
  backdrop-filter: blur(8px);
}

/* ====== العنوان ====== */
#auth h1,
#auth h2,
#auth .title,
#auth .auth-title {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  background: linear-gradient(90deg, #22c55e, #3b82f6) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ====== الحقول ====== */
#auth input[type="text"],
#auth input[type="email"],
#auth input[type="password"] {
  border-radius: 999px !important;
  border: 1px solid #d1d5db !important;
  padding: 0.7rem 1rem !important;
}

/* ====== الزر ====== */
#auth button.btn-primary,
#auth button[type="submit"],
#auth .btn-primary {
  background: linear-gradient(135deg, #22c55e, #3b82f6) !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(34,197,94,0.25) !important;
}

#auth button.btn-primary:hover {
  opacity: 0.92;
}

/* ====== الروابط ====== */
#auth a {
  color: #3b82f6 !important;
}

#auth a:hover {
  color: #1d4ed8 !important;
}