fix: add next level perks block

app/[lang]/(live)/(protected)/my-pages/benefits/page.module.css

@@ -1,6 +1,6 @@
 .container {
   display: flex;
-  gap: 20px;
+  gap: 2rem;
   flex-direction: column;
   max-width: var(--max-width);
   padding-left: 2rem;
@@ -10,15 +10,22 @@
 .header {
   display: grid;
   gap: 2rem;
-  margin-top: 40px;
+  margin-top: 4rem;
 }
 
 .title {
   font-weight: 600;
 }
 
+.red {
+  color: var(--some-red-color, #ed2027);
+}
+
 .preamble {
   font-weight: 400;
+  font-family: var(--fira-sans);
+  font-size: 2.4rem;
+  margin: 0;
 }
 
 @media screen and (min-width: 950px) {
@@ -29,6 +36,6 @@
   .container {
     padding-left: 0;
     padding-right: 0;
-    gap: 34px;
+    gap: 3.4rem;
   }
 }