/* الأكاديمية العربية - أنماط مخصصة */

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

@keyframes bounce-slow {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
.animate-bounce-slow {
  animation: bounce-slow 2.5s ease-in-out infinite;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-in-up {
  animation: fadeInUp 0.7s ease-out forwards;
}

.hero-pattern {
  background-color: #0D1B2A;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(212, 160, 23, 0.15) 0%, transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(212, 160, 23, 0.1) 0%, transparent 40%);
}

.gold-gradient-text {
  background: linear-gradient(90deg, #D4A017, #f0c264);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.card-hover {
  transition: all 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px -10px rgba(13, 27, 42, 0.25);
}

.section-divider {
  height: 3px;
  width: 70px;
  background: linear-gradient(90deg, #D4A017, transparent);
}

/* Mobile menu */
#mobile-menu {
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #D4A017; border-radius: 4px; }

/* Loading spinner */
.spinner {
  border: 3px solid rgba(255,255,255,0.3);
  border-top-color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.stamp-rotate {
  animation: stampFloat 6s ease-in-out infinite;
}
@keyframes stampFloat {
  0%, 100% { transform: rotate(-3deg) translateY(0); }
  50% { transform: rotate(3deg) translateY(-10px); }
}