diff --git a/.gitignore b/.gitignore
index 9b1913ec..cef619f9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
+.env.local
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
diff --git a/app/auth/register/page.tsx b/app/auth/register/page.tsx
index f362eedb..4b00052e 100644
--- a/app/auth/register/page.tsx
+++ b/app/auth/register/page.tsx
@@ -151,7 +151,6 @@ export default function Register() {
   const isFormValid =
     name.trim() &&
     email.trim() &&
-    /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) &&
     password.trim() &&
     confirmPassword.trim() &&
     password === confirmPassword &&
@@ -311,7 +310,7 @@ export default function Register() {
                     }`}
                   />
                   Email Address
-                  {email && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && (
+                  {email && email.includes("@") && (
                     <Check className="h-3 w-3 text-green-500 animate-scale-in" />
                   )}
                 </Label>
@@ -325,47 +324,27 @@ export default function Register() {
                     onBlur={() => setFocusedField(null)}
                     placeholder="Enter your email"
                     required
-                    className={`glass-effect focus:ring-yellow-400/20 pl-4 pr-4 py-3 text-sm sm:text-base transition-all duration-300 group-hover:shadow-lg ${
-                      email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && email.length > 0
-                        ? "border-red-400/60 focus:border-red-400/80 hover:border-red-400/70"
-                        : "border-yellow-400/30 focus:border-yellow-400/60 hover:border-yellow-400/50"
-                    }`}
+                    className="glass-effect border-yellow-400/30 focus:border-yellow-400/60 focus:ring-yellow-400/20 pl-4 pr-4 py-3 text-sm sm:text-base transition-all duration-300 hover:border-yellow-400/50 group-hover:shadow-lg"
                     disabled={isLoading}
                   />
                   <div
                     className={`absolute inset-0 rounded-md border pointer-events-none transition-all duration-300 ${
                       focusedField === "email"
-                        ? email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && email.length > 0
-                          ? "border-red-400/40 shadow-lg shadow-red-400/20"
-                          : "border-yellow-400/40 shadow-lg shadow-yellow-400/20"
-                        : email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && email.length > 0
-                        ? "border-red-400/20"
+                        ? "border-yellow-400/40 shadow-lg shadow-yellow-400/20"
                         : "border-yellow-400/20"
                     }`}
                   ></div>
                   {/* Progress indicator */}
                   <div
-                    className={`absolute bottom-0 left-0 h-0.5 transition-all duration-300 ${
-                      email && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)
-                        ? "w-full bg-gradient-to-r from-green-400 to-blue-500"
-                        : email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && email.length > 0
-                        ? "w-full bg-gradient-to-r from-red-400 to-orange-500"
+                    className={`absolute bottom-0 left-0 h-0.5 bg-gradient-to-r from-yellow-400 to-blue-500 transition-all duration-300 ${
+                      email && email.includes("@")
+                        ? "w-full"
                         : email
-                        ? "w-1/2 bg-gradient-to-r from-yellow-400 to-blue-500"
+                        ? "w-1/2"
                         : "w-0"
                     }`}
                   ></div>
                 </div>
-                
-                {/* Email validation feedback */}
-                {email && email.length > 0 && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && (
-                  <div className="animate-fade-in-up">
-                    <p className="text-xs text-red-500 flex items-center gap-1 animate-bounce">
-                      <Mail className="h-3 w-3" />
-                      Please enter a valid email address
-                    </p>
-                  </div>
-                )}
               </div>
 
               {/* Enhanced Password field with strength indicator */}
