style(subscription-vip-offer-section): update colors and shadows for improved aesthetics

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.22);
+  border: 1px solid rgba(255, 71, 166, 0.28);
   border-radius: 28px;
-  background: #f7dce7;
-  box-shadow: 0 18px 45px rgba(246, 87, 160, 0.16);
+  background: #ffe2f0;
+  box-shadow: 0 18px 45px rgba(255, 71, 166, 0.22);
   backdrop-filter: blur(18px);
 }
 
@@ -11,8 +11,8 @@
   position: relative;
   padding: 18px 18px 22px;
   background:
-    linear-gradient(135deg, #f3cbd8 0%, #efbacd 58%, #eaa9c3 100%),
-    #efbacd;
+    linear-gradient(135deg, #ff9bd1 0%, #ff61ad 56%, #f657a0 100%),
+    #ff61ad;
 }
 
 .title {
@@ -30,14 +30,14 @@
 }
 
 .renewText {
-  color: #9a707e;
+  color: rgba(255, 255, 255, 0.82);
   font-size: 13px;
   font-weight: 700;
 }
 
 .subtitle {
   margin: 8px 0 0;
-  color: #6f5961;
+  color: rgba(255, 255, 255, 0.9);
   font-size: 15px;
   font-weight: 700;
   line-height: 1.3;
@@ -49,7 +49,7 @@
   bottom: -12px;
   width: 24px;
   height: 24px;
-  background: #efbacd;
+  background: #ff61ad;
   transform: translateX(-50%) rotate(45deg);
 }