From c8ec2211112656ffc3787e905d9d6b2774bc6866 Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Mon, 9 Mar 2026 21:03:05 +0300
Subject: [PATCH] fix: remove bg-dark-950 from gift pages to preserve animated
 background

---
 src/pages/GiftResult.tsx       | 4 ++--
 src/pages/GiftSubscription.tsx | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/GiftResult.tsx b/src/pages/GiftResult.tsx
index 7083d60..191ff5a 100644
--- a/src/pages/GiftResult.tsx
+++ b/src/pages/GiftResult.tsx
@@ -399,7 +399,7 @@ export default function GiftResult() {
   // No token
   if (!token) {
     return (
-      <div className="flex min-h-dvh items-center justify-center bg-dark-950 px-4">
+      <div className="flex min-h-dvh items-center justify-center px-4">
         <div
           className="w-full max-w-md rounded-2xl border border-dark-800/50 bg-dark-900/50 p-8"
           aria-live="polite"
@@ -416,7 +416,7 @@ export default function GiftResult() {
   const isFailed = status?.status === 'failed' || status?.status === 'expired';
 
   return (
-    <div className="flex min-h-dvh items-center justify-center bg-dark-950 px-4">
+    <div className="flex min-h-dvh items-center justify-center px-4">
       <div
         className="w-full max-w-md rounded-2xl border border-dark-800/50 bg-dark-900/50 p-8"
         aria-live="polite"
diff --git a/src/pages/GiftSubscription.tsx b/src/pages/GiftSubscription.tsx
index b5d0336..649e653 100644
--- a/src/pages/GiftSubscription.tsx
+++ b/src/pages/GiftSubscription.tsx
@@ -55,7 +55,7 @@ function formatPeriodLabel(
 
 function LoadingSkeleton() {
   return (
-    <div className="flex min-h-dvh items-center justify-center bg-dark-950">
+    <div className="flex min-h-dvh items-center justify-center">
       <div className="flex flex-col items-center gap-4">
         <div className="h-8 w-8 animate-spin rounded-full border-2 border-dark-600 border-t-accent-500" />
       </div>
@@ -67,7 +67,7 @@ function ErrorState({ message }: { message: string }) {
   const { t } = useTranslation();
 
   return (
-    <div className="flex min-h-dvh items-center justify-center bg-dark-950 px-4">
+    <div className="flex min-h-dvh items-center justify-center px-4">
       <div className="flex max-w-sm flex-col items-center gap-4 text-center">
         <div className="flex h-16 w-16 items-center justify-center rounded-full bg-error-500/10">
           <svg
@@ -101,7 +101,7 @@ function DisabledState() {
   }, [navigate]);
 
   return (
-    <div className="flex min-h-dvh items-center justify-center bg-dark-950 px-4">
+    <div className="flex min-h-dvh items-center justify-center px-4">
       <div className="flex max-w-sm flex-col items-center gap-4 text-center">
         <div className="flex h-16 w-16 items-center justify-center rounded-full bg-dark-800/50">
           <svg
@@ -817,7 +817,7 @@ export default function GiftSubscription() {
   const showTariffCards = visibleTariffs.length > 1;
 
   return (
-    <div className="min-h-dvh bg-dark-950">
+    <div className="min-h-dvh">
       <div className="mx-auto max-w-5xl px-4 py-8 sm:px-6 lg:px-8">
         {/* Header */}
         <motion.div