diff --git a/Backend/config/Passport.js b/Backend/config/Passport.js
index ff03a690..da93e540 100644
--- a/Backend/config/Passport.js
+++ b/Backend/config/Passport.js
@@ -54,8 +54,7 @@ passport.use(
     {
       clientID: process.env.GOOGLE_CLIENT_ID,
       clientSecret: process.env.GOOGLE_CLIENT_SECRET,
-      callbackURL: "https://intervyo.onrender.com/api/auth/google/callback",
-      // callbackURL: '/api/auth/google/callback',
+      callbackURL: "/api/auth/google/callback",
     },
     async (accessToken, refreshToken, profile, done) => {
       try {
@@ -149,12 +148,15 @@ passport.use(
 //     )
 // );
 
+// ========================================
+// 3. GITHUB STRATEGY
+// ========================================
 passport.use(
   new GitHubStrategy(
     {
       clientID: process.env.GITHUB_CLIENT_ID,
       clientSecret: process.env.GITHUB_CLIENT_SECRET,
-      callbackURL: "https://intervyo.onrender.com/api/auth/github/callback",
+      callbackURL: "/api/auth/github/callback",
       scope: ["user:email"],
     },
     async (accessToken, refreshToken, profile, done) => {
diff --git a/Backend/config/db.js b/Backend/config/db.js
index 308f25e9..9272c543 100644
--- a/Backend/config/db.js
+++ b/Backend/config/db.js
@@ -1,50 +1,16 @@
-// db.js
 import mongoose from "mongoose";
 import dotenv from "dotenv";
-import { MongoMemoryServer } from "mongodb-memory-server";
 
 dotenv.config();
 
-let mongoServer = null;
-
 export const dbConnect = async () => {
   try {
-    const mongoURI = process.env.MONGODB_URL || process.env.MONGODB_URI;
-
-    // Try to connect to real MongoDB if URI is provided and not default
-    if (mongoURI && mongoURI !== "mongodb://localhost:27017/intervyo") {
-      await mongoose.connect(mongoURI, {
-        serverSelectionTimeoutMS: 5000, // Timeout after 5s
-      });
-      console.log("✅ MongoDB connected successfully");
-      return;
-    } else {
-      throw new Error("No valid MongoDB URI, using in-memory database");
-    }
+    await mongoose.connect(process.env.MONGODB_URI);
+    console.log("✅ Connected to MongoDB");
   } catch (error) {
-    console.log("⚠️  MongoDB not available:", error.message);
-    console.log("🔄 Starting in-memory database...");
-
-    try {
-      // Start in-memory MongoDB server
-      mongoServer = await MongoMemoryServer.create({
-        instance: {
-          dbName: "intervyo",
-        },
-      });
-      const mongoUri = mongoServer.getUri();
-      await mongoose.connect(mongoUri);
-      console.log("✅ In-memory MongoDB started successfully");
-      console.log("📝 Note: Data will be lost when server restarts");
-      console.log("💡 Tip: Add a real MongoDB URI to .env to persist data");
-    } catch (memError) {
-      console.error('❌ Failed to start in-memory database:', memError);
-      // In test environment, we might catch this at the runner level
-      if (process.env.NODE_ENV !== 'test') {
-        process.exit(1);
-      }
-      throw memError;
-    }
+    console.log("❌ Connection Failed");
+    console.log(error);
+    process.exit(1);
   }
 };
 
diff --git a/Backend/routes/User.route.js b/Backend/routes/User.route.js
index 754a2180..be4da879 100644
--- a/Backend/routes/User.route.js
+++ b/Backend/routes/User.route.js
@@ -35,20 +35,7 @@ router.get(
   }),
   (req, res) => {
     const token = req.user.generateAuthToken();
-
-    //   res.cookie('token', token, {
-    //     httpOnly: true,
-    //     secure: true,          // REQUIRED on HTTPS (Render + Vercel)
-    //     sameSite: 'none',      // REQUIRED for cross-domain cookies
-    //     maxAge: 7 * 24 * 60 * 60 * 1000
-
-    // //     secure: false,
-    // // sameSite: 'lax',
-    //   });
-
-    // Double-whammy: Cookie AND Token in URL (Upstream req)
     res.redirect(`${process.env.CLIENT_URL}/auth/callback?token=${token}`);
-    // res.redirect(`http://localhost:5173/auth/callback`);
   },
 );
 
@@ -61,16 +48,6 @@ router.get(
 );
 
 // GitHub OAuth Callback
-// router.get('/github/callback',
-//   passport.authenticate('github', {
-//     session: false,
-//     failureRedirect: `${process.env.CLIENT_URL}/login?error=github_auth_failed`
-//   }),
-//   (req, res) => {
-//     const token = req.user.generateAuthToken();
-//     res.redirect(`${process.env.CLIENT_URL}/auth/callback?token=${token}`);
-//   }
-// );
 router.get(
   "/github/callback",
   passport.authenticate("github", {
diff --git a/Frontend/src/App.jsx b/Frontend/src/App.jsx
index 007a3323..eedfc318 100644
--- a/Frontend/src/App.jsx
+++ b/Frontend/src/App.jsx
@@ -45,11 +45,16 @@ function App() {
   const hideFooterRoutes = ["/login", "/register"];
   const hideFooter = hideFooterRoutes.includes(location.pathname);
 
+  const hideNavbarRoutes = ["/dashboard", "/settings", "/pricing", "/career", "/terms", "/privacy", "/cookie-policy", "/interview-setup", "/auth/callback"];
+  const hideNavbar =
+    hideNavbarRoutes.includes(location.pathname) ||
+    location.pathname.startsWith("/interview-room");
+
   useEffect(() => {
-  if ("serviceWorker" in navigator) {
-    navigator.serviceWorker.register("/sw.js");
-  }
-}, []);
+    if ("serviceWorker" in navigator) {
+      navigator.serviceWorker.register("/sw.js");
+    }
+  }, []);
 
   return (
     <>
@@ -90,7 +95,7 @@ function App() {
 
       <ScrollToTop />
       <ScrollToTopOnRouteChange />
-      <Navbar />
+      {!hideNavbar && <Navbar />}
 
       <Routes>
         <Route path="/" element={<Landing />} />
diff --git a/Frontend/src/components/Blogs/BlogPlatform.jsx b/Frontend/src/components/Blogs/BlogPlatform.jsx
index b8adefe8..db3b9692 100644
--- a/Frontend/src/components/Blogs/BlogPlatform.jsx
+++ b/Frontend/src/components/Blogs/BlogPlatform.jsx
@@ -1,6 +1,6 @@
-import { useState, useEffect ,useMemo} from 'react';
-import { 
-  Search, Plus, TrendingUp, Clock, Eye, Heart, MessageCircle, 
+import { useState, useEffect, useMemo } from 'react';
+import {
+  Search, Plus, TrendingUp, Clock, Eye, Heart, MessageCircle,
   Tag, User, Calendar, Edit, Trash2, Share2, Bookmark, Filter,
   ChevronRight, Sparkles, X, ArrowLeft, Send, MoreVertical, Star
 } from 'lucide-react';
@@ -100,28 +100,28 @@ export default function BlogPlatform() {
   }, [searchQuery, selectedTag, sortBy, currentPageNum]);
 
   const fetchBlogs = async () => {
-  setLoading(true);
-  try {
-    const params = new URLSearchParams({ 
-      page: currentPageNum, limit: 12, search: searchQuery, tag: selectedTag, sort: sortBy 
-    });
-    const response = await fetch(`${API_URL}/blogs?${params}`);
-    const data = await response.json();
-    
-    if (data.success) {
-      setBlogs(data.blogs);
-      setTotalPages(data.pagination.pages);
-    } else {
-      setBlogs(SEED_ARTICLES); // Fallback if success is false
+    setLoading(true);
+    try {
+      const params = new URLSearchParams({
+        page: currentPageNum, limit: 12, search: searchQuery, tag: selectedTag, sort: sortBy
+      });
+      const response = await fetch(`${API_URL}/blogs?${params}`);
+      const data = await response.json();
+
+      if (data.success) {
+        setBlogs(data.blogs);
+        setTotalPages(data.pagination.pages);
+      } else {
+        setBlogs(SEED_ARTICLES); // Fallback if success is false
+      }
+    } catch (error) {
+      console.error('API Error:', error);
+      setBlogs(SEED_ARTICLES); // Fallback if API is blocked (CORS)
+    } finally {
+      // Add a slight delay for a smooth "Wow" transition from skeleton to content
+      setTimeout(() => setLoading(false), 800);
     }
-  } catch (error) {
-    console.error('API Error:', error);
-    setBlogs(SEED_ARTICLES); // Fallback if API is blocked (CORS)
-  } finally {
-    // Add a slight delay for a smooth "Wow" transition from skeleton to content
-    setTimeout(() => setLoading(false), 800); 
-  }
-};
+  };
 
   const fetchFeaturedBlogs = async () => {
     try {
@@ -133,20 +133,20 @@ export default function BlogPlatform() {
     }
   };
   // Ensure this useMemo is inside your BlogPlatform function
-const displayBlogs = useMemo(() => {
-  // Use API blogs if available, otherwise fall back to SEED_ARTICLES
-  let list = blogs.length > 0 ? blogs : SEED_ARTICLES;
-
-  // Real-time filtering logic
-  return list.filter(blog => {
-    const titleMatch = blog.title.toLowerCase().includes(searchQuery.toLowerCase());
-    const excerptMatch = blog.excerpt.toLowerCase().includes(searchQuery.toLowerCase());
-    const tagMatch = blog.tags.some(tag => tag.toLowerCase().includes(searchQuery.toLowerCase()));
-    
-    // Show if search matches title, excerpt, OR tags
-    return titleMatch || excerptMatch || tagMatch;
-  });
-}, [blogs, searchQuery]);
+  const displayBlogs = useMemo(() => {
+    // Use API blogs if available, otherwise fall back to SEED_ARTICLES
+    let list = blogs.length > 0 ? blogs : SEED_ARTICLES;
+
+    // Real-time filtering logic
+    return list.filter(blog => {
+      const titleMatch = blog.title.toLowerCase().includes(searchQuery.toLowerCase());
+      const excerptMatch = blog.excerpt.toLowerCase().includes(searchQuery.toLowerCase());
+      const tagMatch = blog.tags.some(tag => tag.toLowerCase().includes(searchQuery.toLowerCase()));
+
+      // Show if search matches title, excerpt, OR tags
+      return titleMatch || excerptMatch || tagMatch;
+    });
+  }, [blogs, searchQuery]);
   const fetchPopularTags = async () => {
     try {
       const response = await fetch(`${API_URL}/blogs/tags`);
@@ -171,7 +171,7 @@ const displayBlogs = useMemo(() => {
   };
 
   return (
-    <div className="min-h-screen bg-[#0f1419]">
+    <div className="min-h-screen bg-[#0f1419] pt-32">
       {currentPage === "list" && (
         <BlogList
           blogs={blogs}
@@ -360,38 +360,37 @@ function BlogList({
           <div className="lg:col-span-1">
             <div className="sticky top-6 space-y-6">
               {/* Filters */}
-                              {/* Sidebar - Clickable Filters */}
-                <div className="lg:col-span-3 space-y-8">
-                  <div className="p-6 bg-[#161b22] rounded-3xl border border-gray-800/50">
-                    <h3 className="text-white font-black mb-6 flex items-center gap-2">
-                      <Filter className="w-5 h-5 text-orange-500" /> DISCOVER
-                    </h3>
-                    
-                    <div className="space-y-4">
-                      <p className="text-[10px] font-black text-gray-500 uppercase tracking-widest px-1">
-                        Sort by
-                      </p>
-                      <div className="flex flex-col gap-3">
-                        {[
-                          { label: 'Latest Stories', value: '-publishedAt' },
-                          { label: 'Most Viewed', value: '-views' },
-                          { label: 'Highly Rated', value: '-likes' }
-                        ].map((item) => (
-                          <button
-                            key={item.value}
-                            onClick={() => setSortBy(item.value)}
-                            className={`text-left px-4 py-2 rounded-xl text-sm font-bold transition-all ${
-                              sortBy === item.value 
-                              ? 'bg-orange-500/10 text-orange-500 border border-orange-500/20 shadow-[0_0_15px_rgba(212,88,31,0.1)]' 
-                              : 'text-gray-400 hover:text-white hover:bg-gray-800/50 border border-transparent'
+              {/* Sidebar - Clickable Filters */}
+              <div className="lg:col-span-3 space-y-8">
+                <div className="p-6 bg-[#161b22] rounded-3xl border border-gray-800/50">
+                  <h3 className="text-white font-black mb-6 flex items-center gap-2">
+                    <Filter className="w-5 h-5 text-orange-500" /> DISCOVER
+                  </h3>
+
+                  <div className="space-y-4">
+                    <p className="text-[10px] font-black text-gray-500 uppercase tracking-widest px-1">
+                      Sort by
+                    </p>
+                    <div className="flex flex-col gap-3">
+                      {[
+                        { label: 'Latest Stories', value: '-publishedAt' },
+                        { label: 'Most Viewed', value: '-views' },
+                        { label: 'Highly Rated', value: '-likes' }
+                      ].map((item) => (
+                        <button
+                          key={item.value}
+                          onClick={() => setSortBy(item.value)}
+                          className={`text-left px-4 py-2 rounded-xl text-sm font-bold transition-all ${sortBy === item.value
+                            ? 'bg-orange-500/10 text-orange-500 border border-orange-500/20 shadow-[0_0_15px_rgba(212,88,31,0.1)]'
+                            : 'text-gray-400 hover:text-white hover:bg-gray-800/50 border border-transparent'
                             }`}
-                          >
-                            {sortBy === item.value && <span className="mr-2">●</span>}
-                            {item.label}
-                          </button>
-                        ))}
-                      </div>
+                        >
+                          {sortBy === item.value && <span className="mr-2">●</span>}
+                          {item.label}
+                        </button>
+                      ))}
                     </div>
+                  </div>
 
                   {/* Clear All Option - Only shows if a tag or specific sort is active */}
                   {(selectedTag || sortBy !== '-publishedAt') && (
@@ -409,101 +408,99 @@ function BlogList({
 
                 {/* Tags section follows below... */}
               </div>
-                            {/* In the Blog Grid section of BlogList */}
-              
-                            {/* Popular Tags */}
-                            <div className="flex flex-wrap gap-2">
+              {/* In the Blog Grid section of BlogList */}
+
+              {/* Popular Tags */}
+              <div className="flex flex-wrap gap-2">
                 {/* Standard "All" button */}
-                
+
 
                 {/* Dynamic tags from your data */}
                 {popularTags.map(tag => (
                   <button
                     key={tag.name}
                     onClick={() => setSelectedTag(tag.name)}
-                    className={`px-4 py-2 rounded-xl text-xs font-bold transition-all border ${
-                      selectedTag === tag.name 
-                      ? 'bg-orange-500 border-orange-500 text-white' 
+                    className={`px-4 py-2 rounded-xl text-xs font-bold transition-all border ${selectedTag === tag.name
+                      ? 'bg-orange-500 border-orange-500 text-white'
                       : 'bg-[#0d1117] border-gray-800 text-gray-400 hover:border-gray-600'
-                    }`}
+                      }`}
                   >
                     {tag.name}
                   </button>
                 ))}
               </div>
-                          </div>
-                        </div>
+            </div>
+          </div>
 
-                          {/* Blog Grid */}
-                          <div className="lg:col-span-3">
-                            {loading ? (
-                              <div className="text-center py-20">
-                                <div className="w-12 h-12 border-3 border-[#8b5cf6] border-t-transparent rounded-full animate-spin mx-auto mb-4"></div>
-                                <p className="text-gray-400">Loading articles...</p>
-                              </div>
-                            ) : blogs.length === 0 ? (
-                              <div className="text-center py-20 bg-[#1a1f2e] rounded-xl border border-gray-800">
-                                <p className="text-gray-400 text-lg mb-4">No articles found</p>
-                                <button
-                                  onClick={onCreateBlog}
-                                  className="px-6 py-3 bg-[#8b5cf6] hover:bg-[#7c3aed] rounded-xl text-white font-semibold transition-all"
-                                >
-                                  Write the first article
-                                </button>
-                              </div>
-                            ) : (
-                              <>
-                                <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
-                                  {blogs.map(blog => (
-                                    <BlogCard key={blog._id} blog={blog} onView={onViewBlog} />
-                                  ))}
-                                </div>
-
-                                {/* Pagination */}
-                                {totalPages > 1 && (
-                                  <div className="flex items-center justify-center gap-2">
-                                    <button
-                                      onClick={() => setCurrentPage(Math.max(1, currentPage - 1))}
-                                      disabled={currentPage === 1}
-                                      className="px-4 py-2 bg-[#1a1f2e] hover:bg-[#8b5cf6]/20 disabled:opacity-50 disabled:cursor-not-allowed rounded-lg text-white text-sm font-medium transition-all border border-gray-800"
-                                    >
-                                      Previous
-                                    </button>
-                                    
-                                    {[...Array(Math.min(5, totalPages))].map((_, idx) => {
-                                      const pageNum = idx + 1;
-                                      return (
-                                        <button
-                                          key={pageNum}
-                                          onClick={() => setCurrentPage(pageNum)}
-                                          className={`w-10 h-10 rounded-lg font-semibold text-sm transition-all ${
-                                            currentPage === pageNum
-                                              ? 'bg-[#8b5cf6] text-white'
-                                              : 'bg-[#1a1f2e] text-gray-400 hover:bg-[#8b5cf6]/20 border border-gray-800'
-                                          }`}
-                                        >
-                                          {pageNum}
-                                        </button>
-                                      );
-                                    })}
-                                    
-                                    <button
-                                      onClick={() => setCurrentPage(Math.min(totalPages, currentPage + 1))}
-                                      disabled={currentPage === totalPages}
-                                      className="px-4 py-2 bg-[#1a1f2e] hover:bg-[#8b5cf6]/20 disabled:opacity-50 disabled:cursor-not-allowed rounded-lg text-white text-sm font-medium transition-all border border-gray-800"
-                                    >
-                                      Next
-                                    </button>
-                                  </div>
-                                )}
-                              </>
-                            )}
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  );
-                }
+          {/* Blog Grid */}
+          <div className="lg:col-span-3">
+            {loading ? (
+              <div className="text-center py-20">
+                <div className="w-12 h-12 border-3 border-[#8b5cf6] border-t-transparent rounded-full animate-spin mx-auto mb-4"></div>
+                <p className="text-gray-400">Loading articles...</p>
+              </div>
+            ) : blogs.length === 0 ? (
+              <div className="text-center py-20 bg-[#1a1f2e] rounded-xl border border-gray-800">
+                <p className="text-gray-400 text-lg mb-4">No articles found</p>
+                <button
+                  onClick={onCreateBlog}
+                  className="px-6 py-3 bg-[#8b5cf6] hover:bg-[#7c3aed] rounded-xl text-white font-semibold transition-all"
+                >
+                  Write the first article
+                </button>
+              </div>
+            ) : (
+              <>
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
+                  {blogs.map(blog => (
+                    <BlogCard key={blog._id} blog={blog} onView={onViewBlog} />
+                  ))}
+                </div>
+
+                {/* Pagination */}
+                {totalPages > 1 && (
+                  <div className="flex items-center justify-center gap-2">
+                    <button
+                      onClick={() => setCurrentPage(Math.max(1, currentPage - 1))}
+                      disabled={currentPage === 1}
+                      className="px-4 py-2 bg-[#1a1f2e] hover:bg-[#8b5cf6]/20 disabled:opacity-50 disabled:cursor-not-allowed rounded-lg text-white text-sm font-medium transition-all border border-gray-800"
+                    >
+                      Previous
+                    </button>
+
+                    {[...Array(Math.min(5, totalPages))].map((_, idx) => {
+                      const pageNum = idx + 1;
+                      return (
+                        <button
+                          key={pageNum}
+                          onClick={() => setCurrentPage(pageNum)}
+                          className={`w-10 h-10 rounded-lg font-semibold text-sm transition-all ${currentPage === pageNum
+                            ? 'bg-[#8b5cf6] text-white'
+                            : 'bg-[#1a1f2e] text-gray-400 hover:bg-[#8b5cf6]/20 border border-gray-800'
+                            }`}
+                        >
+                          {pageNum}
+                        </button>
+                      );
+                    })}
+
+                    <button
+                      onClick={() => setCurrentPage(Math.min(totalPages, currentPage + 1))}
+                      disabled={currentPage === totalPages}
+                      className="px-4 py-2 bg-[#1a1f2e] hover:bg-[#8b5cf6]/20 disabled:opacity-50 disabled:cursor-not-allowed rounded-lg text-white text-sm font-medium transition-all border border-gray-800"
+                    >
+                      Next
+                    </button>
+                  </div>
+                )}
+              </>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
 
 // ============================================
 // BLOG CARD COMPONENT
@@ -518,7 +515,7 @@ function BlogCard({ blog, onView }) {
     >
       {/* Top Accent Line */}
       <div className="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-orange-500 to-purple-600 opacity-0 group-hover:opacity-100 transition-opacity" />
-      
+
       <div className="flex items-center justify-between mb-5">
         <div className="flex items-center gap-3">
           <div className="w-10 h-10 rounded-full bg-gradient-to-tr from-orange-500 to-purple-500 flex items-center justify-center text-white font-bold">
@@ -534,7 +531,7 @@ function BlogCard({ blog, onView }) {
       <h3 className="text-xl font-extrabold text-white mb-3 group-hover:text-orange-400 transition-colors line-clamp-2">
         {blog.title}
       </h3>
-      
+
       <div className="flex flex-wrap gap-2 mb-6">
         {blog.tags.slice(0, 3).map(tag => (
           <span key={tag} className="text-[10px] font-bold px-3 py-1 bg-gray-800/50 text-gray-300 rounded-lg border border-gray-700 group-hover:border-orange-500/30">
@@ -696,11 +693,10 @@ function BlogDetail({ blog, currentUser, onBack, onEdit }) {
             <div className="flex items-center gap-3 py-6 border-t border-gray-800">
               <button
                 onClick={handleLike}
-                className={`flex items-center gap-2 px-5 py-2.5 rounded-lg font-semibold transition-all ${
-                  liked
-                    ? "bg-red-500 text-white"
-                    : "bg-[#0f1419] text-gray-300 hover:bg-red-500/20 border border-gray-700"
-                }`}
+                className={`flex items-center gap-2 px-5 py-2.5 rounded-lg font-semibold transition-all ${liked
+                  ? "bg-red-500 text-white"
+                  : "bg-[#0f1419] text-gray-300 hover:bg-red-500/20 border border-gray-700"
+                  }`}
               >
                 <Heart className={`w-5 h-5 ${liked ? "fill-current" : ""}`} />
                 {likesCount}
diff --git a/Frontend/src/components/Navbar.jsx b/Frontend/src/components/Navbar.jsx
index ece319ee..590bf48e 100644
--- a/Frontend/src/components/Navbar.jsx
+++ b/Frontend/src/components/Navbar.jsx
@@ -65,10 +65,9 @@ export default function Navbar() {
   }, []);
 
   const linkClass = (id) =>
-    `relative cursor-pointer transition-colors duration-300 ${
-      activeSection === id
-        ? "text-emerald-500"
-        : "text-gray-900 dark:text-gray-300 hover:text-emerald-500"
+    `relative cursor-pointer transition-colors duration-300 ${activeSection === id
+      ? "text-emerald-500"
+      : "text-gray-900 dark:text-gray-300 hover:text-emerald-500"
     }`;
 
   const pageActive = (path) =>
@@ -97,11 +96,10 @@ export default function Navbar() {
           {/* Home Icon near features */}
           <Home
             size={20}
-            className={`cursor-pointer ${
-              location.pathname === "/"
+            className={`cursor-pointer ${location.pathname === "/"
                 ? "text-emerald-500"
                 : "text-gray-900 dark:text-gray-300 hover:text-emerald-500"
-            }`}
+              }`}
             onClick={handleHomeClick}
           />
         </div>
diff --git a/Frontend/src/pages/AdvancedFeaturesDashboard.jsx b/Frontend/src/pages/AdvancedFeaturesDashboard.jsx
index 35c23ff6..7011a5dd 100644
--- a/Frontend/src/pages/AdvancedFeaturesDashboard.jsx
+++ b/Frontend/src/pages/AdvancedFeaturesDashboard.jsx
@@ -74,7 +74,7 @@ export default function AdvancedFeaturesDashboard() {
   }
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 p-6">
+    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 p-6 pt-32">
       <div className="max-w-7xl mx-auto space-y-6">
         {/* Header */}
         <div className="bg-white/10 backdrop-blur-xl rounded-3xl p-8 border border-white/20">
@@ -151,15 +151,14 @@ export default function AdvancedFeaturesDashboard() {
                   </h3>
                   <div className="flex items-center gap-2 text-sm">
                     <div
-                      className={`px-3 py-1 rounded-full ${
-                        company.readinessLevel === "Excellent"
+                      className={`px-3 py-1 rounded-full ${company.readinessLevel === "Excellent"
                           ? "bg-green-500/20 text-green-400"
                           : company.readinessLevel === "Good"
                             ? "bg-blue-500/20 text-blue-400"
                             : company.readinessLevel === "Moderate"
                               ? "bg-yellow-500/20 text-yellow-400"
                               : "bg-red-500/20 text-red-400"
-                      }`}
+                        }`}
                     >
                       {company.readinessLevel}
                     </div>
@@ -199,7 +198,7 @@ export default function AdvancedFeaturesDashboard() {
               {calendars.slice(0, 3).map((cal) => {
                 const daysRemaining = Math.ceil(
                   (new Date(cal.interviewDate) - new Date()) /
-                    (1000 * 60 * 60 * 24),
+                  (1000 * 60 * 60 * 24),
                 );
                 return (
                   <div
diff --git a/Frontend/src/pages/Analytics.jsx b/Frontend/src/pages/Analytics.jsx
index dcbf847b..61466d0e 100644
--- a/Frontend/src/pages/Analytics.jsx
+++ b/Frontend/src/pages/Analytics.jsx
@@ -87,7 +87,7 @@ export default function Analytics() {
 
   return (
     <div
-      className={`min-h-screen ${isDark ? "bg-gray-900" : "bg-gray-50"} p-6`}
+      className={`min-h-screen ${isDark ? "bg-gray-900" : "bg-gray-50"} p-6 pt-32`}
     >
       <div className="max-w-7xl mx-auto">
         {/* Header */}
diff --git a/Frontend/src/pages/CookiePolicy.jsx b/Frontend/src/pages/CookiePolicy.jsx
index 874a16b2..4359a19c 100644
--- a/Frontend/src/pages/CookiePolicy.jsx
+++ b/Frontend/src/pages/CookiePolicy.jsx
@@ -14,317 +14,317 @@ export default function PrivacyPolicy() {
   };
 
   return (
-    <>  
+    <>
       {/* Navbar */}
-            <nav className="fixed top-6 left-1/2 transform -translate-x-1/2 w-[95%] max-w-7xl bg-white/95 backdrop-blur-md rounded-full shadow-lg z-50 border border-gray-200">
-              <div className="px-4 md:px-8 py-4 flex items-center justify-between">
-                <Link to="/" className="text-xl md:text-2xl font-bold">
-                  <span className="text-gray-900">Interv</span>
-                  <span className="text-emerald-500">yo</span>
+      <nav className="fixed top-6 left-1/2 transform -translate-x-1/2 w-[95%] max-w-7xl bg-white/95 backdrop-blur-md rounded-full shadow-lg z-50 border border-gray-200">
+        <div className="px-4 md:px-8 py-4 flex items-center justify-between">
+          <Link to="/" className="text-xl md:text-2xl font-bold">
+            <span className="text-gray-900">Interv</span>
+            <span className="text-emerald-500">yo</span>
+          </Link>
+
+          {/* Desktop Navigation */}
+          <div className="hidden lg:flex items-center gap-8">
+            <a
+              href="/#features"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
+            >
+              Features
+            </a>
+            <Link
+              to="/about"
+              className="text-emerald-500 font-medium transition-colors"
+            >
+              About
+            </Link>
+            <a
+              href="/#how-it-works"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
+            >
+              How it Works
+            </a>
+            <a
+              href="/#pricing"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
+            >
+              Pricing
+            </a>
+            <a
+              href="/#faq"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
+            >
+              FAQ
+            </a>
+            <Link
+              to="/contact"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors"
+            >
+              Contact
+            </Link>
+          </div>
+
+          {/* Desktop Buttons */}
+          <div className="hidden lg:flex items-center gap-4">
+            {token ? (
+              <button
+                onClick={() => navigate("/dashboard")}
+                className="px-6 py-2.5 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all"
+              >
+                Dashboard
+              </button>
+            ) : (
+              <>
+                <Link
+                  to="/login"
+                  className="px-4 py-2 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all text-sm"
+                >
+                  Sign In
                 </Link>
-      
-                {/* Desktop Navigation */}
-                <div className="hidden lg:flex items-center gap-8">
-                  <a
-                    href="/#features"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
-                  >
-                    Features
-                  </a>
-                  <Link
-                    to="/about"
-                    className="text-emerald-500 font-medium transition-colors"
-                  >
-                    About
-                  </Link>
-                  <a
-                    href="/#how-it-works"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
-                  >
-                    How it Works
-                  </a>
-                  <a
-                    href="/#pricing"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
-                  >
-                    Pricing
-                  </a>
-                  <a
-                    href="/#faq"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
-                  >
-                    FAQ
-                  </a>
-                  <Link
-                    to="/contact"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors"
-                  >
-                    Contact
-                  </Link>
-                </div>
-      
-                {/* Desktop Buttons */}
-                <div className="hidden lg:flex items-center gap-4">
-                  {token ? (
-                    <button
-                      onClick={() => navigate("/dashboard")}
-                      className="px-6 py-2.5 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all"
-                    >
-                      Dashboard
-                    </button>
-                  ) : (
-                    <>
-                      <Link
-                        to="/login"
-                        className="px-4 py-2 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all text-sm"
-                      >
-                        Sign In
-                      </Link>
-                      <Link
-                        to="/register"
-                        className="px-4 py-2 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 font-semibold shadow-lg transition-all text-sm"
-                      >
-                        Get Started
-                      </Link>
-                    </>
-                  )}
-                </div>
-      
-                {/* Mobile Hamburger Button */}
-                <button
-                  onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
-                  className="lg:hidden p-2 text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
-                  aria-label="Toggle menu"
+                <Link
+                  to="/register"
+                  className="px-4 py-2 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 font-semibold shadow-lg transition-all text-sm"
                 >
-                  {mobileMenuOpen ? <X size={24} /> : <Menu size={24} />}
-                </button>
-              </div>
-      
-              {/* Mobile Menu */}
-              {mobileMenuOpen && (
-                <div className="lg:hidden absolute top-full left-0 right-0 mt-2 bg-white backdrop-blur-md rounded-2xl shadow-xl border border-gray-200 mx-2 overflow-hidden">
-                  <div className="p-6 space-y-4">
-                    <a
-                      href="/#features"
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
-                      onClick={closeMobileMenu}
-                    >
-                      Features
-                    </a>
-                    <a
-                      href="/#how-it-works"
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
-                      onClick={closeMobileMenu}
-                    >
-                      How it Works
-                    </a>
-                    <a
-                      href="/#pricing"
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
-                      onClick={closeMobileMenu}
-                    >
-                      Pricing
-                    </a>
-                    <a
-                      href="/#faq"
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
-                      onClick={closeMobileMenu}
-                    >
-                      FAQ
-                    </a>
+                  Get Started
+                </Link>
+              </>
+            )}
+          </div>
+
+          {/* Mobile Hamburger Button */}
+          <button
+            onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
+            className="lg:hidden p-2 text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
+            aria-label="Toggle menu"
+          >
+            {mobileMenuOpen ? <X size={24} /> : <Menu size={24} />}
+          </button>
+        </div>
+
+        {/* Mobile Menu */}
+        {mobileMenuOpen && (
+          <div className="lg:hidden absolute top-full left-0 right-0 mt-2 bg-white backdrop-blur-md rounded-2xl shadow-xl border border-gray-200 mx-2 overflow-hidden">
+            <div className="p-6 space-y-4">
+              <a
+                href="/#features"
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                onClick={closeMobileMenu}
+              >
+                Features
+              </a>
+              <a
+                href="/#how-it-works"
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                onClick={closeMobileMenu}
+              >
+                How it Works
+              </a>
+              <a
+                href="/#pricing"
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                onClick={closeMobileMenu}
+              >
+                Pricing
+              </a>
+              <a
+                href="/#faq"
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                onClick={closeMobileMenu}
+              >
+                FAQ
+              </a>
+              <Link
+                to="/contact"
+                onClick={closeMobileMenu}
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+              >
+                Contact
+              </Link>
+              <Link
+                to="/about"
+                onClick={closeMobileMenu}
+                className="block text-emerald-500 font-medium py-3 px-4 rounded-lg bg-emerald-50"
+              >
+                About
+              </Link>
+
+              <div className="pt-4 border-t border-gray-200 space-y-3">
+                {token ? (
+                  <button
+                    onClick={() => {
+                      navigate("/dashboard");
+                      closeMobileMenu();
+                    }}
+                    className="w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all"
+                  >
+                    Dashboard
+                  </button>
+                ) : (
+                  <>
                     <Link
-                      to="/contact"
+                      to="/login"
                       onClick={closeMobileMenu}
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                      className="block w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all text-center"
                     >
-                      Contact
+                      Sign In
                     </Link>
                     <Link
-                      to="/about"
+                      to="/register"
                       onClick={closeMobileMenu}
-                      className="block text-emerald-500 font-medium py-3 px-4 rounded-lg bg-emerald-50"
+                      className="block w-full px-6 py-3 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 font-semibold shadow-lg transition-all text-center"
                     >
-                      About
+                      Get Started
                     </Link>
-      
-                    <div className="pt-4 border-t border-gray-200 space-y-3">
-                      {token ? (
-                        <button
-                          onClick={() => {
-                            navigate("/dashboard");
-                            closeMobileMenu();
-                          }}
-                          className="w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all"
-                        >
-                          Dashboard
-                        </button>
-                      ) : (
-                        <>
-                          <Link
-                            to="/login"
-                            onClick={closeMobileMenu}
-                            className="block w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all text-center"
-                          >
-                            Sign In
-                          </Link>
-                          <Link
-                            to="/register"
-                            onClick={closeMobileMenu}
-                            className="block w-full px-6 py-3 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 font-semibold shadow-lg transition-all text-center"
-                          >
-                            Get Started
-                          </Link>
-                        </>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              )}
-            </nav>
-    <div className="min-h-screen bg-gradient-to-b from-slate-900 via-purple-900 to-slate-900 text-white px-4 py-24">
-      <div className="max-w-5xl mx-auto bg-white/5 backdrop-blur-lg rounded-3xl p-6 md:p-12 border border-white/10">
-        <h1 className="text-3xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">
-          Cookie Policy
-        </h1>
-
-        <p className="text-gray-300 mb-8">
-          This Cookie Policy explains how{" "}
-          <span className="text-purple-400 font-semibold">Intervyo</span>
-          ("we", "our", or "us") uses cookies and similar technologies when you
-          visit or interact with our AI-powered interview preparation platform.
-        </p>
+                  </>
+                )}
+              </div>
+            </div>
+          </div>
+        )}
+      </nav>
+      <div className="min-h-screen bg-gradient-to-b from-slate-900 via-purple-900 to-slate-900 text-white px-4 py-24">
+        <div className="max-w-5xl mx-auto bg-white/5 backdrop-blur-lg rounded-3xl p-6 md:p-12 border border-white/10">
+          <h1 className="text-3xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">
+            Cookie Policy
+          </h1>
 
-        {/* 1 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            1. What Are Cookies?
-          </h2>
-          <p className="text-gray-300">
-            Cookies are small text files stored on your device when you visit a
-            website. They help websites remember your preferences, maintain
-            sessions, and improve overall user experience.
+          <p className="text-gray-300 mb-8">
+            This Cookie Policy explains how{" "}
+            <span className="text-purple-400 font-semibold">Intervyo</span>
+            ("we", "our", or "us") uses cookies and similar technologies when you
+            visit or interact with our AI-powered interview preparation platform.
           </p>
-        </section>
 
-        {/* 2 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            2. How We Use Cookies
-          </h2>
-          <p className="text-gray-300 mb-4">
-            Intervyo uses cookies for the following purposes:
-          </p>
-          <ul className="list-disc list-inside space-y-2 text-gray-300">
-            <li>Maintaining secure user sessions and authentication</li>
-            <li>Remembering user preferences and settings</li>
-            <li>Analyzing platform usage and performance</li>
-            <li>Improving features, reliability, and user experience</li>
-          </ul>
-        </section>
+          {/* 1 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              1. What Are Cookies?
+            </h2>
+            <p className="text-gray-300">
+              Cookies are small text files stored on your device when you visit a
+              website. They help websites remember your preferences, maintain
+              sessions, and improve overall user experience.
+            </p>
+          </section>
 
-        {/* 3 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            3. Types of Cookies We Use
-          </h2>
-          <ul className="list-disc list-inside space-y-2 text-gray-300">
-            <li>
-              <span className="text-white font-medium">Essential Cookies:</span>{" "}
-              Required for core functionality such as login, security, and
-              session management.
-            </li>
-            <li>
-              <span className="text-white font-medium">
-                Performance Cookies:
-              </span>{" "}
-              Help us understand how users interact with the platform so we can
-              improve it.
-            </li>
-            <li>
-              <span className="text-white font-medium">Preference Cookies:</span>{" "}
-              Store your settings and preferences for a more personalized
-              experience.
-            </li>
-          </ul>
-        </section>
+          {/* 2 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              2. How We Use Cookies
+            </h2>
+            <p className="text-gray-300 mb-4">
+              Intervyo uses cookies for the following purposes:
+            </p>
+            <ul className="list-disc list-inside space-y-2 text-gray-300">
+              <li>Maintaining secure user sessions and authentication</li>
+              <li>Remembering user preferences and settings</li>
+              <li>Analyzing platform usage and performance</li>
+              <li>Improving features, reliability, and user experience</li>
+            </ul>
+          </section>
 
-        {/* 4 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            4. Third-Party Cookies
-          </h2>
-          <p className="text-gray-300 mb-4">
-            We may use trusted third-party services such as analytics or
-            performance monitoring tools that place cookies on your device.
-          </p>
-          <p className="text-gray-300">
-            These third parties are subject to their own privacy and cookie
-            policies, and we do not control their cookie usage.
-          </p>
-        </section>
+          {/* 3 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              3. Types of Cookies We Use
+            </h2>
+            <ul className="list-disc list-inside space-y-2 text-gray-300">
+              <li>
+                <span className="text-white font-medium">Essential Cookies:</span>{" "}
+                Required for core functionality such as login, security, and
+                session management.
+              </li>
+              <li>
+                <span className="text-white font-medium">
+                  Performance Cookies:
+                </span>{" "}
+                Help us understand how users interact with the platform so we can
+                improve it.
+              </li>
+              <li>
+                <span className="text-white font-medium">Preference Cookies:</span>{" "}
+                Store your settings and preferences for a more personalized
+                experience.
+              </li>
+            </ul>
+          </section>
 
-        {/* 5 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            5. Managing Cookies
-          </h2>
-          <p className="text-gray-300 mb-4">
-            You can control or delete cookies at any time through your browser
-            settings. Most browsers allow you to:
-          </p>
-          <ul className="list-disc list-inside space-y-2 text-gray-300">
-            <li>View stored cookies</li>
-            <li>Delete existing cookies</li>
-            <li>Block cookies from specific or all websites</li>
-          </ul>
-          <p className="text-gray-300 mt-3">
-            Please note that disabling certain cookies may affect platform
-            functionality.
-          </p>
-        </section>
+          {/* 4 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              4. Third-Party Cookies
+            </h2>
+            <p className="text-gray-300 mb-4">
+              We may use trusted third-party services such as analytics or
+              performance monitoring tools that place cookies on your device.
+            </p>
+            <p className="text-gray-300">
+              These third parties are subject to their own privacy and cookie
+              policies, and we do not control their cookie usage.
+            </p>
+          </section>
 
-        {/* 6 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            6. Consent
-          </h2>
-          <p className="text-gray-300">
-            By continuing to use Intervyo, you consent to the use of cookies as
-            described in this policy unless you disable them through your
-            browser settings.
-          </p>
-        </section>
+          {/* 5 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              5. Managing Cookies
+            </h2>
+            <p className="text-gray-300 mb-4">
+              You can control or delete cookies at any time through your browser
+              settings. Most browsers allow you to:
+            </p>
+            <ul className="list-disc list-inside space-y-2 text-gray-300">
+              <li>View stored cookies</li>
+              <li>Delete existing cookies</li>
+              <li>Block cookies from specific or all websites</li>
+            </ul>
+            <p className="text-gray-300 mt-3">
+              Please note that disabling certain cookies may affect platform
+              functionality.
+            </p>
+          </section>
 
-        {/* 7 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            7. Changes to This Cookie Policy
-          </h2>
-          <p className="text-gray-300">
-            We may update this Cookie Policy from time to time. Any changes will
-            be posted on this page with an updated revision date.
-          </p>
-        </section>
+          {/* 6 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              6. Consent
+            </h2>
+            <p className="text-gray-300">
+              By continuing to use Intervyo, you consent to the use of cookies as
+              described in this policy unless you disable them through your
+              browser settings.
+            </p>
+          </section>
 
-        {/* 8 */}
-        <section>
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            8. Contact Information
-          </h2>
-          <p className="text-gray-300">
-            If you have any questions about our use of cookies, please contact
-            us at:
-          </p>
-          <p className="text-purple-400 font-medium mt-2">
-            support@intervyo.ai
-          </p>
-        </section>
+          {/* 7 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              7. Changes to This Cookie Policy
+            </h2>
+            <p className="text-gray-300">
+              We may update this Cookie Policy from time to time. Any changes will
+              be posted on this page with an updated revision date.
+            </p>
+          </section>
 
-        <p className="text-xs text-gray-400 mt-12">
-          Last updated: 31 January 2026
-        </p>
+          {/* 8 */}
+          <section>
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              8. Contact Information
+            </h2>
+            <p className="text-gray-300">
+              If you have any questions about our use of cookies, please contact
+              us at:
+            </p>
+            <p className="text-purple-400 font-medium mt-2">
+              support@intervyo.ai
+            </p>
+          </section>
+
+          <p className="text-xs text-gray-400 mt-12">
+            Last updated: 31 January 2026
+          </p>
+        </div>
       </div>
-    </div>
     </>
   );
 }
diff --git a/Frontend/src/pages/Landing.jsx b/Frontend/src/pages/Landing.jsx
index cb5b2788..53727119 100644
--- a/Frontend/src/pages/Landing.jsx
+++ b/Frontend/src/pages/Landing.jsx
@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from "react";
+import { useState, useEffect, useRef } from "react";
 import { useNavigate } from "react-router-dom";
 import { useSelector } from "react-redux";
 import { motion } from "framer-motion";
diff --git a/Frontend/src/pages/Leaderboard.jsx b/Frontend/src/pages/Leaderboard.jsx
index 881208f8..be94fce1 100644
--- a/Frontend/src/pages/Leaderboard.jsx
+++ b/Frontend/src/pages/Leaderboard.jsx
@@ -80,7 +80,7 @@ export default function Leaderboard() {
   }
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900">
+    <div className="min-h-screen bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 pt-[25vh]">
       {/* Header */}
       <div className="bg-gray-800/50 backdrop-blur-xl border-b border-gray-700/50">
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
@@ -113,11 +113,10 @@ export default function Leaderboard() {
             <button
               key={p.value}
               onClick={() => setPeriod(p.value)}
-              className={`px-6 py-3 rounded-xl font-semibold transition ${
-                period === p.value
+              className={`px-6 py-3 rounded-xl font-semibold transition ${period === p.value
                   ? "bg-gradient-to-r from-purple-500 to-pink-500 text-white shadow-lg shadow-purple-500/30"
                   : "bg-gray-800/50 text-gray-400 hover:text-white hover:bg-gray-700/50"
-              }`}
+                }`}
             >
               {p.label}
             </button>
@@ -190,13 +189,12 @@ export default function Leaderboard() {
                     className={`relative mb-4 ${index === 0 ? "w-24 h-24" : "w-20 h-20"}`}
                   >
                     <div
-                      className={`w-full h-full bg-gradient-to-br ${
-                        index === 0
+                      className={`w-full h-full bg-gradient-to-br ${index === 0
                           ? "from-yellow-400 to-orange-500"
                           : index === 1
                             ? "from-gray-300 to-gray-400"
                             : "from-orange-400 to-orange-600"
-                      } rounded-full flex items-center justify-center text-white font-bold text-2xl overflow-hidden border-4 border-gray-900 shadow-xl`}
+                        } rounded-full flex items-center justify-center text-white font-bold text-2xl overflow-hidden border-4 border-gray-900 shadow-xl`}
                     >
                       {entry.profilePicture ? (
                         <img
diff --git a/Frontend/src/pages/PracticeLab.jsx b/Frontend/src/pages/PracticeLab.jsx
index a4bc6665..b5fcb554 100644
--- a/Frontend/src/pages/PracticeLab.jsx
+++ b/Frontend/src/pages/PracticeLab.jsx
@@ -54,7 +54,7 @@ function useSpeechRecognition() {
     try {
       recognitionRef.current.start();
       setListening(true);
-    } catch (_) {}
+    } catch (_) { }
   };
 
   const stop = () => {
@@ -62,7 +62,7 @@ function useSpeechRecognition() {
     try {
       recognitionRef.current.stop();
       setListening(false);
-    } catch (_) {}
+    } catch (_) { }
   };
 
   const reset = () => setTranscript("");
@@ -163,7 +163,7 @@ export default function PracticeLab() {
   };
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 p-6">
+    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 p-6 pt-32">
       <div className="max-w-6xl mx-auto space-y-6">
         {/* Header */}
         <div className="bg-white/10 backdrop-blur-xl rounded-3xl p-8 border border-white/20">
diff --git a/Frontend/src/pages/Privacy.jsx b/Frontend/src/pages/Privacy.jsx
index c5a98459..fe46a946 100644
--- a/Frontend/src/pages/Privacy.jsx
+++ b/Frontend/src/pages/Privacy.jsx
@@ -14,371 +14,371 @@ export default function PrivacyPolicy() {
   };
 
   return (
-    <>  
+    <>
       {/* Navbar */}
-            <nav className="fixed top-6 left-1/2 transform -translate-x-1/2 w-[95%] max-w-7xl bg-white/95 backdrop-blur-md rounded-full shadow-lg z-50 border border-gray-200">
-              <div className="px-4 md:px-8 py-4 flex items-center justify-between">
-                <Link to="/" className="text-xl md:text-2xl font-bold">
-                  <span className="text-gray-900">Interv</span>
-                  <span className="text-emerald-500">yo</span>
+      <nav className="fixed top-6 left-1/2 transform -translate-x-1/2 w-[95%] max-w-7xl bg-white/95 backdrop-blur-md rounded-full shadow-lg z-50 border border-gray-200">
+        <div className="px-4 md:px-8 py-4 flex items-center justify-between">
+          <Link to="/" className="text-xl md:text-2xl font-bold">
+            <span className="text-gray-900">Interv</span>
+            <span className="text-emerald-500">yo</span>
+          </Link>
+
+          {/* Desktop Navigation */}
+          <div className="hidden lg:flex items-center gap-8">
+            <a
+              href="/#features"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
+            >
+              Features
+            </a>
+            <Link
+              to="/about"
+              className="text-emerald-500 font-medium transition-colors"
+            >
+              About
+            </Link>
+            <a
+              href="/#how-it-works"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
+            >
+              How it Works
+            </a>
+            <a
+              href="/#pricing"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
+            >
+              Pricing
+            </a>
+            <a
+              href="/#faq"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
+            >
+              FAQ
+            </a>
+            <Link
+              to="/contact"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors"
+            >
+              Contact
+            </Link>
+          </div>
+
+          {/* Desktop Buttons */}
+          <div className="hidden lg:flex items-center gap-4">
+            {token ? (
+              <button
+                onClick={() => navigate("/dashboard")}
+                className="px-6 py-2.5 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all"
+              >
+                Dashboard
+              </button>
+            ) : (
+              <>
+                <Link
+                  to="/login"
+                  className="px-4 py-2 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all text-sm"
+                >
+                  Sign In
                 </Link>
-      
-                {/* Desktop Navigation */}
-                <div className="hidden lg:flex items-center gap-8">
-                  <a
-                    href="/#features"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
-                  >
-                    Features
-                  </a>
-                  <Link
-                    to="/about"
-                    className="text-emerald-500 font-medium transition-colors"
-                  >
-                    About
-                  </Link>
-                  <a
-                    href="/#how-it-works"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
-                  >
-                    How it Works
-                  </a>
-                  <a
-                    href="/#pricing"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
-                  >
-                    Pricing
-                  </a>
-                  <a
-                    href="/#faq"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
-                  >
-                    FAQ
-                  </a>
-                  <Link
-                    to="/contact"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors"
-                  >
-                    Contact
-                  </Link>
-                </div>
-      
-                {/* Desktop Buttons */}
-                <div className="hidden lg:flex items-center gap-4">
-                  {token ? (
-                    <button
-                      onClick={() => navigate("/dashboard")}
-                      className="px-6 py-2.5 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all"
-                    >
-                      Dashboard
-                    </button>
-                  ) : (
-                    <>
-                      <Link
-                        to="/login"
-                        className="px-4 py-2 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all text-sm"
-                      >
-                        Sign In
-                      </Link>
-                      <Link
-                        to="/register"
-                        className="px-4 py-2 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 font-semibold shadow-lg transition-all text-sm"
-                      >
-                        Get Started
-                      </Link>
-                    </>
-                  )}
-                </div>
-      
-                {/* Mobile Hamburger Button */}
-                <button
-                  onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
-                  className="lg:hidden p-2 text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
-                  aria-label="Toggle menu"
+                <Link
+                  to="/register"
+                  className="px-4 py-2 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 font-semibold shadow-lg transition-all text-sm"
                 >
-                  {mobileMenuOpen ? <X size={24} /> : <Menu size={24} />}
-                </button>
-              </div>
-      
-              {/* Mobile Menu */}
-              {mobileMenuOpen && (
-                <div className="lg:hidden absolute top-full left-0 right-0 mt-2 bg-white backdrop-blur-md rounded-2xl shadow-xl border border-gray-200 mx-2 overflow-hidden">
-                  <div className="p-6 space-y-4">
-                    <a
-                      href="/#features"
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
-                      onClick={closeMobileMenu}
-                    >
-                      Features
-                    </a>
-                    <a
-                      href="/#how-it-works"
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
-                      onClick={closeMobileMenu}
-                    >
-                      How it Works
-                    </a>
-                    <a
-                      href="/#pricing"
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
-                      onClick={closeMobileMenu}
-                    >
-                      Pricing
-                    </a>
-                    <a
-                      href="/#faq"
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
-                      onClick={closeMobileMenu}
-                    >
-                      FAQ
-                    </a>
+                  Get Started
+                </Link>
+              </>
+            )}
+          </div>
+
+          {/* Mobile Hamburger Button */}
+          <button
+            onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
+            className="lg:hidden p-2 text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
+            aria-label="Toggle menu"
+          >
+            {mobileMenuOpen ? <X size={24} /> : <Menu size={24} />}
+          </button>
+        </div>
+
+        {/* Mobile Menu */}
+        {mobileMenuOpen && (
+          <div className="lg:hidden absolute top-full left-0 right-0 mt-2 bg-white backdrop-blur-md rounded-2xl shadow-xl border border-gray-200 mx-2 overflow-hidden">
+            <div className="p-6 space-y-4">
+              <a
+                href="/#features"
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                onClick={closeMobileMenu}
+              >
+                Features
+              </a>
+              <a
+                href="/#how-it-works"
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                onClick={closeMobileMenu}
+              >
+                How it Works
+              </a>
+              <a
+                href="/#pricing"
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                onClick={closeMobileMenu}
+              >
+                Pricing
+              </a>
+              <a
+                href="/#faq"
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                onClick={closeMobileMenu}
+              >
+                FAQ
+              </a>
+              <Link
+                to="/contact"
+                onClick={closeMobileMenu}
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+              >
+                Contact
+              </Link>
+              <Link
+                to="/about"
+                onClick={closeMobileMenu}
+                className="block text-emerald-500 font-medium py-3 px-4 rounded-lg bg-emerald-50"
+              >
+                About
+              </Link>
+
+              <div className="pt-4 border-t border-gray-200 space-y-3">
+                {token ? (
+                  <button
+                    onClick={() => {
+                      navigate("/dashboard");
+                      closeMobileMenu();
+                    }}
+                    className="w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all"
+                  >
+                    Dashboard
+                  </button>
+                ) : (
+                  <>
                     <Link
-                      to="/contact"
+                      to="/login"
                       onClick={closeMobileMenu}
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                      className="block w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all text-center"
                     >
-                      Contact
+                      Sign In
                     </Link>
                     <Link
-                      to="/about"
+                      to="/register"
                       onClick={closeMobileMenu}
-                      className="block text-emerald-500 font-medium py-3 px-4 rounded-lg bg-emerald-50"
+                      className="block w-full px-6 py-3 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 font-semibold shadow-lg transition-all text-center"
                     >
-                      About
+                      Get Started
                     </Link>
-      
-                    <div className="pt-4 border-t border-gray-200 space-y-3">
-                      {token ? (
-                        <button
-                          onClick={() => {
-                            navigate("/dashboard");
-                            closeMobileMenu();
-                          }}
-                          className="w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all"
-                        >
-                          Dashboard
-                        </button>
-                      ) : (
-                        <>
-                          <Link
-                            to="/login"
-                            onClick={closeMobileMenu}
-                            className="block w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all text-center"
-                          >
-                            Sign In
-                          </Link>
-                          <Link
-                            to="/register"
-                            onClick={closeMobileMenu}
-                            className="block w-full px-6 py-3 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 font-semibold shadow-lg transition-all text-center"
-                          >
-                            Get Started
-                          </Link>
-                        </>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              )}
-            </nav>
-    <div className="min-h-screen bg-gradient-to-b from-slate-900 via-purple-900 to-slate-900 text-white px-4 py-24">
-      <div className="max-w-5xl mx-auto bg-white/5 backdrop-blur-lg rounded-3xl p-6 md:p-12 border border-white/10">
-        <h1 className="text-3xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">
-          Privacy Policy
-        </h1>
-
-        <p className="text-gray-300 mb-8">
-          This Privacy Policy describes how{" "}
-          <span className="text-purple-400 font-semibold">Intervyo</span>
-          ("we", "our", or "us") collects, uses, stores, and protects your
-          personal information when you access or use our AI-powered interview
-          preparation platform.
-        </p>
+                  </>
+                )}
+              </div>
+            </div>
+          </div>
+        )}
+      </nav>
+      <div className="min-h-screen bg-gradient-to-b from-slate-900 via-purple-900 to-slate-900 text-white px-4 py-24">
+        <div className="max-w-5xl mx-auto bg-white/5 backdrop-blur-lg rounded-3xl p-6 md:p-12 border border-white/10">
+          <h1 className="text-3xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">
+            Privacy Policy
+          </h1>
 
-        {/* 1 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            1. Information We Collect
-          </h2>
-          <p className="text-gray-300 mb-4">
-            We collect information to provide, improve, and secure our services.
-            The types of information we may collect include:
+          <p className="text-gray-300 mb-8">
+            This Privacy Policy describes how{" "}
+            <span className="text-purple-400 font-semibold">Intervyo</span>
+            ("we", "our", or "us") collects, uses, stores, and protects your
+            personal information when you access or use our AI-powered interview
+            preparation platform.
           </p>
-          <ul className="list-disc list-inside space-y-2 text-gray-300">
-            <li>
-              <span className="text-white font-medium">
-                Personal Information:
-              </span>{" "}
-              Name, email address, profile details, authentication credentials.
-            </li>
-            <li>
-              <span className="text-white font-medium">Interview Data:</span>{" "}
-              Responses, transcripts, audio/video recordings (if enabled),
-              performance metrics, and AI-generated feedback.
-            </li>
-            <li>
-              <span className="text-white font-medium">Usage Information:</span>{" "}
-              Pages visited, features used, session duration, and interaction
-              logs.
-            </li>
-            <li>
-              <span className="text-white font-medium">
-                Device Information:
-              </span>{" "}
-              Browser type, operating system, IP address, and device
-              identifiers.
-            </li>
-          </ul>
-        </section>
 
-        {/* 2 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            2. How We Use Your Information
-          </h2>
-          <p className="text-gray-300 mb-4">
-            Your information is used strictly for legitimate business and
-            platform functionality purposes, including:
-          </p>
-          <ul className="list-disc list-inside space-y-2 text-gray-300">
-            <li>Providing AI-powered interview simulations</li>
-            <li>Generating performance analytics and improvement insights</li>
-            <li>Improving model accuracy and user experience</li>
-            <li>Managing subscriptions, authentication, and security</li>
-            <li>Communicating updates, alerts, and support responses</li>
-          </ul>
-        </section>
+          {/* 1 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              1. Information We Collect
+            </h2>
+            <p className="text-gray-300 mb-4">
+              We collect information to provide, improve, and secure our services.
+              The types of information we may collect include:
+            </p>
+            <ul className="list-disc list-inside space-y-2 text-gray-300">
+              <li>
+                <span className="text-white font-medium">
+                  Personal Information:
+                </span>{" "}
+                Name, email address, profile details, authentication credentials.
+              </li>
+              <li>
+                <span className="text-white font-medium">Interview Data:</span>{" "}
+                Responses, transcripts, audio/video recordings (if enabled),
+                performance metrics, and AI-generated feedback.
+              </li>
+              <li>
+                <span className="text-white font-medium">Usage Information:</span>{" "}
+                Pages visited, features used, session duration, and interaction
+                logs.
+              </li>
+              <li>
+                <span className="text-white font-medium">
+                  Device Information:
+                </span>{" "}
+                Browser type, operating system, IP address, and device
+                identifiers.
+              </li>
+            </ul>
+          </section>
 
-        {/* 3 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            3. AI & Automated Processing
-          </h2>
-          <p className="text-gray-300">
-            Intervyo uses artificial intelligence and machine learning models to
-            analyze interview responses and generate feedback. These processes
-            are automated and designed solely to assist learning and
-            preparation. AI outputs should not be considered professional hiring
-            advice.
-          </p>
-        </section>
+          {/* 2 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              2. How We Use Your Information
+            </h2>
+            <p className="text-gray-300 mb-4">
+              Your information is used strictly for legitimate business and
+              platform functionality purposes, including:
+            </p>
+            <ul className="list-disc list-inside space-y-2 text-gray-300">
+              <li>Providing AI-powered interview simulations</li>
+              <li>Generating performance analytics and improvement insights</li>
+              <li>Improving model accuracy and user experience</li>
+              <li>Managing subscriptions, authentication, and security</li>
+              <li>Communicating updates, alerts, and support responses</li>
+            </ul>
+          </section>
 
-        {/* 4 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            4. Data Storage & Security
-          </h2>
-          <p className="text-gray-300 mb-4">
-            We implement industry-standard technical and organizational security
-            measures to protect your data, including encryption, access control,
-            and secure cloud infrastructure.
-          </p>
-          <p className="text-gray-300">
-            However, no system is completely secure. By using Intervyo, you
-            acknowledge and accept this risk.
-          </p>
-        </section>
+          {/* 3 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              3. AI & Automated Processing
+            </h2>
+            <p className="text-gray-300">
+              Intervyo uses artificial intelligence and machine learning models to
+              analyze interview responses and generate feedback. These processes
+              are automated and designed solely to assist learning and
+              preparation. AI outputs should not be considered professional hiring
+              advice.
+            </p>
+          </section>
 
-        {/* 5 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            5. Data Retention
-          </h2>
-          <p className="text-gray-300">
-            We retain your data only for as long as necessary to provide
-            services, comply with legal obligations, resolve disputes, and
-            enforce policies. You may request deletion of your data at any time.
-          </p>
-        </section>
+          {/* 4 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              4. Data Storage & Security
+            </h2>
+            <p className="text-gray-300 mb-4">
+              We implement industry-standard technical and organizational security
+              measures to protect your data, including encryption, access control,
+              and secure cloud infrastructure.
+            </p>
+            <p className="text-gray-300">
+              However, no system is completely secure. By using Intervyo, you
+              acknowledge and accept this risk.
+            </p>
+          </section>
 
-        {/* 6 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            6. Third-Party Services
-          </h2>
-          <p className="text-gray-300 mb-4">
-            We may integrate trusted third-party services for:
-          </p>
-          <ul className="list-disc list-inside space-y-2 text-gray-300">
-            <li>Cloud hosting and storage</li>
-            <li>Analytics and performance monitoring</li>
-            <li>Authentication and security</li>
-            <li>AI inference and processing</li>
-          </ul>
-          <p className="text-gray-300 mt-3">
-            These providers are contractually obligated to protect your data.
-          </p>
-        </section>
+          {/* 5 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              5. Data Retention
+            </h2>
+            <p className="text-gray-300">
+              We retain your data only for as long as necessary to provide
+              services, comply with legal obligations, resolve disputes, and
+              enforce policies. You may request deletion of your data at any time.
+            </p>
+          </section>
 
-        {/* 7 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            7. Cookies & Tracking
-          </h2>
-          <p className="text-gray-300">
-            Intervyo may use cookies or similar technologies to maintain
-            sessions, enhance user experience, and analyze platform usage. You
-            can control cookie settings through your browser.
-          </p>
-        </section>
+          {/* 6 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              6. Third-Party Services
+            </h2>
+            <p className="text-gray-300 mb-4">
+              We may integrate trusted third-party services for:
+            </p>
+            <ul className="list-disc list-inside space-y-2 text-gray-300">
+              <li>Cloud hosting and storage</li>
+              <li>Analytics and performance monitoring</li>
+              <li>Authentication and security</li>
+              <li>AI inference and processing</li>
+            </ul>
+            <p className="text-gray-300 mt-3">
+              These providers are contractually obligated to protect your data.
+            </p>
+          </section>
 
-        {/* 8 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            8. User Rights
-          </h2>
-          <p className="text-gray-300 mb-4">
-            Depending on your jurisdiction, you may have the right to:
-          </p>
-          <ul className="list-disc list-inside space-y-2 text-gray-300">
-            <li>Access your personal data</li>
-            <li>Correct inaccurate information</li>
-            <li>Request deletion of your data</li>
-            <li>Withdraw consent for data processing</li>
-          </ul>
-        </section>
+          {/* 7 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              7. Cookies & Tracking
+            </h2>
+            <p className="text-gray-300">
+              Intervyo may use cookies or similar technologies to maintain
+              sessions, enhance user experience, and analyze platform usage. You
+              can control cookie settings through your browser.
+            </p>
+          </section>
 
-        {/* 9 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            9. Children’s Privacy
-          </h2>
-          <p className="text-gray-300">
-            Intervyo is not intended for children under the age of 13. We do not
-            knowingly collect personal information from minors.
-          </p>
-        </section>
+          {/* 8 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              8. User Rights
+            </h2>
+            <p className="text-gray-300 mb-4">
+              Depending on your jurisdiction, you may have the right to:
+            </p>
+            <ul className="list-disc list-inside space-y-2 text-gray-300">
+              <li>Access your personal data</li>
+              <li>Correct inaccurate information</li>
+              <li>Request deletion of your data</li>
+              <li>Withdraw consent for data processing</li>
+            </ul>
+          </section>
 
-        {/* 10 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            10. Changes to This Policy
-          </h2>
-          <p className="text-gray-300">
-            We may update this Privacy Policy from time to time. Changes will be
-            posted on this page with an updated revision date.
-          </p>
-        </section>
+          {/* 9 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              9. Children’s Privacy
+            </h2>
+            <p className="text-gray-300">
+              Intervyo is not intended for children under the age of 13. We do not
+              knowingly collect personal information from minors.
+            </p>
+          </section>
 
-        {/* 11 */}
-        <section>
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            11. Contact Information
-          </h2>
-          <p className="text-gray-300">
-            If you have any questions or concerns regarding this Privacy Policy,
-            please contact us at:
-          </p>
-          <p className="text-purple-400 font-medium mt-2">
-            support@intervyo.ai
-          </p>
-        </section>
+          {/* 10 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              10. Changes to This Policy
+            </h2>
+            <p className="text-gray-300">
+              We may update this Privacy Policy from time to time. Changes will be
+              posted on this page with an updated revision date.
+            </p>
+          </section>
 
-        <p className="text-xs text-gray-400 mt-12">
-          Last updated: 7 January 2026
-        </p>
+          {/* 11 */}
+          <section>
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              11. Contact Information
+            </h2>
+            <p className="text-gray-300">
+              If you have any questions or concerns regarding this Privacy Policy,
+              please contact us at:
+            </p>
+            <p className="text-purple-400 font-medium mt-2">
+              support@intervyo.ai
+            </p>
+          </section>
+
+          <p className="text-xs text-gray-400 mt-12">
+            Last updated: 7 January 2026
+          </p>
+        </div>
       </div>
-    </div>
     </>
   );
 }
diff --git a/Frontend/src/pages/Results.jsx b/Frontend/src/pages/Results.jsx
index 19e27e55..5b37414e 100644
--- a/Frontend/src/pages/Results.jsx
+++ b/Frontend/src/pages/Results.jsx
@@ -221,8 +221,8 @@ const Results = () => {
               (session?.communicationScore ||
                 feedback?.communicationScore ||
                 0) *
-                10 -
-                5,
+              10 -
+              5,
             ),
             confidence:
               (session?.communicationScore ||
@@ -243,16 +243,16 @@ const Results = () => {
               (session?.problemSolvingScore ||
                 feedback?.problemSolvingScore ||
                 0) *
-                10 +
-                5,
+              10 +
+              5,
             ),
             efficiency: Math.max(
               0,
               (session?.problemSolvingScore ||
                 feedback?.problemSolvingScore ||
                 0) *
-                10 -
-                3,
+              10 -
+              3,
             ),
           },
         },
@@ -269,18 +269,18 @@ const Results = () => {
             feedback?.areasOfConcern || session?.feedback?.areasOfConcern || [],
           technicalAnalysis: feedback?.technicalAnalysis ||
             session?.feedback?.technicalAnalysis || {
-              coreConcepts: "Not available",
-              problemSolvingApproach: "Not available",
-              codeQuality: "Not available",
-              bestPractices: "Not available",
-            },
+            coreConcepts: "Not available",
+            problemSolvingApproach: "Not available",
+            codeQuality: "Not available",
+            bestPractices: "Not available",
+          },
           behavioralAnalysis: feedback?.behavioralAnalysis ||
             session?.feedback?.behavioralAnalysis || {
-              communication: "Not available",
-              confidence: "Not available",
-              professionalism: "Not available",
-              adaptability: "Not available",
-            },
+            communication: "Not available",
+            confidence: "Not available",
+            professionalism: "Not available",
+            adaptability: "Not available",
+          },
         },
 
         improvementPlan: {
@@ -530,7 +530,7 @@ const Results = () => {
   ];
 
   return (
-    <div className="results-container min-h-screen bg-gradient-to-br from-gray-50 to-blue-50 p-4">
+    <div className="results-container min-h-screen bg-gradient-to-br from-gray-50 to-blue-50 p-4 pt-32">
       {/* Confetti Effect */}
       {showConfetti && (
         <div className="fixed inset-0 pointer-events-none z-50">
@@ -557,9 +557,8 @@ const Results = () => {
         >
           <div className="text-center">
             <div
-              className={`inline-flex items-center justify-center w-32 h-32 rounded-full mb-4 ${
-                summary.passed ? "bg-green-100" : "bg-yellow-100"
-              }`}
+              className={`inline-flex items-center justify-center w-32 h-32 rounded-full mb-4 ${summary.passed ? "bg-green-100" : "bg-yellow-100"
+                }`}
             >
               <span className="text-4xl font-bold">
                 {summary.overallScore || 0}
@@ -603,11 +602,10 @@ const Results = () => {
               <button
                 key={tab.id}
                 onClick={() => setActiveTab(tab.id)}
-                className={`flex items-center gap-2 px-4 py-2 rounded-lg transition-colors whitespace-nowrap ${
-                  activeTab === tab.id
+                className={`flex items-center gap-2 px-4 py-2 rounded-lg transition-colors whitespace-nowrap ${activeTab === tab.id
                     ? "bg-blue-600 text-white"
                     : "text-gray-600 hover:bg-gray-100"
-                }`}
+                  }`}
               >
                 <Icon className="w-4 h-4" />
                 <span className="text-sm font-medium">{tab.label}</span>
diff --git a/Frontend/src/pages/Terms.jsx b/Frontend/src/pages/Terms.jsx
index 5f336f88..a921ecf9 100644
--- a/Frontend/src/pages/Terms.jsx
+++ b/Frontend/src/pages/Terms.jsx
@@ -14,398 +14,398 @@ export default function TermsAndConditions() {
   };
 
   return (
-    <>  
+    <>
       {/* Navbar */}
-            <nav className="fixed top-6 left-1/2 transform -translate-x-1/2 w-[95%] max-w-7xl bg-white/95 backdrop-blur-md rounded-full shadow-lg z-50 border border-gray-200">
-              <div className="px-4 md:px-8 py-4 flex items-center justify-between">
-                <Link to="/" className="text-xl md:text-2xl font-bold">
-                  <span className="text-gray-900">Interv</span>
-                  <span className="text-emerald-500">yo</span>
+      <nav className="fixed top-6 left-1/2 transform -translate-x-1/2 w-[95%] max-w-7xl bg-white/95 backdrop-blur-md rounded-full shadow-lg z-50 border border-gray-200">
+        <div className="px-4 md:px-8 py-4 flex items-center justify-between">
+          <Link to="/" className="text-xl md:text-2xl font-bold">
+            <span className="text-gray-900">Interv</span>
+            <span className="text-emerald-500">yo</span>
+          </Link>
+
+          {/* Desktop Navigation */}
+          <div className="hidden lg:flex items-center gap-8">
+            <a
+              href="/#features"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
+            >
+              Features
+            </a>
+            <Link
+              to="/about"
+              className="text-emerald-500 font-medium transition-colors"
+            >
+              About
+            </Link>
+            <a
+              href="/#how-it-works"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
+            >
+              How it Works
+            </a>
+            <a
+              href="/#pricing"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
+            >
+              Pricing
+            </a>
+            <a
+              href="/#faq"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
+            >
+              FAQ
+            </a>
+            <Link
+              to="/contact"
+              className="text-gray-600 hover:text-gray-900 font-medium transition-colors"
+            >
+              Contact
+            </Link>
+          </div>
+
+          {/* Desktop Buttons */}
+          <div className="hidden lg:flex items-center gap-4">
+            {token ? (
+              <button
+                onClick={() => navigate("/dashboard")}
+                className="px-6 py-2.5 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all"
+              >
+                Dashboard
+              </button>
+            ) : (
+              <>
+                <Link
+                  to="/login"
+                  className="px-4 py-2 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all text-sm"
+                >
+                  Sign In
                 </Link>
-      
-                {/* Desktop Navigation */}
-                <div className="hidden lg:flex items-center gap-8">
-                  <a
-                    href="/#features"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
-                  >
-                    Features
-                  </a>
-                  <Link
-                    to="/about"
-                    className="text-emerald-500 font-medium transition-colors"
-                  >
-                    About
-                  </Link>
-                  <a
-                    href="/#how-it-works"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
-                  >
-                    How it Works
-                  </a>
-                  <a
-                    href="/#pricing"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
-                  >
-                    Pricing
-                  </a>
-                  <a
-                    href="/#faq"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors cursor-pointer"
-                  >
-                    FAQ
-                  </a>
-                  <Link
-                    to="/contact"
-                    className="text-gray-600 hover:text-gray-900 font-medium transition-colors"
-                  >
-                    Contact
-                  </Link>
-                </div>
-      
-                {/* Desktop Buttons */}
-                <div className="hidden lg:flex items-center gap-4">
-                  {token ? (
-                    <button
-                      onClick={() => navigate("/dashboard")}
-                      className="px-6 py-2.5 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all"
-                    >
-                      Dashboard
-                    </button>
-                  ) : (
-                    <>
-                      <Link
-                        to="/login"
-                        className="px-4 py-2 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all text-sm"
-                      >
-                        Sign In
-                      </Link>
-                      <Link
-                        to="/register"
-                        className="px-4 py-2 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 font-semibold shadow-lg transition-all text-sm"
-                      >
-                        Get Started
-                      </Link>
-                    </>
-                  )}
-                </div>
-      
-                {/* Mobile Hamburger Button */}
-                <button
-                  onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
-                  className="lg:hidden p-2 text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
-                  aria-label="Toggle menu"
+                <Link
+                  to="/register"
+                  className="px-4 py-2 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 font-semibold shadow-lg transition-all text-sm"
                 >
-                  {mobileMenuOpen ? <X size={24} /> : <Menu size={24} />}
-                </button>
-              </div>
-      
-              {/* Mobile Menu */}
-              {mobileMenuOpen && (
-                <div className="lg:hidden absolute top-full left-0 right-0 mt-2 bg-white backdrop-blur-md rounded-2xl shadow-xl border border-gray-200 mx-2 overflow-hidden">
-                  <div className="p-6 space-y-4">
-                    <a
-                      href="/#features"
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
-                      onClick={closeMobileMenu}
-                    >
-                      Features
-                    </a>
-                    <a
-                      href="/#how-it-works"
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
-                      onClick={closeMobileMenu}
-                    >
-                      How it Works
-                    </a>
-                    <a
-                      href="/#pricing"
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
-                      onClick={closeMobileMenu}
-                    >
-                      Pricing
-                    </a>
-                    <a
-                      href="/#faq"
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
-                      onClick={closeMobileMenu}
-                    >
-                      FAQ
-                    </a>
+                  Get Started
+                </Link>
+              </>
+            )}
+          </div>
+
+          {/* Mobile Hamburger Button */}
+          <button
+            onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
+            className="lg:hidden p-2 text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
+            aria-label="Toggle menu"
+          >
+            {mobileMenuOpen ? <X size={24} /> : <Menu size={24} />}
+          </button>
+        </div>
+
+        {/* Mobile Menu */}
+        {mobileMenuOpen && (
+          <div className="lg:hidden absolute top-full left-0 right-0 mt-2 bg-white backdrop-blur-md rounded-2xl shadow-xl border border-gray-200 mx-2 overflow-hidden">
+            <div className="p-6 space-y-4">
+              <a
+                href="/#features"
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                onClick={closeMobileMenu}
+              >
+                Features
+              </a>
+              <a
+                href="/#how-it-works"
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                onClick={closeMobileMenu}
+              >
+                How it Works
+              </a>
+              <a
+                href="/#pricing"
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                onClick={closeMobileMenu}
+              >
+                Pricing
+              </a>
+              <a
+                href="/#faq"
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                onClick={closeMobileMenu}
+              >
+                FAQ
+              </a>
+              <Link
+                to="/contact"
+                onClick={closeMobileMenu}
+                className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+              >
+                Contact
+              </Link>
+              <Link
+                to="/about"
+                onClick={closeMobileMenu}
+                className="block text-emerald-500 font-medium py-3 px-4 rounded-lg bg-emerald-50"
+              >
+                About
+              </Link>
+
+              <div className="pt-4 border-t border-gray-200 space-y-3">
+                {token ? (
+                  <button
+                    onClick={() => {
+                      navigate("/dashboard");
+                      closeMobileMenu();
+                    }}
+                    className="w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all"
+                  >
+                    Dashboard
+                  </button>
+                ) : (
+                  <>
                     <Link
-                      to="/contact"
+                      to="/login"
                       onClick={closeMobileMenu}
-                      className="block text-gray-600 hover:text-gray-900 font-medium py-3 px-4 rounded-lg hover:bg-gray-50 transition-colors"
+                      className="block w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all text-center"
                     >
-                      Contact
+                      Sign In
                     </Link>
                     <Link
-                      to="/about"
+                      to="/register"
                       onClick={closeMobileMenu}
-                      className="block text-emerald-500 font-medium py-3 px-4 rounded-lg bg-emerald-50"
+                      className="block w-full px-6 py-3 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 font-semibold shadow-lg transition-all text-center"
                     >
-                      About
+                      Get Started
                     </Link>
-      
-                    <div className="pt-4 border-t border-gray-200 space-y-3">
-                      {token ? (
-                        <button
-                          onClick={() => {
-                            navigate("/dashboard");
-                            closeMobileMenu();
-                          }}
-                          className="w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all"
-                        >
-                          Dashboard
-                        </button>
-                      ) : (
-                        <>
-                          <Link
-                            to="/login"
-                            onClick={closeMobileMenu}
-                            className="block w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 font-semibold shadow-lg transition-all text-center"
-                          >
-                            Sign In
-                          </Link>
-                          <Link
-                            to="/register"
-                            onClick={closeMobileMenu}
-                            className="block w-full px-6 py-3 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 font-semibold shadow-lg transition-all text-center"
-                          >
-                            Get Started
-                          </Link>
-                        </>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              )}
-            </nav>
-    <div className="min-h-screen bg-gradient-to-b from-slate-900 via-purple-900 to-slate-900 text-white px-4 py-24">
-      <div className="max-w-5xl mx-auto bg-white/5 backdrop-blur-lg rounded-3xl p-6 md:p-12 border border-white/10">
-        <h1 className="text-3xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">
-          Terms & Conditions
-        </h1>
-
-        <p className="text-gray-300 mb-8">
-          These Terms & Conditions ("Terms") govern your access to and use of{" "}
-          <span className="text-purple-400 font-semibold">Intervyo</span>, an
-          AI-powered interview preparation platform. By accessing or using the
-          platform, you agree to be legally bound by these Terms.
-        </p>
+                  </>
+                )}
+              </div>
+            </div>
+          </div>
+        )}
+      </nav>
+      <div className="min-h-screen bg-gradient-to-b from-slate-900 via-purple-900 to-slate-900 text-white px-4 py-24">
+        <div className="max-w-5xl mx-auto bg-white/5 backdrop-blur-lg rounded-3xl p-6 md:p-12 border border-white/10">
+          <h1 className="text-3xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">
+            Terms & Conditions
+          </h1>
 
-        {/* 1 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            1. Acceptance of Terms
-          </h2>
-          <p className="text-gray-300">
-            By creating an account, accessing, or using Intervyo, you confirm
-            that you have read, understood, and agreed to these Terms. If you do
-            not agree, you must discontinue use of the platform immediately.
+          <p className="text-gray-300 mb-8">
+            These Terms & Conditions ("Terms") govern your access to and use of{" "}
+            <span className="text-purple-400 font-semibold">Intervyo</span>, an
+            AI-powered interview preparation platform. By accessing or using the
+            platform, you agree to be legally bound by these Terms.
           </p>
-        </section>
 
-        {/* 2 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            2. Description of Service
-          </h2>
-          <p className="text-gray-300">
-            Intervyo provides AI-powered mock interviews, analytics, feedback,
-            and learning tools designed to assist users in preparing for job
-            interviews. The platform is intended for educational and practice
-            purposes only.
-          </p>
-        </section>
+          {/* 1 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              1. Acceptance of Terms
+            </h2>
+            <p className="text-gray-300">
+              By creating an account, accessing, or using Intervyo, you confirm
+              that you have read, understood, and agreed to these Terms. If you do
+              not agree, you must discontinue use of the platform immediately.
+            </p>
+          </section>
 
-        {/* 3 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            3. Eligibility
-          </h2>
-          <p className="text-gray-300">
-            You must be at least 13 years old to use Intervyo. If you are under
-            18, you confirm that you have permission from a parent or legal
-            guardian. By using the platform, you represent that you meet these
-            requirements.
-          </p>
-        </section>
+          {/* 2 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              2. Description of Service
+            </h2>
+            <p className="text-gray-300">
+              Intervyo provides AI-powered mock interviews, analytics, feedback,
+              and learning tools designed to assist users in preparing for job
+              interviews. The platform is intended for educational and practice
+              purposes only.
+            </p>
+          </section>
 
-        {/* 4 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            4. User Accounts & Responsibilities
-          </h2>
-          <ul className="list-disc list-inside space-y-2 text-gray-300">
-            <li>
-              You are responsible for maintaining the confidentiality of your
-              account credentials.
-            </li>
-            <li>
-              You are responsible for all activities conducted under your
-              account.
-            </li>
-            <li>You agree to provide accurate and up-to-date information.</li>
-            <li>
-              You must notify us immediately of any unauthorized account use.
-            </li>
-          </ul>
-        </section>
+          {/* 3 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              3. Eligibility
+            </h2>
+            <p className="text-gray-300">
+              You must be at least 13 years old to use Intervyo. If you are under
+              18, you confirm that you have permission from a parent or legal
+              guardian. By using the platform, you represent that you meet these
+              requirements.
+            </p>
+          </section>
 
-        {/* 5 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            5. Acceptable Use Policy
-          </h2>
-          <p className="text-gray-300 mb-4">
-            You agree not to misuse Intervyo. Prohibited activities include, but
-            are not limited to:
-          </p>
-          <ul className="list-disc list-inside space-y-2 text-gray-300">
-            <li>Attempting to reverse-engineer or exploit AI models</li>
-            <li>Uploading malicious, harmful, or illegal content</li>
-            <li>Impersonating another individual or organization</li>
-            <li>Attempting to disrupt platform security or infrastructure</li>
-            <li>
-              Using the platform for cheating, fraud, or misrepresentation
-            </li>
-          </ul>
-        </section>
+          {/* 4 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              4. User Accounts & Responsibilities
+            </h2>
+            <ul className="list-disc list-inside space-y-2 text-gray-300">
+              <li>
+                You are responsible for maintaining the confidentiality of your
+                account credentials.
+              </li>
+              <li>
+                You are responsible for all activities conducted under your
+                account.
+              </li>
+              <li>You agree to provide accurate and up-to-date information.</li>
+              <li>
+                You must notify us immediately of any unauthorized account use.
+              </li>
+            </ul>
+          </section>
 
-        {/* 6 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            6. AI-Generated Content Disclaimer
-          </h2>
-          <p className="text-gray-300">
-            All interview feedback, analytics, and suggestions generated by
-            Intervyo are produced using artificial intelligence. These outputs
-            are informational only and should not be considered professional,
-            hiring, legal, or career advice. Intervyo does not guarantee job
-            offers, interview success, or employment outcomes.
-          </p>
-        </section>
+          {/* 5 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              5. Acceptable Use Policy
+            </h2>
+            <p className="text-gray-300 mb-4">
+              You agree not to misuse Intervyo. Prohibited activities include, but
+              are not limited to:
+            </p>
+            <ul className="list-disc list-inside space-y-2 text-gray-300">
+              <li>Attempting to reverse-engineer or exploit AI models</li>
+              <li>Uploading malicious, harmful, or illegal content</li>
+              <li>Impersonating another individual or organization</li>
+              <li>Attempting to disrupt platform security or infrastructure</li>
+              <li>
+                Using the platform for cheating, fraud, or misrepresentation
+              </li>
+            </ul>
+          </section>
 
-        {/* 7 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            7. Subscriptions, Payments & Billing
-          </h2>
-          <p className="text-gray-300 mb-4">
-            Certain features may require a paid subscription. By purchasing a
-            plan, you agree to the following:
-          </p>
-          <ul className="list-disc list-inside space-y-2 text-gray-300">
-            <li>Fees are billed as displayed at the time of purchase</li>
-            <li>Subscriptions may renew automatically unless cancelled</li>
-            <li>
-              Payments are generally non-refundable unless stated otherwise
-            </li>
-          </ul>
-        </section>
+          {/* 6 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              6. AI-Generated Content Disclaimer
+            </h2>
+            <p className="text-gray-300">
+              All interview feedback, analytics, and suggestions generated by
+              Intervyo are produced using artificial intelligence. These outputs
+              are informational only and should not be considered professional,
+              hiring, legal, or career advice. Intervyo does not guarantee job
+              offers, interview success, or employment outcomes.
+            </p>
+          </section>
 
-        {/* 8 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            8. Intellectual Property Rights
-          </h2>
-          <p className="text-gray-300">
-            All platform content, including but not limited to UI design, logos,
-            branding, AI models, text, graphics, and software, is the exclusive
-            property of Intervyo. You are granted a limited, non-transferable,
-            non-commercial license to use the platform.
-          </p>
-        </section>
+          {/* 7 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              7. Subscriptions, Payments & Billing
+            </h2>
+            <p className="text-gray-300 mb-4">
+              Certain features may require a paid subscription. By purchasing a
+              plan, you agree to the following:
+            </p>
+            <ul className="list-disc list-inside space-y-2 text-gray-300">
+              <li>Fees are billed as displayed at the time of purchase</li>
+              <li>Subscriptions may renew automatically unless cancelled</li>
+              <li>
+                Payments are generally non-refundable unless stated otherwise
+              </li>
+            </ul>
+          </section>
 
-        {/* 9 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            9. User-Generated Content
-          </h2>
-          <p className="text-gray-300">
-            You retain ownership of content you submit. By using Intervyo, you
-            grant us a limited license to store, process, and analyze this
-            content solely for providing platform functionality.
-          </p>
-        </section>
+          {/* 8 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              8. Intellectual Property Rights
+            </h2>
+            <p className="text-gray-300">
+              All platform content, including but not limited to UI design, logos,
+              branding, AI models, text, graphics, and software, is the exclusive
+              property of Intervyo. You are granted a limited, non-transferable,
+              non-commercial license to use the platform.
+            </p>
+          </section>
 
-        {/* 10 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            10. Suspension & Termination
-          </h2>
-          <p className="text-gray-300">
-            We reserve the right to suspend or terminate accounts that violate
-            these Terms, misuse the platform, or pose security or legal risks,
-            without prior notice.
-          </p>
-        </section>
+          {/* 9 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              9. User-Generated Content
+            </h2>
+            <p className="text-gray-300">
+              You retain ownership of content you submit. By using Intervyo, you
+              grant us a limited license to store, process, and analyze this
+              content solely for providing platform functionality.
+            </p>
+          </section>
 
-        {/* 11 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            11. Limitation of Liability
-          </h2>
-          <p className="text-gray-300">
-            To the maximum extent permitted by law, Intervyo shall not be liable
-            for any indirect, incidental, or consequential damages arising from
-            your use of the platform, including loss of opportunities or data.
-          </p>
-        </section>
+          {/* 10 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              10. Suspension & Termination
+            </h2>
+            <p className="text-gray-300">
+              We reserve the right to suspend or terminate accounts that violate
+              these Terms, misuse the platform, or pose security or legal risks,
+              without prior notice.
+            </p>
+          </section>
 
-        {/* 12 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            12. Indemnification
-          </h2>
-          <p className="text-gray-300">
-            You agree to indemnify and hold harmless Intervyo from any claims,
-            damages, or liabilities arising from your violation of these Terms
-            or misuse of the platform.
-          </p>
-        </section>
+          {/* 11 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              11. Limitation of Liability
+            </h2>
+            <p className="text-gray-300">
+              To the maximum extent permitted by law, Intervyo shall not be liable
+              for any indirect, incidental, or consequential damages arising from
+              your use of the platform, including loss of opportunities or data.
+            </p>
+          </section>
 
-        {/* 13 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            13. Modifications to the Terms
-          </h2>
-          <p className="text-gray-300">
-            We may update these Terms at any time. Continued use of Intervyo
-            after updates constitutes acceptance of the revised Terms.
-          </p>
-        </section>
+          {/* 12 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              12. Indemnification
+            </h2>
+            <p className="text-gray-300">
+              You agree to indemnify and hold harmless Intervyo from any claims,
+              damages, or liabilities arising from your violation of these Terms
+              or misuse of the platform.
+            </p>
+          </section>
 
-        {/* 14 */}
-        <section className="mb-10">
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            14. Governing Law
-          </h2>
-          <p className="text-gray-300">
-            These Terms shall be governed and interpreted in accordance with
-            applicable local laws, without regard to conflict of law principles.
-          </p>
-        </section>
+          {/* 13 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              13. Modifications to the Terms
+            </h2>
+            <p className="text-gray-300">
+              We may update these Terms at any time. Continued use of Intervyo
+              after updates constitutes acceptance of the revised Terms.
+            </p>
+          </section>
 
-        {/* 15 */}
-        <section>
-          <h2 className="text-2xl font-semibold mb-3 text-purple-300">
-            15. Contact Information
-          </h2>
-          <p className="text-gray-300">
-            If you have questions regarding these Terms, contact us at:
-          </p>
-          <p className="text-purple-400 font-medium mt-2">
-            support@intervyo.ai
-          </p>
-        </section>
+          {/* 14 */}
+          <section className="mb-10">
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              14. Governing Law
+            </h2>
+            <p className="text-gray-300">
+              These Terms shall be governed and interpreted in accordance with
+              applicable local laws, without regard to conflict of law principles.
+            </p>
+          </section>
 
-        <p className="text-xs text-gray-400 mt-12">
-          Last updated: 7 January 2026
-        </p>
+          {/* 15 */}
+          <section>
+            <h2 className="text-2xl font-semibold mb-3 text-purple-300">
+              15. Contact Information
+            </h2>
+            <p className="text-gray-300">
+              If you have questions regarding these Terms, contact us at:
+            </p>
+            <p className="text-purple-400 font-medium mt-2">
+              support@intervyo.ai
+            </p>
+          </section>
+
+          <p className="text-xs text-gray-400 mt-12">
+            Last updated: 7 January 2026
+          </p>
+        </div>
       </div>
-    </div>
     </>
   );
 }