* { font-family: 'Vazirmatn', sans-serif; }

.font-vazir { font-family: 'Vazirmatn', sans-serif; }

.hero-bg {
  background:
    radial-gradient(ellipse at top right, rgba(245,158,11,0.15), transparent 55%),
    linear-gradient(135deg, #0f3d3e 0%, #134e4a 45%, #042f2e 100%);
}

.recruit-bg {
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,0.35), transparent 50%),
    linear-gradient(135deg, #fbbf24 0%, #f59e0b 60%, #d97706 100%);
}

.hero-pattern {
  background-image:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,0.35) 1px, transparent 0);
  background-size: 28px 28px;
}

/* Staggered load animation */
.stagger > * {
  animation: fadeUp 0.7s cubic-bezier(0.16,1,0.3,1) both;
}
.stagger > *:nth-child(2) { animation-delay: 0.1s; }
.stagger > *:nth-child(3) { animation-delay: 0.2s; }
.stagger > *:nth-child(4) { animation-delay: 0.3s; }

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slidein {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-slidein { animation: slidein 0.35s ease-out both; }

@keyframes pulseSlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(245,158,11,0.6); }
  50% { box-shadow: 0 0 0 12px rgba(245,158,11,0); }
}
.animate-pulse-slow { animation: pulseSlow 2s infinite; }

html { scroll-behavior: smooth; }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f5f5f4; }
::-webkit-scrollbar-thumb { background: #134e4a; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #0f3d3e; }

::selection { background: #f59e0b; color: #0f3d3e; }