diff --git a/Register.css b/Register.css
index f4cc644..1cc2bde 100644
--- a/Register.css
+++ b/Register.css
@@ -6,7 +6,7 @@
 
 body {
     font-family: 'Arial', sans-serif;
-    background: linear-gradient(135deg, #1a0033 0%, #0d001a 100%);
+    background: radial-gradient(circle at 20% 20%, #3b0066, #0c001a 70%);
     min-height: 100vh;
     display: flex;
     justify-content: center;
@@ -15,6 +15,7 @@ body {
     position: relative;
 }
 
+/* Neon Particles */
 #particles {
     position: fixed;
     top: 0;
@@ -26,40 +27,45 @@ body {
 
 .particle {
     position: absolute;
-    width: 4px;
-    height: 4px;
+    width: 5px;
+    height: 5px;
     border-radius: 50%;
+    background: radial-gradient(circle, #00ffff, #0099ff);
+    box-shadow: 0 0 10px #00eaff, 0 0 25px #0088ff;
     pointer-events: none;
 }
 
 .container {
     position: relative;
     z-index: 2;
-    background: rgba(30, 0, 50, 0.6);
-    backdrop-filter: blur(10px);
-    border: 2px solid rgba(0, 217, 255, 0.3);
+    background: rgba(20, 0, 40, 0.65);
     border-radius: 20px;
     padding: 50px 40px;
     width: 90%;
-    max-width: 400px;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5),
-                0 0 40px rgba(0, 217, 255, 0.3),
-                inset 0 0 30px rgba(0, 217, 255, 0.1);
-    animation: glowBorder 3s ease-in-out infinite;
+    max-width: 420px;
+
+    border: 2px solid rgba(0, 255, 255, 0.4);
+    box-shadow: 
+        0 0 25px rgba(0, 255, 255, 0.4),
+        0 0 60px rgba(255, 0, 255, 0.25),
+        inset 0 0 40px rgba(0, 255, 255, 0.2);
+    animation: scanGlow 4s ease-in-out infinite alternate;
 }
 
-@keyframes glowBorder {
-    0%, 100% {
-        border-color: rgba(0, 217, 255, 0.4);
-        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5),
-                    0 0 40px rgba(0, 217, 255, 0.3),
-                    inset 0 0 30px rgba(0, 217, 255, 0.1);
+@keyframes scanGlow {
+    0% {
+        border-color: #00eaff;
+        box-shadow: 
+            0 0 20px rgba(0, 255, 255, 0.3),
+            0 0 40px rgba(0, 255, 255, 0.2),
+            inset 0 0 25px rgba(0, 255, 255, 0.1);
     }
-    50% {
-        border-color: rgba(255, 0, 255, 0.5);
-        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5),
-                    0 0 50px rgba(255, 0, 255, 0.4),
-                    inset 0 0 40px rgba(255, 0, 255, 0.15);
+    100% {
+        border-color: #ff00ff;
+        box-shadow:
+            0 0 30px rgba(255, 0, 255, 0.4),
+            0 0 70px rgba(255, 0, 255, 0.3),
+            inset 0 0 35px rgba(255, 0, 255, 0.2);
     }
 }
 
@@ -82,45 +88,51 @@ h1 {
 
 input {
     width: 100%;
-    padding: 15px 20px;
-    background: rgba(50, 50, 70, 0.5);
-    border: 2px solid rgba(100, 100, 120, 0.3);
-    border-radius: 10px;
-    color: #fff;
+    padding: 16px 20px;
+    background: rgba(30, 0, 50, 0.65);
+    border: 2px solid rgba(0, 175, 255, 0.3);
+    border-radius: 12px;
+    color: #e1e8ff;
     font-size: 16px;
-    transition: all 0.3s ease;
+    transition: 0.3s ease;
     outline: none;
 }
 
 input:focus {
-    border-color: #00d9ff;
-    box-shadow: 0 0 20px rgba(0, 217, 255, 0.3);
+    border-color: #00eaff;
+    box-shadow: 0 0 20px #00cfff;
 }
 
 input::placeholder {
-    color: rgba(255, 255, 255, 0.5);
+    color: rgba(200, 200, 255, 0.5);
 }
 
 .btn {
     width: 100%;
     padding: 15px;
     margin-top: 10px;
-    background: linear-gradient(90deg, #00d9ff 0%, #ff00ff 100%);
+
+    background: linear-gradient(90deg, #00eaff, #ff00ff);
     border: none;
-    border-radius: 10px;
+    border-radius: 12px;
+
     color: #fff;
-    font-size: 18px;
     font-weight: bold;
     text-transform: uppercase;
+    font-size: 18px;
+
     letter-spacing: 2px;
     cursor: pointer;
-    transition: all 0.3s ease;
+
     box-shadow: 0 5px 25px rgba(0, 217, 255, 0.4);
+    transition: all 0.25s ease;
 }
 
 .btn:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 8px 35px rgba(0, 217, 255, 0.6);
+    transform: translateY(-3px);
+    box-shadow: 
+        0 8px 35px rgba(0, 217, 255, 0.7),
+        0 0 20px rgba(255, 0, 255, 0.6);
 }
 
 .btn:active {
@@ -129,37 +141,31 @@ input::placeholder {
 
 .register-link {
     text-align: center;
-    margin-top: 40px;   
-    padding-bottom: 10px; 
-    color: rgba(255, 255, 255, 0.7);
+    margin-top: 25px;
+    color: rgba(255, 255, 255, 0.75);
     font-size: 14px;
 }
 
-
-.login-link a {
-    color: #00d9ff;
-    text-decoration: none;
+.register-link a {
+    color: #00eaff;
     font-weight: bold;
-    transition: all 0.3s ease;
+    text-decoration: none;
+    transition: 0.3s ease;
 }
 
-.login-link a:hover {
+.register-link a:hover {
     color: #ff00ff;
-    text-shadow: 0 0 10px rgba(0, 217, 255, 0.5);
+    text-shadow: 0 0 10px #00ddff;
 }
 
-/* Custom Modal Styles */
+/* Modal */
 .modal {
     display: none;
     position: fixed;
-    z-index: 1000;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.7);
-    backdrop-filter: blur(5px);
-    animation: fadeIn 0.3s ease;
+    z-index: 999;
+    inset: 0;
+    background-color: rgba(0, 0, 0, 0.75);
+    backdrop-filter: blur(8px);
 }
 
 .modal.show {
@@ -169,202 +175,93 @@ input::placeholder {
 }
 
 .modal-content {
-    background: linear-gradient(135deg, rgba(30, 0, 50, 0.95) 0%, rgba(50, 0, 80, 0.95) 100%);
-    border: 2px solid rgba(255, 255, 255, 0.1);
+    background: rgba(20, 0, 40, 0.95);
     border-radius: 20px;
-    padding: 40px 30px;
-    text-align: center;
-    max-width: 400px;
+    border: 2px solid rgba(0, 255, 255, 0.4);
+    padding: 35px 25px;
     width: 90%;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
-    animation: slideIn 0.3s ease;
+    max-width: 400px;
+
+    box-shadow:
+        0 0 30px #00eaff,
+        0 0 60px #ff00ff;
 }
 
 .modal-icon {
     width: 80px;
     height: 80px;
-    margin: 0 auto 20px;
+    margin: 0 auto 15px;
     border-radius: 50%;
+
     display: flex;
     justify-content: center;
     align-items: center;
-    font-size: 40px;
+    font-size: 38px;
+    color: white;
 }
 
 .modal-icon.success {
-    background: linear-gradient(135deg, #00d9ff 0%, #00ff88 100%);
-    box-shadow: 0 0 30px rgba(0, 217, 255, 0.6);
-}
-
-.modal-icon.success::before {
-    content: "✓";
-    color: #fff;
+    background: linear-gradient(135deg, #00eaff, #00ff88);
+    box-shadow: 0 0 25px #00ffcc;
 }
 
 .modal-icon.error {
-    background: linear-gradient(135deg, #ff0080 0%, #ff00ff 100%);
-    box-shadow: 0 0 30px rgba(255, 0, 128, 0.6);
-}
-
-.modal-icon.error::before {
-    content: "✕";
-    color: #fff;
+    background: linear-gradient(135deg, #ff0066, #ff00ff);
+    box-shadow: 0 0 25px #ff00aa;
 }
 
 .modal-content h2 {
-    color: #fff;
-    font-size: 1.8rem;
-    margin-bottom: 15px;
-    background: linear-gradient(90deg, #00d9ff 0%, #ff00ff 100%);
+    font-size: 1.7rem;
+    margin-bottom: 10px;
+
+    background: linear-gradient(90deg, #00eaff, #ff00ff);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
-    background-clip: text;
 }
 
 .modal-content p {
-    color: rgba(255, 255, 255, 0.8);
-    font-size: 1rem;
-    margin-bottom: 30px;
+    color: rgba(240, 240, 255, 0.8);
+    margin-bottom: 25px;
     line-height: 1.5;
 }
 
 .modal-btn {
-    padding: 12px 50px;
-    background: linear-gradient(90deg, #00d9ff 0%, #ff00ff 100%);
+    padding: 12px 55px;
+    background: linear-gradient(90deg, #00eaff, #ff00ff);
     border: none;
     border-radius: 10px;
-    color: #fff;
+
+    color: white;
     font-size: 16px;
     font-weight: bold;
-    text-transform: uppercase;
-    letter-spacing: 2px;
+
     cursor: pointer;
-    transition: all 0.3s ease;
-    box-shadow: 0 5px 25px rgba(0, 217, 255, 0.4);
+    box-shadow: 0 0 20px #00d9ff;
+    transition: 0.3s ease;
 }
 
 .modal-btn:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 8px 35px rgba(0, 217, 255, 0.6);
+    transform: translateY(-3px);
+    box-shadow: 0 0 30px #00eaff;
 }
 
-.modal-btn:active {
-    transform: translateY(0);
-}
-
-@keyframes fadeIn {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
-
-@keyframes slideIn {
-    from {
-        transform: translateY(-50px);
-        opacity: 0;
-    }
-    to {
-        transform: translateY(0);
-        opacity: 1;
-    }
-}
-
-@media (max-width: 768px) {
+/* Responsive */
+@media (max-width: 480px) {
     .container {
-        padding: 40px 30px;
-        width: 95%;
+        padding: 30px 25px;
     }
 
     h1 {
-        font-size: 1.6rem;
-        letter-spacing: 2px;
-        margin-bottom: 30px;
+        font-size: 1.8rem;
     }
 
     input {
-        padding: 12px 16px;
+        padding: 13px 15px;
         font-size: 15px;
     }
 
     .btn {
         padding: 13px;
         font-size: 16px;
-        letter-spacing: 1.5px;
-    }
-
-    .register-link {
-        font-size: 13px;
-    }
-
-    .modal-content {
-        padding: 30px 25px;
-    }
-
-    .modal-content h2 {
-        font-size: 1.5rem;
     }
 }
-
-@media (max-width: 480px) {
-    .container {
-        padding: 30px 20px;
-    }
-
-    h1 {
-        font-size: 1.4rem;
-        letter-spacing: 1.5px;
-        margin-bottom: 25px;
-    }
-
-    input {
-        padding: 10px 14px;
-        font-size: 14px;
-    }
-
-    .btn {
-        padding: 12px;
-        font-size: 15px;
-        letter-spacing: 1px;
-    }
-
-    .register-link {
-        font-size: 12px;
-        margin-top: 20px;
-    }
-
-    .modal-icon {
-        width: 60px;
-        height: 60px;
-        font-size: 30px;
-    }
-
-    .modal-content h2 {
-        font-size: 1.3rem;
-    }
-
-    .modal-content p {
-        font-size: 0.9rem;
-    }
-}
-
-@media (max-width: 360px) {
-    .container {
-        padding: 25px 15px;
-    }
-
-    h1 {
-        font-size: 1.2rem;
-    }
-
-    input {
-        padding: 10px 12px;
-        font-size: 13px;
-    }
-
-    .btn {
-        font-size: 14px;
-    }
-}
\ No newline at end of file
diff --git a/Register.html b/Register.html
index fca0bcc..62626e2 100644
--- a/Register.html
+++ b/Register.html
@@ -10,7 +10,7 @@
     <div id="particles"></div>
 
     <div class="container">
-      <h1>Register</h1>
+      <h1>REGISTER</h1>
 
       <form id="registerForm">
         <div class="input-group">