diff --git a/src/app/subscription/components/subscription-coins-offer-section.module.css b/src/app/subscription/components/subscription-coins-offer-section.module.css
index f1b5393a..8b001534 100644
--- a/src/app/subscription/components/subscription-coins-offer-section.module.css
+++ b/src/app/subscription/components/subscription-coins-offer-section.module.css
@@ -1,9 +1,9 @@
 .section {
   overflow: hidden;
-  border: 1px solid rgba(17, 17, 17, 0.06);
+  border: 1px solid rgba(17, 17, 17, 0.12);
   border-radius: 28px;
-  background: rgba(255, 255, 255, 0.82);
-  box-shadow: 0 16px 42px rgba(31, 21, 25, 0.08);
+  background: #ded4d7;
+  box-shadow: 0 16px 42px rgba(31, 21, 25, 0.12);
   backdrop-filter: blur(18px);
 }
 
@@ -11,8 +11,8 @@
   position: relative;
   padding: 18px 18px 22px;
   background:
-    linear-gradient(135deg, #ffffff 0%, #f5f5f5 58%, #ececec 100%),
-    #ffffff;
+    linear-gradient(135deg, #ddd4d7 0%, #d3c9cd 58%, #c8bdc2 100%),
+    #d3c9cd;
 }
 
 .title {
@@ -29,7 +29,7 @@
   bottom: -12px;
   width: 24px;
   height: 24px;
-  background: #f2f2f2;
+  background: #d3c9cd;
   transform: translateX(-50%) rotate(45deg);
 }
 
diff --git a/src/app/subscription/components/subscription-vip-offer-section.module.css b/src/app/subscription/components/subscription-vip-offer-section.module.css
index d5e0527c..cc48face 100644
--- a/src/app/subscription/components/subscription-vip-offer-section.module.css
+++ b/src/app/subscription/components/subscription-vip-offer-section.module.css
@@ -1,9 +1,9 @@
 .section {
   overflow: hidden;
-  border: 1px solid rgba(246, 87, 160, 0.12);
+  border: 1px solid rgba(246, 87, 160, 0.22);
   border-radius: 28px;
-  background: rgba(255, 255, 255, 0.78);
-  box-shadow: 0 18px 45px rgba(246, 87, 160, 0.11);
+  background: #f7dce7;
+  box-shadow: 0 18px 45px rgba(246, 87, 160, 0.16);
   backdrop-filter: blur(18px);
 }
 
@@ -11,8 +11,8 @@
   position: relative;
   padding: 18px 18px 22px;
   background:
-    linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 235, 243, 0.92) 54%, rgba(246, 87, 160, 0.16) 100%),
-    #ffffff;
+    linear-gradient(135deg, #f3cbd8 0%, #efbacd 58%, #eaa9c3 100%),
+    #efbacd;
 }
 
 .title {
@@ -49,7 +49,7 @@
   bottom: -12px;
   width: 24px;
   height: 24px;
-  background: #ffe8f0;
+  background: #efbacd;
   transform: translateX(-50%) rotate(45deg);
 }