Update styles.css

styles.css

@@ -92,26 +92,31 @@ header {
 }
 
 .main-cream {
-    width: 30%;
-    max-width: 400px;
+    width: 35%;
+    max-width: 450px;
     height: auto;
     background: url('cream.png') no-repeat center/contain; /* Замените на реальное изображение */
     position: relative;
-    margin: 4rem auto 0;
-    filter: drop-shadow(0 0 40px rgba(0, 255, 204, 0.9)) brightness(1.3);
+    margin: 5rem auto 0;
+    filter: drop-shadow(0 0 50px rgba(0, 255, 204, 0.9)) brightness(1.3);
     transform-style: preserve-3d;
-    transition: transform 0.6s ease, filter 0.6s ease;
-    animation: creamFloat 10s infinite ease-in-out;
+    transition: transform 0.8s ease, filter 0.8s ease;
+    animation: creamFloat 12s infinite ease-in-out, creamGlow 6s infinite ease-in-out;
 }
 
 .main-cream:hover, .main-cream.active {
-    transform: translateY(-30px) rotateZ(5deg) translateZ(50px);
-    filter: drop-shadow(0 0 60px rgba(0, 255, 204, 1)) brightness(1.5);
+    transform: translateY(-40px) rotateZ(10deg) translateZ(70px);
+    filter: drop-shadow(0 0 80px rgba(0, 255, 204, 1)) brightness(1.6);
 }
 
 @keyframes creamFloat {
     0%, 100% { transform: translateY(0) rotateZ(0deg) translateZ(0); }
-    50% { transform: translateY(-20px) rotateZ(5deg) translateZ(30px); }
+    50% { transform: translateY(-30px) rotateZ(5deg) translateZ(50px); }
+}
+
+@keyframes creamGlow {
+    0%, 100% { filter: drop-shadow(0 0 50px rgba(0, 255, 204, 0.9)) brightness(1.3); }
+    50% { filter: drop-shadow(0 0 70px rgba(255, 0, 122, 0.9)) brightness(1.5); }
 }
 
 .hero {