/* Дополнительные стили для страницы технического обслуживания */

.maintenance-container {
  min-height: 100vh;
  background: linear-gradient(135deg, #1a202c 0%, #2a4a6b 50%, #1a202c 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.maintenance-shake {
  animation: shake 0.5s ease-in-out;
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}

.maintenance-car {
  animation: carBounce 2s ease-in-out infinite;
}

@keyframes carBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.maintenance-progress {
  background: linear-gradient(90deg, #3b82f6, #10b981);
  animation: progressShine 2s linear infinite;
}

@keyframes progressShine {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

/* Адаптивность */
@media (max-width: 768px) {
  .maintenance-container {
    padding: 1rem;
  }
  
  .maintenance-title {
    font-size: 2.5rem;
  }
  
  .maintenance-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 480px) {
  .maintenance-title {
    font-size: 2rem;
  }
  
  .maintenance-car svg {
    width: 6rem;
    height: 3.75rem;
  }
} 