diff --git a/app/auth/signin/page.tsx b/app/auth/signin/page.tsx
index 9caad166..e7a15fec 100644
--- a/app/auth/signin/page.tsx
+++ b/app/auth/signin/page.tsx
@@ -194,7 +194,7 @@ export default function SignIn() {
                     }`}
                   />
                   Email Address
-                  {email && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && (
+                  {email && email.includes("@") && (
                     <Check className="h-3 w-3 text-green-500 animate-scale-in" />
                   )}
                 </Label>
@@ -208,47 +208,27 @@ export default function SignIn() {
                     onBlur={() => setFocusedField(null)}
                     placeholder="Enter your email"
                     required
-                    className={`glass-effect focus:ring-yellow-400/20 pl-4 pr-4 py-3 text-sm sm:text-base transition-all duration-300 group-hover:shadow-lg ${
-                      email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && email.length > 0
-                        ? "border-red-400/60 focus:border-red-400/80 hover:border-red-400/70"
-                        : "border-yellow-400/30 focus:border-yellow-400/60 hover:border-yellow-400/50"
-                    }`}
+                    className="glass-effect border-yellow-400/30 focus:border-yellow-400/60 focus:ring-yellow-400/20 pl-4 pr-4 py-3 text-sm sm:text-base transition-all duration-300 hover:border-yellow-400/50 group-hover:shadow-lg"
                     disabled={isLoading}
                   />
                   <div
                     className={`absolute inset-0 rounded-md border pointer-events-none transition-all duration-300 ${
                       focusedField === "email"
-                        ? email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && email.length > 0
-                          ? "border-red-400/40 shadow-lg shadow-red-400/20"
-                          : "border-yellow-400/40 shadow-lg shadow-yellow-400/20"
-                        : email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && email.length > 0
-                        ? "border-red-400/20"
+                        ? "border-yellow-400/40 shadow-lg shadow-yellow-400/20"
                         : "border-yellow-400/20"
                     }`}
                   ></div>
                   {/* Progress indicator */}
                   <div
-                    className={`absolute bottom-0 left-0 h-0.5 transition-all duration-300 ${
-                      email && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)
-                        ? "w-full bg-gradient-to-r from-green-400 to-blue-500"
-                        : email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && email.length > 0
-                        ? "w-full bg-gradient-to-r from-red-400 to-orange-500"
+                    className={`absolute bottom-0 left-0 h-0.5 bg-gradient-to-r from-yellow-400 to-blue-500 transition-all duration-300 ${
+                      email && email.includes("@")
+                        ? "w-full"
                         : email
-                        ? "w-1/2 bg-gradient-to-r from-yellow-400 to-blue-500"
+                        ? "w-1/2"
                         : "w-0"
                     }`}
                   ></div>
                 </div>
-                
-                {/* Email validation feedback */}
-                {email && email.length > 0 && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && (
-                  <div className="animate-fade-in-up">
-                    <p className="text-xs text-red-500 flex items-center gap-1 animate-bounce">
-                      <Mail className="h-3 w-3" />
-                      Please enter a valid email address
-                    </p>
-                  </div>
-                )}
               </div>
 
               {/* Enhanced password field with better UX */}
@@ -338,7 +318,7 @@ export default function SignIn() {
               >
                 <Button
                   type="submit"
-                  disabled={isLoading || !email.trim() || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) || !password.trim()}
+                  disabled={isLoading || !email.trim() || !password.trim()}
                   className="w-full bolt-gradient text-white font-semibold py-4 sm:py-5 rounded-xl relative text-lg sm:text-xl disabled:opacity-50 disabled:cursor-not-allowed shadow-lg hover:scale-105 transition-all duration-300 focus:ring-4 focus:ring-blue-300 focus:outline-none"
                   aria-label="Sign in to your account"
                 >
