diff --git a/portal/templates/auth/login.html b/portal/templates/auth/login.html
index 2ff5788..2fea357 100644
--- a/portal/templates/auth/login.html
+++ b/portal/templates/auth/login.html
@@ -45,7 +45,7 @@
     </div>
 
     <!-- Step 2: OTP Code -->
-    <div id="step-code" class="hidden bg-[#0d1f3c] border border-white/[0.08] rounded-xl p-8">
+    <div id="step-code" style="display:none" class="bg-[#0d1f3c] border border-white/[0.08] rounded-xl p-8">
       <h2 class="text-xl font-semibold text-white mb-2">Enter your code</h2>
       <p class="text-[#94a3b8] text-sm mb-6">
         We sent a 6-digit code to <span id="sent-email" class="text-white font-medium"></span>
@@ -115,8 +115,8 @@
 
         // Show code step
         document.getElementById('sent-email').textContent = currentEmail;
-        document.getElementById('step-email').classList.add('hidden');
-        document.getElementById('step-code').classList.remove('hidden');
+        document.getElementById('step-email').style.display='none';
+        document.getElementById('step-code').style.display='block';
         document.getElementById('code').focus();
       } catch (err) {
         errorEl.textContent = err.message;
@@ -164,8 +164,8 @@
 
     // Back button
     document.getElementById('backBtn').addEventListener('click', () => {
-      document.getElementById('step-code').classList.add('hidden');
-      document.getElementById('step-email').classList.remove('hidden');
+      document.getElementById('step-code').style.display='none';
+      document.getElementById('step-email').style.display='block';
       document.getElementById('code').value = '';
       document.getElementById('error-code').classList.add('hidden');
       document.getElementById('email').focus();