diff --git a/pages/login.js b/pages/login.js
index 83db660..756822b 100644
--- a/pages/login.js
+++ b/pages/login.js
@@ -79,13 +79,7 @@ export default function Login() {
             </div>
           </div>
 
-          <div 
-            className="p-8 rounded-2xl shadow-2xl backdrop-blur-sm border border-opacity-20" 
-            style={{ 
-              backgroundColor: 'rgba(var(--bg-secondary-rgb), 0.85)',
-              borderColor: 'var(--border)'
-            }}
-          >
+          <div className="glass-panel-strong rounded-2xl p-8">
             <form onSubmit={handleSubmit} className="space-y-6">
               {error && (
                 <div className="p-4 rounded-lg bg-red-500 bg-opacity-10 border border-red-500 border-opacity-20 backdrop-blur-sm">
diff --git a/pages/signup.js b/pages/signup.js
index 4b28ba6..d44038a 100644
--- a/pages/signup.js
+++ b/pages/signup.js
@@ -224,13 +224,7 @@ export default function Signup() {
             </div>
           </div>
 
-          <div 
-            className="p-8 rounded-2xl shadow-2xl backdrop-blur-sm border border-opacity-20" 
-            style={{ 
-              backgroundColor: 'rgba(var(--bg-secondary-rgb), 0.85)',
-              borderColor: 'var(--border)'
-            }}
-          >
+          <div className="glass-panel-strong rounded-2xl p-8">
             <form onSubmit={handleSubmit} className="space-y-6">
               {error && (
                 <div className="p-4 rounded-lg bg-red-500 bg-opacity-10 border border-red-500 border-opacity-20 backdrop-blur-sm">