/* Home page specific styles */

.hero-pattern {
  background-image: radial-gradient(white 1px, transparent 1px);
  background-size: 22px 22px;
}

.progress {
  position: relative;
  height: 0.5rem;
  border-radius: 9999px;
  background-color: rgba(37, 99, 235, 0.15);
  overflow: hidden;
}

.progress span {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #2563eb, #3b82f6);
  transition: width 0.3s ease;
}

.dropzone-active {
  border-color: #2563eb !important;
  background-color: rgba(37, 99, 235, 0.05);
}

.dark .dropzone-active {
  background-color: rgba(37, 99, 235, 0.08);
}