/* WorkConnects – Custom CSS */
html { scroll-behavior: smooth; }
body { font-family: 'Segoe UI', Arial, sans-serif; }
.font-display { font-family: Georgia, 'Times New Roman', serif; }

/* Navbar scroll effect handled by JS */
.nav-scrolled { background: rgba(13,33,64,0.98) !important; box-shadow: 0 2px 20px rgba(0,0,0,.3); }

/* Hero gradient */
.hero-bg {
  background: linear-gradient(135deg, #0d2140 0%, #163460 40%, #1a4a7a 70%, #0d2140 100%);
}

/* Pulse animation for hero badge */
@keyframes pulse-soft { 0%,100%{opacity:1} 50%{opacity:.6} }
.pulse-soft { animation: pulse-soft 2.5s infinite; }

/* Section fade-in */
@keyframes fadeInUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:none} }
.fade-in { animation: fadeInUp .6s ease both; }

/* Form focus styles */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #e07b10;
  box-shadow: 0 0 0 3px rgba(224,123,16,.15);
}

/* Toast */
#toast {
  position: fixed; bottom: 24px; right: 24px; z-index: 9999;
  background: #0d2140; color: #fff;
  padding: 14px 22px; border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0,0,0,.25);
  font-size: .9rem; font-weight: 600;
  transform: translateY(80px); opacity: 0;
  transition: all .35s cubic-bezier(.34,1.56,.64,1);
  display: flex; align-items: center; gap: 10px;
}
#toast.show { transform: translateY(0); opacity: 1; }
#toast.success { border-left: 4px solid #22c55e; }
#toast.error   { border-left: 4px solid #ef4444; }