diff --git a/app/page.tsx b/app/page.tsx
index 9947ae1..5f6f578 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -67,26 +67,26 @@ export default function Home() {
   const { copyToClipboard, downloadText } = useDownloadActions({ outputText });
 
   return (
-    <div className="min-h-screen bg-white w-full">
+    <div className="min-h-screen  w-full">
       {/* Header */}
-      <div className="bg-[#092727] border-b border-white border-opacity-20">
+      <div className="text-[#092727]  border-opacity-20">
         <div className="max-w-6xl mx-auto px-2 sm:px-4 py-6 sm:py-8">
-          <h1 className="text-xl sm:text-2xl md:text-3xl lg:text-4xl font-bold text-white text-center mb-2 leading-tight">
+          <h1 className="text-xl sm:text-2xl md:text-3xl lg:text-4xl font-bold  text-center mb-2 leading-tight">
             OUTIL D&apos;ANONYMISATION DE DONNÉES
           </h1>
-          <p className="text-white text-opacity-80 text-center text-sm sm:text-base lg:text-lg px-2">
+          <p className=" text-center text-sm sm:text-base lg:text-lg px-2">
             Protégez vos informations sensibles en quelques clics
           </p>
         </div>
       </div>
 
       {/* Main Content */}
-      <div className="max-w-4xl mx-auto px-2 sm:px-4 py-4 sm:py-8 space-y-4">
+      <div className="max-w-5xl mx-auto px-2 sm:px-4 py-4 sm:py-8 space-y-4">
         {/* Progress Bar */}
         <ProgressBar currentStep={getCurrentStep()} steps={progressSteps} />
 
         {/* Upload Section */}
-        <div className="bg-white rounded-2xl border border-gray-100 overflow-hidden">
+        <div className="bg-white rounded-2xl border border-gray-50 overflow-hidden">
           <div className="p-3 sm:p-6">
             <FileUploadComponent
               uploadedFile={uploadedFile}
@@ -150,20 +150,22 @@ export default function Home() {
               </svg>
               <div className="flex-1">
                 <h3 className="text-red-800 text-sm font-semibold mb-2">
-                  {error.includes('scanné') ? '📄 PDF Scanné Détecté' : 
-                   error.includes('HTTP') ? '🚨 Erreur de Traitement' : 
-                   '⚠️ Erreur'}
+                  {error.includes("scanné")
+                    ? "📄 PDF Scanné Détecté"
+                    : error.includes("HTTP")
+                    ? "🚨 Erreur de Traitement"
+                    : "⚠️ Erreur"}
                 </h3>
                 <div className="text-red-700 text-xs sm:text-sm leading-relaxed">
-                  {error.split('\n').map((line, index) => (
-                    <div key={index} className={index > 0 ? 'mt-2' : ''}>
-                      {line.startsWith('💡') ? (
+                  {error.split("\n").map((line, index) => (
+                    <div key={index} className={index > 0 ? "mt-2" : ""}>
+                      {line.startsWith("💡") ? (
                         <div className="bg-blue-50 border border-blue-200 rounded-lg p-3 mt-3">
                           <div className="text-blue-800 font-medium text-sm">
                             {line}
                           </div>
                         </div>
-                      ) : line.startsWith('-') ? (
+                      ) : line.startsWith("-") ? (
                         <div className="ml-4 text-blue-700">
                           • {line.substring(1).trim()}
                         </div>