diff --git a/luser/templates/changepassword.html b/luser/templates/changepassword.html
index 0be8445..4b71a89 100644
--- a/luser/templates/changepassword.html
+++ b/luser/templates/changepassword.html
@@ -4,67 +4,9 @@
-
-
-
+
User password change in LDAP system
-
-
diff --git a/luser/templates/register.html b/luser/templates/register.html
index ebe8cde..95e7b6c 100644
--- a/luser/templates/register.html
+++ b/luser/templates/register.html
@@ -5,86 +5,8 @@
+
User registration to LDAP system
-
-
diff --git a/luser/templates/styles/main.css b/luser/templates/styles/main.css
new file mode 100644
index 0000000..925456e
--- /dev/null
+++ b/luser/templates/styles/main.css
@@ -0,0 +1,76 @@
+html {
+ background-color: #181715;
+ color: #fff;
+}
+
+form {
+ display: flex;
+ flex-direction: column;
+ gap: 16px;
+ max-width: 360px;
+ margin: 50px auto;
+}
+
+button {
+ height: 30px;
+ margin-top: 30px;
+ background-color: #262a2b;
+ border: 1px solid #7b7265;
+ color: #a1998d;
+ border-radius: 5px;
+ text-transform: uppercase;
+ letter-spacing: 2px;
+}
+
+button:hover {
+ opacity: 0.9;
+ cursor: pointer;
+}
+
+button:active {
+ opacity: 0.7;
+}
+
+input {
+ height: 25px;
+ padding: 2px 8px;
+ border: 1px solid #303436;
+ border-radius: 5px;
+ color: #7b7265;
+ background-color: #262a2b;
+ outline: none;
+}
+
+.container {
+ margin: 50px auto;
+}
+
+.form-input {
+ display: flex;
+ flex: 1;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.captcha {
+ width: 200px;
+ margin: 10px auto;
+ text-align: center;
+}
+
+.captcha img {
+ width: 100%;
+ height: auto;
+}
+
+.hint {
+ letter-spacing: 2px;
+ text-transform: uppercase;
+ font-size: 10px;
+ text-align: center;
+ font-weight: 500px;
+}
+
+.danger {
+ color: #bb3131;
+}
diff --git a/luser/templates/unregister.html b/luser/templates/unregister.html
index c0ccd50..6e96d38 100644
--- a/luser/templates/unregister.html
+++ b/luser/templates/unregister.html
@@ -4,67 +4,9 @@
-
-
-
+
User unregistration to LDAP system
-
-