...

src/components/Navigation.jsx

@@ -15,7 +15,7 @@ function Navigation() {
   }
 
   return (
-    <nav className="fixed top-0 w-full bg-white/90 dark:bg-slate-900/90 backdrop-blur-md border-b border-slate-200 dark:border-slate-800 z-50">
+    <nav className="fixed top-0 w-full bg-white dark:bg-slate-900/90 border-b border-slate-200 dark:border-slate-800 z-50">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="flex justify-between items-center h-16">
           <Link to="/" className="flex items-center space-x-2">

src/components/RegisterPage.jsx

@@ -292,7 +292,7 @@ function RegisterPage() {
       </section>
 
       {/* Frequently Asked Questions */}
-      <section className="py-16 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-blue-50 to-purple-50 dark:from-blue-950 dark:to-purple-950">
+      <section className="py-16 px-4 sm:px-6 lg:px-8 bg-background dark:from-blue-950 dark:to-purple-950">
         <div className="max-w-4xl mx-auto">
           <div className="text-center space-y-8 mb-12">
             <h2 className="text-3xl md:text-4xl font-bold text-foreground">Common Questions</h2>

src/styles/App.css

@@ -74,7 +74,7 @@
   --sidebar-ring: oklch(0.708 0 0);
 }
 
-.dark {
+html[data-theme='dark'] {
   --background: oklch(0.145 0 0);
   --foreground: oklch(0.985 0 0);
   --card: oklch(0.205 0 0);