header white

src/app/pages/create-page/create-page.scss

@@ -14,15 +14,15 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  color: #fff;
-  background: rgba(255, 255, 255, 0.16);
-  border: 1px solid rgba(255, 255, 255, 0.22);
+  color: #475569;
+  background: #f1f5f9;
+  border: 1px solid #e2e8f0;
   text-decoration: none;
-  transition: background 0.15s;
+  transition: background 0.15s, color 0.15s;
   z-index: 1;
 
-  &:hover { background: rgba(255, 255, 255, 0.28); }
-  &:active { background: rgba(255, 255, 255, 0.36); }
+  &:hover { background: #e2e8f0; color: #0f172a; }
+  &:active { background: #cbd5e1; }
 }
 
 .currency-badge {

src/shared.scss

@@ -35,9 +35,10 @@
   }
 
   &__header {
-    background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);
-    padding: 28px 24px 24px;
+    background: #ffffff;
+    padding: 28px 24px 20px;
     text-align: center;
+    border-bottom: 1px solid #e2e8f0;
 
     @media (max-width: 480px) {
       padding-top: calc(28px + env(safe-area-inset-top));
@@ -45,7 +46,7 @@
   }
 
   &__title {
-    color: #fff;
+    color: #0f172a;
     font-size: 22px;
     font-weight: 700;
     margin: 0 0 4px;
@@ -53,7 +54,7 @@
   }
 
   &__subtitle {
-    color: rgba(255, 255, 255, 0.78);
+    color: #64748b;
     font-size: 13px;
     margin: 0;
   }