diff --git a/app/contact/page.tsx b/app/contact/page.tsx
index 5944e0d6..98343092 100644
--- a/app/contact/page.tsx
+++ b/app/contact/page.tsx
@@ -37,9 +37,6 @@ export default function ContactForm() {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [isSubmitted, setIsSubmitted] = useState(false);
 
-  // Email validation function
-  const isValidEmail = (email: string) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
-
   const handleInputChange = (
     e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
   ) => {
@@ -52,12 +49,6 @@ export default function ContactForm() {
 
   const handleSubmit = async (e: React.FormEvent<HTMLButtonElement>) => {
     e.preventDefault();
-    
-    // Validate email before submission
-    if (!isValidEmail(formData.email)) {
-      return;
-    }
-    
     setIsSubmitting(true);
     
     // Simulate form submission
@@ -232,9 +223,6 @@ export default function ContactForm() {
                     <label htmlFor="email" className="flex items-center gap-2 text-sm sm:text-base font-medium text-foreground">
                       <Mail className="h-4 w-4 text-green-500" />
                       Email Address
-                      {formData.email && isValidEmail(formData.email) && (
-                        <span className="text-green-500 text-xs">✓</span>
-                      )}
                     </label>
                     <input
                       type="email"
@@ -243,19 +231,9 @@ export default function ContactForm() {
                       value={formData.email}
                       onChange={handleInputChange}
                       required
-                      className={`w-full px-4 py-3 sm:py-4 rounded-xl glass-effect border transition-all duration-300 text-sm sm:text-base placeholder:text-muted-foreground/60 ${
-                        formData.email && !isValidEmail(formData.email) && formData.email.length > 0
-                          ? "border-red-500/50 focus:border-red-500/70 focus:ring-2 focus:ring-red-500/20"
-                          : "border-border/50 focus:border-green-500/50 focus:ring-2 focus:ring-green-500/20"
-                      }`}
+                      className="w-full px-4 py-3 sm:py-4 rounded-xl glass-effect border border-border/50 focus:border-green-500/50 focus:ring-2 focus:ring-green-500/20 transition-all duration-300 text-sm sm:text-base placeholder:text-muted-foreground/60"
                       placeholder="your.email@example.com"
                     />
-                    {formData.email && formData.email.length > 0 && !isValidEmail(formData.email) && (
-                      <p className="text-xs text-red-500 flex items-center gap-1">
-                        <Mail className="h-3 w-3" />
-                        Please enter a valid email address
-                      </p>
-                    )}
                   </div>
 
                   {/* Phone Field */}
@@ -501,4 +479,4 @@ export default function ContactForm() {
       `}</style>
     </div>
   );
-}
+}
\ No newline at end of file
diff --git a/components/Testimonials.jsx b/components/Testimonials.jsx
new file mode 100644
index 00000000..e69de29b
diff --git a/components/letter/letter-generator.tsx b/components/letter/letter-generator.tsx
index ed183ef0..3d1a61e6 100644
--- a/components/letter/letter-generator.tsx
+++ b/components/letter/letter-generator.tsx
@@ -38,10 +38,7 @@ export function LetterGenerator() {
   const [emailContent, setEmailContent] = useState("");
   const [fromEmail, setFromEmail] = useState("");
   const { toast } = useToast();
-
-  // Email validation function
-  const isValidEmail = (email: string) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
-
+  
   const generateLetter = async () => {
     if (!prompt.trim()) {
       toast({
@@ -62,7 +59,7 @@ export function LetterGenerator() {
     }
 
     setIsGenerating(true);
-
+    
     try {
       const response = await fetch('/api/generate/letter', {
         method: 'POST',
@@ -84,7 +81,7 @@ export function LetterGenerator() {
       }
 
       const data = await response.json();
-
+      
       // Ensure the letter object has the expected structure
       const formattedLetter = {
         from: {
@@ -103,9 +100,9 @@ export function LetterGenerator() {
         subject: data.subject || "Re: " + prompt.substring(0, 30) + "...",
         content: data.content || "Letter content not available."
       };
-
+      
       setLetterData(formattedLetter);
-
+      
       toast({
         title: "Letter generated! ✨",
         description: "Your professional letter is ready to preview and download",
@@ -124,9 +121,9 @@ export function LetterGenerator() {
 
   const copyToClipboard = async () => {
     if (!letterData) return;
-
+    
     setIsCopying(true);
-
+    
     try {
       const letterText = `
 ${letterData.from.name || ''}
@@ -141,9 +138,9 @@ Subject: ${letterData.subject || ''}
 
 ${letterData.content || ''}
       `.trim();
-
+      
       await navigator.clipboard.writeText(letterText);
-
+      
       toast({
         title: "Copied to clipboard!",
         description: "Letter content has been copied to your clipboard",
@@ -161,38 +158,38 @@ ${letterData.content || ''}
 
   const exportToPDF = async () => {
     if (!letterData) return;
-
+    
     setIsExporting(true);
-
+    
     try {
       const element = document.getElementById('letter-preview');
       if (!element) throw new Error('Letter preview element not found');
-
+      
       const canvas = await html2canvas(element, {
         scale: 2,
         useCORS: true,
         allowTaint: true,
         backgroundColor: '#ffffff'
       });
-
+      
       const imgData = canvas.toDataURL('image/png');
-
+      
       // A4 dimensions in mm: 210 x 297
       const pdf = new jsPDF('p', 'mm', 'a4');
       const pdfWidth = pdf.internal.pageSize.getWidth();
       const pdfHeight = pdf.internal.pageSize.getHeight();
-
+      
       // Calculate ratio to fit the image within the PDF
       const imgWidth = canvas.width;
       const imgHeight = canvas.height;
       const ratio = Math.min(pdfWidth / imgWidth, pdfHeight / imgHeight);
-
+      
       const imgX = (pdfWidth - imgWidth * ratio) / 2;
       const imgY = 0;
-
+      
       pdf.addImage(imgData, 'PNG', imgX, imgY, imgWidth * ratio, imgHeight * ratio);
       pdf.save(`${letterType}-letter.pdf`);
-
+      
       toast({
         title: "Letter exported!",
         description: "Your letter has been downloaded as a PDF.",
@@ -211,30 +208,20 @@ ${letterData.content || ''}
 
   const openSendEmailDialog = () => {
     if (!letterData) return;
-
+    
     // Pre-fill the email form
     setEmailTo(letterData.to.name ? `${letterData.to.name} <${letterData.to.email || ''}>` : '');
     setEmailSubject(letterData.subject || `${letterType.charAt(0).toUpperCase() + letterType.slice(1)} Letter`);
     setEmailContent('');
-
+    
     setShowEmailDialog(true);
   };
 
   const sendEmail = async () => {
     if (!letterData || !emailTo) return;
-
-    // Validate email before sending
-    if (!isValidEmail(emailTo)) {
-      toast({
-        title: "Invalid Email",
-        description: "Please enter a valid recipient email address.",
-        variant: "destructive",
-      });
-      return;
-    }
-
+    
     setIsSending(true);
-
+    
     try {
       const response = await fetch('/api/send-email', {
         method: 'POST',
@@ -257,15 +244,15 @@ ${letterData.content || ''}
       }
 
       const data = await response.json();
-
+      
       toast({
         title: "Email sent successfully! ✨",
         description: "Your letter has been emailed to the recipient",
       });
-
+      
       // Close the dialog
       setShowEmailDialog(false);
-
+      
       // If there's a preview URL (for test emails), show it
       if (data.previewUrl) {
         window.open(data.previewUrl, '_blank');
@@ -323,7 +310,7 @@ ${letterData.content || ''}
                 </SelectContent>
               </Select>
             </div>
-
+            
             {/* From/To Information */}
             <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
               <div className="space-y-2">
@@ -340,7 +327,7 @@ ${letterData.content || ''}
                   disabled={isGenerating}
                 />
               </div>
-
+              
               <div className="space-y-2">
                 <Label htmlFor="toName" className="text-sm font-medium flex items-center gap-2">
                   <User className="h-4 w-4 text-muted-foreground" />
@@ -356,7 +343,7 @@ ${letterData.content || ''}
                 />
               </div>
             </div>
-
+            
             <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
               <div className="space-y-2">
                 <Label htmlFor="fromAddress" className="text-sm font-medium flex items-center gap-2">
@@ -372,7 +359,7 @@ ${letterData.content || ''}
                   disabled={isGenerating}
                 />
               </div>
-
+              
               <div className="space-y-2">
                 <Label htmlFor="toAddress" className="text-sm font-medium flex items-center gap-2">
                   <MapPin className="h-4 w-4 text-muted-foreground" />
@@ -407,7 +394,7 @@ ${letterData.content || ''}
                 Only needed if you plan to send the letter via email
               </p>
             </div>
-
+            
             {/* Prompt */}
             <div className="space-y-2">
               <Label htmlFor="prompt" className="text-sm font-medium flex items-center gap-2">
@@ -423,7 +410,7 @@ ${letterData.content || ''}
                 disabled={isGenerating}
               />
             </div>
-
+            
             {/* Generate Button */}
             <Button 
               onClick={generateLetter} 
@@ -444,13 +431,13 @@ ${letterData.content || ''}
                   </>
                 )}
               </div>
-
+              
               {!isGenerating && (
                 <div className="absolute inset-0 shimmer opacity-30"></div>
               )}
             </Button>
           </div>
-
+          
           {/* Download Options */}
           {letterData && (
             <div className="glass-effect p-4 rounded-xl border border-yellow-400/20">
@@ -554,33 +541,20 @@ ${letterData.content || ''}
               Fill in the details to send your letter directly to the recipient.
             </DialogDescription>
           </DialogHeader>
-
+          
           <div className="space-y-4 py-4">
             <div className="space-y-2">
-              <Label htmlFor="emailTo" className="text-sm font-medium flex items-center gap-2">
-                To Email Address
-                {emailTo && isValidEmail(emailTo) && (
-                  <span className="text-green-500 text-xs">✓</span>
-                )}
+              <Label htmlFor="emailTo" className="text-sm font-medium">
+                Recipient Email
               </Label>
               <Input
                 id="emailTo"
-                type="email"
                 placeholder="recipient@example.com"
                 value={emailTo}
                 onChange={(e) => setEmailTo(e.target.value)}
-                className={`${
-                  emailTo && !isValidEmail(emailTo) && emailTo.length > 0
-                    ? "border-red-400 focus:border-red-500"
-                    : ""
-                }`}
-                required
               />
-              {emailTo && emailTo.length > 0 && !isValidEmail(emailTo) && (
-                <p className="text-xs text-red-500">Please enter a valid email address</p>
-              )}
             </div>
-
+            
             <div className="space-y-2">
               <Label htmlFor="emailSubject" className="text-sm font-medium">
                 Subject
@@ -592,7 +566,7 @@ ${letterData.content || ''}
                 onChange={(e) => setEmailSubject(e.target.value)}
               />
             </div>
-
+            
             <div className="space-y-2">
               <Label htmlFor="emailContent" className="text-sm font-medium">
                 Additional Message (Optional)
@@ -606,7 +580,7 @@ ${letterData.content || ''}
               />
             </div>
           </div>
-
+          
           <DialogFooter>
             <Button variant="outline" onClick={() => setShowEmailDialog(false)}>
               Cancel
@@ -633,4 +607,4 @@ ${letterData.content || ''}
       </Dialog>
     </div>
   );
-}
+}
\ No newline at end of file
diff --git a/components/resume/ats-analyzer.tsx b/components/resume/ats-analyzer.tsx
index 7cf8c260..43e9ef40 100644
--- a/components/resume/ats-analyzer.tsx
+++ b/components/resume/ats-analyzer.tsx
@@ -121,7 +121,7 @@ export function ATSAnalyzer() {
 
           <Textarea
             placeholder="Paste the job description here..."
-            className="min-h-[200px]"
+            className="min-h-[200px] text-foreground placeholder:text-muted-foreground"
             value={jobDescription}
             onChange={(e) => setJobDescription(e.target.value)}
           />
@@ -160,9 +160,9 @@ export function ATSAnalyzer() {
                       : "border-red-500"
                   }`}
                 >
-                  <span className="text-2xl font-bold">{displayAnalysis.score}%</span>
+                  <span className="text-2xl font-bold text-foreground">{displayAnalysis.score}%</span>
                 </div>
-                <h3 className="text-xl font-semibold">ATS Compatibility Score</h3>
+                <h3 className="text-xl font-semibold text-foreground">ATS Compatibility Score</h3>
                 <p className="text-muted-foreground text-sm mt-1">
                   {displayAnalysis.score >= 80
                     ? "Excellent match!"
@@ -175,14 +175,14 @@ export function ATSAnalyzer() {
               {/* Section Scores */}
               {displayAnalysis.analysis?.sectionScores && (
                 <div>
-                  <h4 className="font-medium mb-2">Section Scores</h4>
+                  <h4 className="font-medium mb-2 text-foreground">Section Scores</h4>
                   <div className="space-y-2">
                     {Object.entries(displayAnalysis.analysis.sectionScores).map(
                       ([section, score]) => (
                         <div key={section}>
                           <div className="flex justify-between text-sm mb-1">
-                            <span className="capitalize">{section}</span>
-                            <span>{String(score)}%</span>
+                            <span className="capitalize text-foreground">{section}</span>
+                            <span className="text-foreground font-medium">{String(score)}%</span>
                           </div>
                           <Progress value={score as number} />
                         </div>
@@ -195,29 +195,29 @@ export function ATSAnalyzer() {
               {/* Keywords */}
               {displayAnalysis.analysis?.keywordMatch && (
                 <div>
-                  <h4 className="font-medium mb-2">Keyword Analysis</h4>
+                  <h4 className="font-medium mb-2 text-foreground">Keyword Analysis</h4>
                   <div className="grid grid-cols-2 gap-4">
                     <div>
-                      <h5 className="text-sm font-medium flex items-center gap-1 mb-2">
+                      <h5 className="text-sm font-medium flex items-center gap-1 mb-2 text-foreground">
                         <CheckCircle2 className="h-4 w-4 text-green-500" />
                         Found ({displayAnalysis.analysis.keywordMatch.found?.length || 0})
                       </h5>
                       <div className="flex flex-wrap gap-1">
                         {displayAnalysis.analysis.keywordMatch.found?.map((k: string, i: number) => (
-                          <span key={i} className="text-xs px-2 py-1 rounded-full bg-green-100 text-green-700">
+                          <span key={i} className="text-xs px-2 py-1 rounded-full bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300 border border-green-200 dark:border-green-800">
                             {k}
                           </span>
                         ))}
                       </div>
                     </div>
                     <div>
-                      <h5 className="text-sm font-medium flex items-center gap-1 mb-2">
+                      <h5 className="text-sm font-medium flex items-center gap-1 mb-2 text-foreground">
                         <XCircle className="h-4 w-4 text-red-500" />
                         Missing ({displayAnalysis.analysis.keywordMatch.missing?.length || 0})
                       </h5>
                       <div className="flex flex-wrap gap-1">
                         {displayAnalysis.analysis.keywordMatch.missing?.map((k: string, i: number) => (
-                          <span key={i} className="text-xs px-2 py-1 rounded-full bg-red-100 text-red-700">
+                          <span key={i} className="text-xs px-2 py-1 rounded-full bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-300 border border-red-200 dark:border-red-800">
                             {k}
                           </span>
                         ))}
@@ -230,11 +230,11 @@ export function ATSAnalyzer() {
               {/* Improvements */}
               {displayAnalysis.improvements?.critical && (
                 <div>
-                  <h4 className="font-medium mb-2">Critical Improvements</h4>
-                  <ul className="space-y-2 text-sm text-red-600">
+                  <h4 className="font-medium mb-2 text-foreground">Critical Improvements</h4>
+                  <ul className="space-y-2 text-sm">
                     {displayAnalysis.improvements.critical.map((tip: string, i: number) => (
-                      <li key={i} className="flex items-start gap-2">
-                        <AlertCircle className="h-4 w-4 mt-1 flex-shrink-0" />
+                      <li key={i} className="flex items-start gap-2 text-destructive dark:text-red-400">
+                        <AlertCircle className="h-4 w-4 mt-1 flex-shrink-0 text-destructive dark:text-red-400" />
                         {tip}
                       </li>
                     ))}
@@ -244,11 +244,11 @@ export function ATSAnalyzer() {
 
               {displayAnalysis.improvements?.recommended && (
                 <div>
-                  <h4 className="font-medium mb-2">Recommended Enhancements</h4>
-                  <ul className="space-y-2 text-sm text-yellow-600">
+                  <h4 className="font-medium mb-2 text-foreground">Recommended Enhancements</h4>
+                  <ul className="space-y-2 text-sm">
                     {displayAnalysis.improvements.recommended.map((tip: string, i: number) => (
-                      <li key={i} className="flex items-start gap-2">
-                        <AlertCircle className="h-4 w-4 mt-1 flex-shrink-0" />
+                      <li key={i} className="flex items-start gap-2 text-amber-600 dark:text-amber-400">
+                        <AlertCircle className="h-4 w-4 mt-1 flex-shrink-0 text-amber-600 dark:text-amber-400" />
                         {tip}
                       </li>
                     ))}
@@ -258,12 +258,12 @@ export function ATSAnalyzer() {
 
               {displayAnalysis.improvements?.aiSuggestions && (
                 <div>
-                  <h4 className="font-medium mb-2">AI Suggestions</h4>
+                  <h4 className="font-medium mb-2 text-foreground">AI Suggestions</h4>
                   <div className="space-y-2">
                     {displayAnalysis.improvements.aiSuggestions.map((suggestion: string, i: number) => (
-                      <div key={i} className="flex gap-2 p-3 bg-blue-50 rounded-lg text-sm">
-                        <Sparkles className="h-4 w-4 mt-1 flex-shrink-0 text-blue-500" />
-                        {suggestion}
+                      <div key={i} className="flex gap-2 p-3 bg-blue-50 dark:bg-blue-950/50 rounded-lg text-sm border border-blue-200 dark:border-blue-800">
+                        <Sparkles className="h-4 w-4 mt-1 flex-shrink-0 text-blue-600 dark:text-blue-400" />
+                        <span className="text-blue-900 dark:text-blue-100">{suggestion}</span>
                       </div>
                     ))}
                   </div>
diff --git a/components/resume/guided-resume-generator.tsx b/components/resume/guided-resume-generator.tsx
index bdc76d10..d8543f38 100644
--- a/components/resume/guided-resume-generator.tsx
+++ b/components/resume/guided-resume-generator.tsx
@@ -61,7 +61,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
   });
 
   const [professionalSummary, setProfessionalSummary] = useState("");
-
+  
   const [workExperience, setWorkExperience] = useState([{
     title: "",
     company: "",
@@ -109,9 +109,6 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
     portfolio: ""
   });
 
-  // Email validation function
-  const isValidEmail = (email: string) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
-
   const steps: { id: ResumeStep; title: string; icon: any; description: string }[] = [
     { id: 'personal', title: 'Personal Info', icon: User, description: 'Basic contact information' },
     { id: 'summary', title: 'Professional Summary', icon: FileText, description: 'Your professional overview' },
@@ -217,7 +214,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
       }
 
       const resume = await response.json();
-
+      
       if (onResumeGenerated) {
         onResumeGenerated(resume);
       }
@@ -307,7 +304,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
         </CardHeader>
         <CardContent className="space-y-4">
           <p className="text-sm text-muted-foreground">{stepGuidance.description}</p>
-
+          
           {stepGuidance.tips && (
             <div>
               <h4 className="font-medium text-sm mb-2 flex items-center gap-1">
@@ -361,7 +358,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
             className="glass-effect"
           />
         </div>
-
+        
         <div className="space-y-2">
           <Label htmlFor="email" className="flex items-center gap-2">
             <Mail className="h-4 w-4" />
@@ -372,20 +369,11 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
             type="email"
             value={personalInfo.email}
             onChange={(e) => setPersonalInfo(prev => ({ ...prev, email: e.target.value }))}
-            onBlur={(e) => {
-              if (e.target.value && !isValidEmail(e.target.value)) {
-                toast({
-                  title: "Invalid Email",
-                  description: "Please enter a valid email address.",
-                  variant: "destructive",
-                });
-              }
-            }}
             placeholder="john@example.com"
-            className={cn("glass-effect", !isValidEmail(personalInfo.email) && personalInfo.email && "border-red-500")}
+            className="glass-effect"
           />
         </div>
-
+        
         <div className="space-y-2">
           <Label htmlFor="phone" className="flex items-center gap-2">
             <Phone className="h-4 w-4" />
@@ -399,7 +387,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
             className="glass-effect"
           />
         </div>
-
+        
         <div className="space-y-2">
           <Label htmlFor="location" className="flex items-center gap-2">
             <MapPin className="h-4 w-4" />
@@ -563,7 +551,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
           </CardContent>
         </Card>
       ))}
-
+      
       <Button
         onClick={() => addArrayItem(setWorkExperience, {
           title: "", company: "", location: "", startDate: "", endDate: "", current: false, description: ""
@@ -656,7 +644,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
           </CardContent>
         </Card>
       ))}
-
+      
       <Button
         onClick={() => addArrayItem(setEducation, {
           degree: "", institution: "", location: "", graduationDate: "", gpa: "", honors: ""
@@ -705,7 +693,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
                   <Plus className="h-4 w-4" />
                 </Button>
               </div>
-
+              
               <div className="flex flex-wrap gap-2">
                 {skillList.map((skill, index) => (
                   <Badge
@@ -788,7 +776,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
           </CardContent>
         </Card>
       ))}
-
+      
       <Button
         onClick={() => addArrayItem(setProjects, {
           name: "", description: "", technologies: [], link: ""
@@ -863,7 +851,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
           </CardContent>
         </Card>
       ))}
-
+      
       <Button
         onClick={() => addArrayItem(setCertifications, {
           name: "", issuer: "", date: "", credential: ""
@@ -892,7 +880,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
           className="glass-effect"
         />
       </div>
-
+      
       <div className="space-y-2">
         <Label htmlFor="github" className="flex items-center gap-2">
           <Github className="h-4 w-4 text-gray-800" />
@@ -906,7 +894,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
           className="glass-effect"
         />
       </div>
-
+      
       <div className="space-y-2">
         <Label htmlFor="website" className="flex items-center gap-2">
           <Globe className="h-4 w-4 text-green-600" />
@@ -920,7 +908,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
           className="glass-effect"
         />
       </div>
-
+      
       <div className="space-y-2">
         <Label htmlFor="portfolio" className="flex items-center gap-2">
           <Briefcase className="h-4 w-4 text-purple-600" />
@@ -957,7 +945,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
                 </p>
               </div>
             </div>
-
+            
             {jobDescription && (
               <div className="flex items-center gap-2 p-3 bg-blue-50 rounded-lg border border-blue-200">
                 <FileText className="h-5 w-5 text-blue-600" />
@@ -989,7 +977,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
                 <p className="text-xs text-muted-foreground">{personalInfo.name}</p>
               </div>
             </div>
-
+            
             <div className="flex items-center gap-2 p-3 glass-effect rounded-lg">
               <FileText className="h-4 w-4 text-blue-500" />
               <div>
@@ -999,7 +987,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
                 </p>
               </div>
             </div>
-
+            
             <div className="flex items-center gap-2 p-3 glass-effect rounded-lg">
               <Briefcase className="h-4 w-4 text-blue-500" />
               <div>
@@ -1007,7 +995,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
                 <p className="text-xs text-muted-foreground">{workExperience.length} entries</p>
               </div>
             </div>
-
+            
             <div className="flex items-center gap-2 p-3 glass-effect rounded-lg">
               <GraduationCap className="h-4 w-4 text-blue-500" />
               <div>
@@ -1015,7 +1003,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
                 <p className="text-xs text-muted-foreground">{education.length} entries</p>
               </div>
             </div>
-
+            
             <div className="flex items-center gap-2 p-3 glass-effect rounded-lg">
               <Code className="h-4 w-4 text-blue-500" />
               <div>
@@ -1025,7 +1013,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
                 </p>
               </div>
             </div>
-
+            
             <div className="flex items-center gap-2 p-3 glass-effect rounded-lg">
               <Zap className="h-4 w-4 text-blue-500" />
               <div>
@@ -1033,7 +1021,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
                 <p className="text-xs text-muted-foreground">{projects.length} entries</p>
               </div>
             </div>
-
+            
             <div className="flex items-center gap-2 p-3 glass-effect rounded-lg">
               <Award className="h-4 w-4 text-blue-500" />
               <div>
@@ -1041,7 +1029,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
                 <p className="text-xs text-muted-foreground">{certifications.length} entries</p>
               </div>
             </div>
-
+            
             <div className="flex items-center gap-2 p-3 glass-effect rounded-lg">
               <LinkIcon className="h-4 w-4 text-blue-500" />
               <div>
@@ -1112,7 +1100,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
   const isStepValid = () => {
     switch (currentStep) {
       case 'personal':
-        return personalInfo.name && personalInfo.email && isValidEmail(personalInfo.email) && personalInfo.phone && personalInfo.location && targetRole;
+        return personalInfo.name && personalInfo.email && personalInfo.phone && personalInfo.location && targetRole;
       case 'summary':
         return professionalSummary.length > 0;
       case 'experience':
@@ -1137,11 +1125,11 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
   return (
     <div className="space-y-6">
       {renderStepIndicator()}
-
+      
       {renderGuidancePanel()}
-
+      
       {renderCurrentStep()}
-
+      
       <div className="flex justify-between mt-8">
         <Button
           onClick={prevStep}
@@ -1152,7 +1140,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
           <ArrowLeft className="h-4 w-4 mr-2" />
           Previous
         </Button>
-
+        
         {currentStep === 'review' ? (
           <Button
             onClick={generateResume}
@@ -1172,7 +1160,7 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
                 </>
               )}
             </div>
-
+            
             {!isGenerating && (
               <div className="absolute inset-0 shimmer opacity-30"></div>
             )}
@@ -1190,4 +1178,4 @@ export function GuidedResumeGenerator({ onResumeGenerated }: GuidedResumeGenerat
       </div>
     </div>
   );
-}
+}
\ No newline at end of file
diff --git a/components/resume/resume-generator.tsx b/components/resume/resume-generator.tsx
index ce59fa78..a8e4e3af 100644
--- a/components/resume/resume-generator.tsx
+++ b/components/resume/resume-generator.tsx
@@ -303,9 +303,6 @@ export function ResumeGenerator() {
                   >
                     <Mail className="h-4 w-4 text-muted-foreground" />
                     Email
-                    {email && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && (
-                      <span className="text-green-500 text-xs">✓</span>
-                    )}
                   </Label>
                   <Input
                     id="email"
@@ -313,11 +310,7 @@ export function ResumeGenerator() {
                     placeholder="john@example.com"
                     value={email}
                     onChange={(e) => setEmail(e.target.value)}
-                    className={`glass-effect focus:ring-yellow-400/20 w-full text-base px-3 py-2 ${
-                      email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) && email.length > 0
-                        ? "border-red-400/60 focus:border-red-400/80"
-                        : "border-yellow-400/30 focus:border-yellow-400/60"
-                    }`}
+                    className="glass-effect border-yellow-400/30 focus:border-yellow-400/60 focus:ring-yellow-400/20 w-full text-base px-3 py-2"
                     disabled={isGenerating}
                   />
                 </div>
diff --git a/lib/validation.ts b/lib/validation.ts
index 9f6b5917..5b410590 100644
--- a/lib/validation.ts
+++ b/lib/validation.ts
@@ -1,10 +1,7 @@
 import { z } from 'zod';
 
-// Email validation schema with consistent regex
-export const emailSchema = z
-  .string()
-  .regex(/^[^\s@]+@[^\s@]+\.[^\s@]+$/, 'Please enter a valid email address')
-  .max(254, 'Email address is too long');
+// Email validation schema
+export const emailSchema = z.string().email('Invalid email format').max(254);
 
 // Password validation schema
 export const passwordSchema = z
@@ -89,4 +86,4 @@ export function detectSqlInjection(input: string): boolean {
 // Rate limiting key generator
 export function generateRateLimitKey(ip: string, endpoint: string): string {
   return `${ip}:${endpoint}`;
-}
+}
\ No newline at end of file