diff --git a/src/components/dashboard/SubscriptionCardActive.tsx b/src/components/dashboard/SubscriptionCardActive.tsx
index b62c859..c05004f 100644
--- a/src/components/dashboard/SubscriptionCardActive.tsx
+++ b/src/components/dashboard/SubscriptionCardActive.tsx
@@ -282,18 +282,20 @@ export default function SubscriptionCardActive({
 
       {/* ─── Stats row: Tariff + Days Left ─── */}
       <div className="mb-5 flex gap-2.5">
-        {/* Tariff badge — clickable */}
+        {/* Tariff badge — clickable. Neutral chrome: the tariff name has
+            no traffic-zone semantics, so tinting it by the traffic zone
+            (DESIGN.md Status-Hue Lockout) was wrong. */}
         <Link
           to={`/subscriptions/${subscription.id}`}
-          className="flex-1 rounded-[14px] p-3.5 transition-all duration-500"
+          className="flex-1 rounded-[14px] p-3.5 transition-colors"
           style={{
-            background: `linear-gradient(135deg, rgba(${zone.mainVarRaw}, 0.07), rgba(${zone.mainVarRaw}, 0.02))`,
-            border: `1px solid rgba(${zone.mainVarRaw}, 0.09)`,
+            background: g.innerBg,
+            border: `1px solid ${g.innerBorder}`,
           }}
         >
           <div
-            className="mb-1.5 text-[10px] font-semibold uppercase tracking-wider opacity-70 transition-colors duration-500"
-            style={{ color: zone.mainVar }}
+            className="mb-1.5 text-[10px] font-semibold uppercase tracking-wider"
+            style={{ color: g.textFaint }}
           >
             {t('dashboard.tariff')}
           </div>
diff --git a/src/pages/Balance.tsx b/src/pages/Balance.tsx
index 01e5677..fd0978e 100644
--- a/src/pages/Balance.tsx
+++ b/src/pages/Balance.tsx
@@ -210,9 +210,12 @@ export default function Balance() {
         <h1 className="text-2xl font-bold text-dark-50 sm:text-3xl">{t('balance.title')}</h1>
       </motion.div>
 
-      {/* Balance Card */}
+      {/* Balance Card — flat surface; the giant numeric carries the
+          weight. The previous accent gradient + glow leaked accent into
+          decoration (DESIGN.md Tunable-but-Scarce Rule) and read as the
+          SaaS hero-metric template. */}
       <motion.div variants={staggerItem}>
-        <Card className="bg-gradient-to-br from-accent-500/10 to-transparent" glow>
+        <Card>
           <div className="mb-2 text-sm text-dark-400">{t('balance.currentBalance')}</div>
           <div className="text-4xl font-bold text-dark-50 sm:text-5xl">
             {formatAmount(balanceData?.balance_rubles || 0)}
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index cf0b45d..7cf03f9 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -321,9 +321,10 @@ export default function Login() {
           safeBottom > 0 ? `${safeBottom + 16}px` : 'calc(1rem + env(safe-area-inset-bottom, 0px))',
       }}
     >
-      {/* Background gradient */}
-      <div className="fixed inset-0 bg-gradient-to-br from-dark-950 via-dark-900 to-dark-950" />
-      <div className="fixed inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-accent-500/10 via-transparent to-transparent" />
+      {/* Flat background — the previous two layered gradients (linear
+          + accent radial halo) read as the airdrop / crypto aesthetic
+          PRODUCT.md explicitly anti-references. Body bg-dark-950 carries
+          the surface alone. */}
 
       {/* Language switcher */}
       <div
diff --git a/src/pages/Subscription.tsx b/src/pages/Subscription.tsx
index 742f8b7..eb1d631 100644
--- a/src/pages/Subscription.tsx
+++ b/src/pages/Subscription.tsx
@@ -1046,10 +1046,9 @@ export default function Subscription() {
                           style={{ background: g.trackBg }}
                         >
                           <div
-                            className="absolute inset-0 origin-left rounded-full transition-transform duration-500"
+                            className="absolute inset-0 origin-left rounded-full bg-accent-500 transition-transform duration-500"
                             style={{
                               transform: `scaleX(${purchase.progress_percent / 100})`,
-                              background: `linear-gradient(90deg, ${zone.mainHex}, ${zone.mainHex}80)`,
                             }}
                           />
                         </div>