/* ====== صفحة تسجيل الدخول / الاشتراك مع فقاعات في الأطراف ====== */

#auth {
  min-height: 100vh !important;
  padding-top: 50px !important;
  position: relative !important;
  overflow: hidden !important;
  background: radial-gradient(circle at top, #BBF7D0 0%, #ECFDF5 35%, #F9FAFB 100%) !important;
}

/* فقاعات يسار */
#auth::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.22;
  background-repeat: no-repeat;
  background-image:
    radial-gradient(circle, rgba(34, 197, 94, 0.40) 0%, transparent 60%),
    radial-gradient(circle, rgba(34, 197, 94, 0.25) 0%, transparent 60%),
    radial-gradient(circle, rgba(59, 130, 246, 0.28) 0%, transparent 60%);
  background-position:
    -8% 20%,
    -10% 80%,
    15% 95%;
  background-size: 180px 180px, 140px 140px, 120px 120px;
}

/* فقاعات يمين */
#auth::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.22;
  background-repeat: no-repeat;
  background-image:
    radial-gradient(circle, rgba(59, 130, 246, 0.35) 0%, transparent 60%),
    radial-gradient(circle, rgba(34, 197, 94, 0.25) 0%, transparent 60%),
    radial-gradient(circle, rgba(59, 130, 246, 0.20) 0%, transparent 60%);
  background-position:
    108% 25%,
    110% 85%,
    85% 105%;
  background-size: 180px 180px, 140px 140px, 120px 120px;
}

/* الكارد الأبيض الذي يحتوي النموذج */
#auth .card,
#auth .card-body,
#auth .col-md-8 {
  background: #FFFFFF !important;
  border-radius: 18px !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12) !important;
}

/* عنوان الصفحة */
#auth h1,
#auth h2,
#auth .title,
#auth .auth-title {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: #065F46 !important;
}

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

/* زر الدخول / الاشتراك */
#auth button.btn-primary,
#auth button[type="submit"],
#auth .btn-primary {
  background: #22C55E !important;
  border-color: #22C55E !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}

#auth button.btn-primary:hover,
#auth button[type="submit"]:hover,
#auth .btn-primary:hover {
  background: #16A34A !important;
  border-color: #16A34A !important;
}

/* الروابط تحت الزر */
#auth a {
  color: #3B82F6 !important;
}

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