diff --git a/assets/css/custom.css b/assets/css/custom.css
new file mode 100644
index 0000000..7ab84b4
--- /dev/null
+++ b/assets/css/custom.css
@@ -0,0 +1,9 @@
+body {
+    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+.hero {
+    background: linear-gradient(45deg, #0D6EFD, #549BFF);
+    color: white;
+    padding: 100px 0;
+}
diff --git a/assets/js/main.js b/assets/js/main.js
new file mode 100644
index 0000000..e7d45de
--- /dev/null
+++ b/assets/js/main.js
@@ -0,0 +1,13 @@
+
+document.addEventListener('DOMContentLoaded', function () {
+    const loginForm = document.getElementById('loginForm');
+    if(loginForm) {
+        loginForm.addEventListener('submit', function (event) {
+            if (!loginForm.checkValidity()) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+            loginForm.classList.add('was-validated');
+        });
+    }
+});