Update styles.css

styles.css

@@ -87,16 +87,16 @@ header {
 }
 
 .header-cream {
-    width: 20%;
-    max-width: 300px;
+    width: 30%; /* Увеличено */
+    max-width: 400px; /* Увеличено */
     margin-top: 3rem;
-    filter: drop-shadow(0 0 30px rgba(0, 255, 204, 0.8));
+    filter: drop-shadow(0 0 50px rgba(0, 255, 204, 1)) brightness(1.2); /* Улучшено освещение */
     animation: floatHeader 8s infinite ease-in-out;
 }
 
 @keyframes floatHeader {
     0%, 100% { transform: translateY(0); }
-    50% { transform: translateY(-20px); }
+    50% { transform: translateY(-30px); } /* Увеличено смещение */
 }
 
 @keyframes fadeIn {
@@ -115,7 +115,7 @@ header {
 
 .cosmo-product {
     width: 50%;
-    height: 45rem;
+    height: 50rem; /* Увеличено */
     position: relative;
     transform-style: preserve-3d;
     transition: transform 0.8s ease;
@@ -129,7 +129,7 @@ header {
 
 .layer-1 {
     background: url('cream.png') no-repeat center/contain;
-    filter: drop-shadow(0 0 70px rgba(0, 255, 204, 1)) brightness(1.4);
+    filter: drop-shadow(0 0 100px rgba(0, 255, 204, 1)) brightness(1.6); /* Улучшено освещение */
     animation: holoFloat 12s infinite ease-in-out;
 }
 
@@ -147,12 +147,12 @@ header {
 
 @keyframes holoFloat {
     0%, 100% { transform: translateY(0) rotateZ(5deg) translateZ(0); }
-    50% { transform: translateY(-50px) rotateZ(-5deg) translateZ(150px); }
+    50% { transform: translateY(-70px) rotateZ(-5deg) translateZ(200px); } /* Увеличено смещение */
 }
 
 @keyframes holoPulse {
     0%, 100% { opacity: 0.6; transform: scale(1); }
-    50% { opacity: 0.9; transform: scale(1.15); }
+    50% { opacity: 0.9; transform: scale(1.2); } /* Увеличено масштабирование */
 }
 
 .hero-text {
@@ -244,8 +244,8 @@ header {
     }
 
     .header-cream {
-        width: 40%;
-        max-width: 200px;
+        width: 50%;
+        max-width: 250px;
     }
 
     .hero {
@@ -291,8 +291,8 @@ header {
     }
 
     .header-cream {
-        width: 50%;
-        max-width: 150px;
+        width: 60%;
+        max-width: 180px;
     }
 
     .hero-text h2 {
@@ -302,4 +302,4 @@ header {
     .cosmo-pod h3 {
         font-size: 1.6rem;
     }
-}
+}