Доработки по главной странице, итерация 10

src/app/globals.css

@@ -88,7 +88,7 @@
     --brand: oklch(0.5588 0.0992 215.93);
     --brand-hover: oklch(0.4588 0.0992 215.93); /* #006B7A */
     --brand-active: oklch(0.3588 0.0992 215.93);
-    --brand-gradient: linear-gradient(90deg, #0072A8 0%, #0598DE 100%);
+    --brand-gradient: linear-gradient(90deg, #0072a8 0%, #0598de 100%);
 }
 
 .dark {
@@ -134,6 +134,17 @@
     }
 }
 
+input[type="time"] {
+    /* Фиксируем размеры */
+    min-width: 0;
+    width: 100%;
+    box-sizing: border-box;
+
+    /* Убираем нативные отступы */
+    padding: 0;
+    margin: 0;
+}
+
 input[type="time"]::-webkit-calendar-picker-indicator {
     background: none;
-}
+}

src/components/layout/AuthDialog.tsx

@@ -136,7 +136,7 @@ export default function AuthDialog({ isOpen, onClose }: AuthDialogProps) {
                     </div>
 
                     {/* Правая часть - изображение */}
-                    <div className="flex-1 relative overflow-hidden rounded-[20px]">
+                    <div className="hidden md:block flex-1 relative overflow-hidden rounded-[20px]">
                         {/* Изображение яхт */}
                         <Image
                             src="/images/auth.jpg"

src/components/ui/date-picker.tsx

@@ -110,7 +110,7 @@ export function DatePicker({ showIcon = true }: DatePickerProps) {
                                 onChange={(e) =>
                                     setDepartureTime(e.target.value)
                                 }
-                                className="w-full h-12 px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center focus:outline-none focus:ring-2 focus:ring-[#008299] focus:border-transparent"
+                                className="w-full h-12 !px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center focus:outline-none focus:ring-2 focus:ring-[#008299] focus:border-transparent"
                             />
                         </div>
 
@@ -123,7 +123,7 @@ export function DatePicker({ showIcon = true }: DatePickerProps) {
                                 type="time"
                                 value={arrivalTime}
                                 onChange={(e) => setArrivalTime(e.target.value)}
-                                className="w-full h-12 px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center focus:outline-none focus:ring-2 focus:ring-[#008299] focus:border-transparent"
+                                className="w-full h-12 !px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center focus:outline-none focus:ring-2 focus:ring-[#008299] focus:border-transparent"
                             />
                         </div>
                     </div>