/* ============================================================
   index.css — homepage specific styles
   ============================================================ */

.hero-bg {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 55%, #1d4ed8 100%);
}

.vin-input {
  border: none;
  outline: none;
  background: transparent;
}
.vin-input:focus {
  outline: none;
  box-shadow: none;
}

.feature-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.07);
  border-color: #e2e8f0;
}

.price-card-featured {
  background: linear-gradient(145deg, #1d4ed8, #1e40af);
}

.vin-input-white {
  background: #ffffff;
  border: none;
  outline: none;
  box-shadow: 0 2px 12px rgba(0,0,0,0.15);
}
.vin-input-white:focus {
  outline: none;
  box-shadow: 0 2px 16px rgba(0,0,0,0.2);
}