first commit

src/styles/maintenance.css

@@ -0,0 +1,65 @@
+/* Дополнительные стили для страницы технического обслуживания */
+
+.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;
+  }
+}