.jobseekers-react-root {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background-color: rgba(20, 184, 166, 0.2); border-radius: 20px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: rgba(20, 184, 166, 0.4); }

@keyframes float-phone {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(-10px) rotate(-1deg); }
}

@keyframes float-phone-alt {
  0%, 100% { transform: translateY(6px) rotate(3deg); }
  50% { transform: translateY(-6px) rotate(2deg); }
}

@keyframes float-soft {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}

@keyframes float-desktop {
  0%, 100% { transform: translateY(20px) rotate(4deg) scale(0.95); }
  50% { transform: translateY(-4px) rotate(2deg) scale(0.95); }
}

@keyframes float-ambient {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-15px) rotate(5deg); }
}

@keyframes glare {
  0% { left: -50%; }
  20%, 100% { left: 150%; }
}

.animate-float-phone { animation: float-phone 8s ease-in-out infinite; }
.animate-float-phone-alt { animation: float-phone-alt 10s ease-in-out infinite; }
.animate-float-soft { animation: float-soft 6s ease-in-out infinite; }
.animate-float-desktop { animation: float-desktop 10s ease-in-out infinite; }
.animate-float-ambient { animation: float-ambient 12s ease-in-out infinite; }

.jobseekers-glass-glare::before {
  content: '';
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg);
  animation: glare 6s infinite;
  pointer-events: none;
  z-index: 50;
}

.jobseekers-imac-stand-leg {
  clip-path: polygon(20% 0, 80% 0, 100% 100%, 0% 100%);
}

.text-gradient-subtle {
  display: inline-block;
  line-height: 1.1;
  padding-bottom: 0.08em;
  background: linear-gradient(135deg, #1f2937 0%, #4b5563 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
