diff --git a/docs/css/custom.css b/docs/css/custom.css
index 03bc49d..76631b8 100644
--- a/docs/css/custom.css
+++ b/docs/css/custom.css
@@ -1074,3 +1074,252 @@
 .comment__replies {
 	margin-top: 0.5rem;
 }
+/* ── Auth pages (login / signup) ───────────────────────────────────────── */
+
+.auth-page {
+	max-width: 420px;
+	margin: 0 auto;
+	padding: 1rem 0 3rem;
+}
+
+.auth-page__title {
+	margin-bottom: 1.5rem;
+}
+
+.auth-card {
+	border: 1px solid var(--background-color1, #ccc);
+	border-radius: 10px;
+	padding: 2rem 1.75rem;
+	background: var(--background-color);
+}
+
+/* Message banner — always reserves space so the form never shifts */
+.auth-message {
+	border-radius: 6px;
+	padding: 0.65rem 0.9rem;
+	font-size: 0.88rem;
+	margin-bottom: 1.2rem;
+	line-height: 1.4;
+	min-height: 3rem;
+	box-sizing: border-box;
+	border: 1px solid transparent;
+	opacity: 0;
+	pointer-events: none;
+	transition: opacity 0.15s ease;
+}
+
+.auth-message.is-visible {
+	opacity: 1;
+	pointer-events: auto;
+}
+
+.auth-message--error {
+	background: rgba(255, 61, 61, 0.1);
+	border: 1px solid rgba(255, 61, 61, 0.4);
+	color: #ff3d3d;
+}
+
+[data-theme='dark'] .auth-message--error {
+	color: #ff3d3d;
+	background: rgba(255, 61, 61, 0.15);
+	border-color: rgba(255, 61, 61, 0.5);
+}
+
+.auth-message--success {
+	background: rgba(39, 174, 96, 0.12);
+	border: 1px solid rgba(39, 174, 96, 0.4);
+	color: #1e8449;
+}
+
+[data-theme='dark'] .auth-message--success {
+	color: #58d68d;
+	background: rgba(39, 174, 96, 0.18);
+	border-color: rgba(39, 174, 96, 0.5);
+}
+
+/* Form fields */
+.auth-form {
+	display: flex;
+	flex-direction: column;
+	gap: 1.1rem;
+}
+
+.auth-form__group {
+	display: flex;
+	flex-direction: column;
+	gap: 0.3rem;
+}
+
+.auth-form__label {
+	font-size: 0.85rem;
+	font-weight: 600;
+	color: var(--foreground-color);
+}
+
+.auth-form__input-wrap {
+	position: relative;
+	display: flex;
+	align-items: center;
+}
+
+.auth-form__input-wrap .auth-form__input {
+	padding-right: 2.5rem;
+}
+
+.auth-form__input {
+	width: 100%;
+	box-sizing: border-box;
+	padding: 0.5rem 0.75rem;
+	border: 1px solid var(--background-color1, #ccc);
+	border-radius: 5px;
+	font-size: 0.9rem;
+	background: var(--background-color);
+	color: var(--foreground-color);
+	transition:
+		border-color 0.18s ease,
+		box-shadow 0.18s ease;
+	outline: none;
+	font-family: inherit;
+}
+
+.auth-form__input:focus {
+	border-color: var(--accent-color);
+	box-shadow: 0 0 0 2px rgba(var(--accent-color-rgb, 17, 51, 233), 0.15);
+}
+
+.auth-form__input::placeholder {
+	color: var(--foreground-color3, #888);
+	opacity: 0.7;
+}
+
+.auth-form__eye {
+	position: absolute;
+	right: 0.6rem;
+	background: none;
+	border: none;
+	cursor: pointer;
+	color: var(--foreground-color3, #888);
+	display: inline-flex;
+	align-items: center;
+	padding: 0.2rem;
+	line-height: 1;
+	transition: color 0.15s ease;
+}
+
+.auth-form__eye:hover {
+	color: var(--foreground-color);
+}
+
+.auth-form__hint {
+	font-size: 0.75rem;
+	color: var(--foreground-color3, #888);
+}
+
+/* Submit button */
+.auth-form__submit {
+	margin-top: 0.5rem;
+	width: 100%;
+	padding: 0.6rem 1rem;
+	border: none;
+	border-radius: 5px;
+	background: var(--accent-color);
+	color: var(--background-color, #fff);
+	font-size: 0.92rem;
+	font-weight: 600;
+	font-family: inherit;
+	cursor: pointer;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	gap: 0.4rem;
+	transition: opacity 0.18s ease;
+}
+
+.auth-form__submit:hover:not(:disabled) {
+	opacity: 0.85;
+}
+
+.auth-form__submit:disabled {
+	cursor: not-allowed;
+	opacity: 0.6;
+}
+
+.auth-form__submit-loader {
+	display: inline-flex;
+	align-items: center;
+}
+
+/* Spinner animation */
+@keyframes auth-spin {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+}
+
+.spin {
+	animation: auth-spin 0.8s linear infinite;
+}
+
+/* Footer link */
+.auth-card__footer {
+	margin-top: 1.4rem;
+	text-align: center;
+	font-size: 0.85rem;
+	color: var(--foreground-color3, #888);
+}
+
+.auth-card__link {
+	color: var(--accent-color);
+	text-decoration: none;
+	font-weight: 600;
+}
+
+.auth-card__link:hover {
+	text-decoration: underline;
+}
+
+/* Light theme override for submit button text */
+[data-theme='light'] .auth-form__submit {
+	color: #fff;
+}
+
+/* ── OTP panel ───────────────────────────────────────────────────────────── */
+
+.otp-panel__hint {
+	font-size: 0.87rem;
+	line-height: 1.5;
+	color: var(--foreground-color);
+	margin: 0;
+}
+
+.otp-panel__input {
+	letter-spacing: 0.25em;
+	font-size: 1.15rem;
+	text-align: center;
+}
+
+.otp-panel__resend {
+	font-size: 0.82rem;
+	color: var(--foreground-color3, #888);
+	text-align: center;
+	margin: 0;
+}
+
+.otp-panel__resend-btn {
+	background: none;
+	border: none;
+	padding: 0;
+	font: inherit;
+	font-size: 0.82rem;
+	color: var(--accent-color);
+	cursor: pointer;
+	font-weight: 600;
+	text-decoration: underline;
+}
+
+.otp-panel__resend-btn:hover {
+	opacity: 0.8;
+}
diff --git a/docs/login/index.html b/docs/login/index.html
index acb5647..fdea14b 100644
--- a/docs/login/index.html
+++ b/docs/login/index.html
@@ -5,11 +5,11 @@
 <a href=/signup/ class="auth-link auth-link--signup">Sign Up</a></div></div><div class=rss-subscribe><button class=rss-subscribe__btn aria-label="Subscribe via RSS" title="Subscribe via RSS">
 <svg viewBox="0 0 24 24" width="10" height="10" fill="currentColor" aria-hidden="true"><path d="M6.18 15.64a2.18 2.18.0 012.18 2.18c0 1.19-.98 2.18-2.18 2.18C4.98 20 4 19.01 4 17.82a2.18 2.18.0 012.18-2.18M4 4.44A15.56 15.56.0 0119.56 20h-2.83A12.73 12.73.0 004 7.27V4.44m0 5.66a9.9 9.9.0 019.9 9.9h-2.83A7.07 7.07.0 004 12.93V10.1z"/></svg>
 <span>Subscribe</span></button><div class=rss-subscribe__dropdown><button class=rss-subscribe__item data-rss-url=https://freedoms4.org/index.xml>All updates</button>
-<button class=rss-subscribe__item data-rss-url=https://freedoms4.org/blog/index.xml>Blog posts</button></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/uninotes/>UniNotes</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><div class=auth-page><h1 class=auth-page__title>Login</h1><div class=auth-card><div id=auth-message class=auth-message aria-live=polite style=display:none></div><form id=login-form class=auth-form novalidate><div class=auth-form__input-wrap><div class=auth-form__group><label class=auth-form__label for=login-username>Username</label>
+<button class=rss-subscribe__item data-rss-url=https://freedoms4.org/blog/index.xml>Blog posts</button></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/uninotes/>UniNotes</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><div class=auth-page><h1 class=auth-page__title>Login</h1><div class=auth-card><div id=auth-message class=auth-message aria-live=polite></div><form id=login-form class=auth-form novalidate><div class=auth-form__input-wrap><div class=auth-form__group><label class=auth-form__label for=login-username>Username</label>
 <input class=auth-form__input type=text id=login-username name=username autocomplete=username required></div><div class=auth-form__group><label class=auth-form__label for=login-password>Password</label>
 <input class=auth-form__input type=password id=login-password name=password autocomplete=current-password required>
 <button type=button class=auth-form__eye aria-label="Toggle password visibility" tabindex=-1>
 <svg class="eye-show" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76.0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66.0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>
 <svg class="eye-hide" viewBox="0 0 24 24" width="16" height="16" fill="currentColor" style="display:none"><path d="M12 7c2.76.0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4.0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55.0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65.0 1.66 1.34 3 3 3 .22.0.44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76.0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg></button></div></div><button type=submit class=auth-form__submit id=login-submit>
 <span class=auth-form__submit-text>Log In</span>
-<span class=auth-form__submit-loader style=display:none><svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor" class="spin"><path d="M12 4V1L8 5l4 4V6c3.31.0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31.0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"/></svg></span></button></form><p class=auth-card__footer>Don't have an account? <a href=/signup/ class=auth-card__link>Sign up</a></p></div></div><script>(function(){var e,t,n,s,i,a="https://backend.freedoms4.org/auth.php";if(localStorage.getItem("f4_username")){document.getElementById("auth-message").textContent="You are already logged in!",document.getElementById("auth-message").className="auth-message auth-message--success",document.getElementById("auth-message").style.display="block",document.getElementById("login-form").style.display="none";return}(function(){var e,n,s=new URLSearchParams(window.location.search),t=s.get("next");if(t&&t.startsWith("/"))sessionStorage.setItem("f4_login_next",t);else if(!sessionStorage.getItem("f4_login_next")&&document.referrer)try{n=new URL(document.referrer),n.hostname===window.location.hostname&&(e=n.pathname,e!=="/login/"&&e!=="/signup/"&&sessionStorage.setItem("f4_login_next",e))}catch{}})(),i=document.getElementById("login-form"),t=document.getElementById("auth-message"),e=document.getElementById("login-submit"),s=i.querySelector(".auth-form__eye"),n=document.getElementById("login-password"),n=document.getElementById("login-password"),s.addEventListener("click",function(){var e=n.type==="text";n.type=e?"password":"text",s.querySelector(".eye-show").style.display=e?"":"none",s.querySelector(".eye-hide").style.display=e?"none":""});function o(e,n){t.textContent=e,t.className="auth-message auth-message--"+n,t.style.display="block"}i.addEventListener("submit",function(s){s.preventDefault(),t.style.display="none";var i=document.getElementById("login-username").value.trim(),r=n.value;if(!i||!r){o("Please fill in all fields.","error");return}e.disabled=!0,e.querySelector(".auth-form__submit-text").style.display="none",e.querySelector(".auth-form__submit-loader").style.display="inline-flex",fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"login",username:i,password:r})}).then(function(e){return e.json()}).then(function(e){e.success?(o("Logged in successfully! Redirecting…","success"),localStorage.setItem("f4_username",i),localStorage.setItem("f4_login_time",Date.now()),setTimeout(function(){var t=sessionStorage.getItem("f4_login_next");sessionStorage.removeItem("f4_login_next"),window.location.href=t&&t.startsWith("/")?t:e.redirect||"/"},1e3)):o(e.message||"Login failed. Please try again.","error")}).catch(function(){o("Network error. Please try again.","error")}).finally(function(){e.disabled=!1,e.querySelector(".auth-form__submit-text").style.display="",e.querySelector(".auth-form__submit-loader").style.display="none"})})})()</script></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){document.querySelectorAll(".menu__item").forEach(function(e){var t=e.querySelector("a");t&&t.getAttribute("href")==="/uninotes/"&&e.classList.add("menu__item--uninotes")})})()</script><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var t="https://backend.freedoms4.org/auth.php",e=localStorage.getItem("f4_username");if(!e)return;function n(e){var t,n,o,a,r,i=document.querySelector(".brand__auth");i&&!i.querySelector(".brand__auth-user")&&(i.classList.add("brand__auth--loggedin"),t=document.createElement("div"),t.className="brand__auth-user",n=document.createElement("button"),n.className="brand__auth-user-btn",n.setAttribute("aria-label","Account menu"),r=document.createElement("span"),r.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg>',n.appendChild(r.firstChild),n.appendChild(document.createTextNode(" "+e)),a=document.createElement("div"),a.className="brand__auth-user-dropdown",o=document.createElement("button"),o.className="brand__auth-user-logout",o.textContent="Log Out",o.addEventListener("click",s),a.appendChild(o),t.appendChild(n),t.appendChild(a),i.appendChild(t),n.addEventListener("click",function(e){e.stopPropagation(),t.classList.toggle("is-open")}),document.addEventListener("click",function(){t.classList.remove("is-open")}))}function s(){fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"logout"})}).finally(function(){localStorage.removeItem("f4_username"),localStorage.removeItem("f4_login_time"),localStorage.removeItem("f4_session_fails"),window.location.reload()})}n(e)})()</script><script>(function(){var t,e=document.querySelector(".rss-subscribe");if(!e)return;t=e.querySelector(".rss-subscribe__btn"),t.addEventListener("click",function(t){t.stopPropagation(),e.classList.toggle("is-open")}),document.addEventListener("click",function(t){e.contains(t.target)||e.classList.remove("is-open")}),e.querySelectorAll(".rss-subscribe__item").forEach(function(t){t.addEventListener("click",function(n){n.stopPropagation();var s,o=t.getAttribute("data-rss-url"),a=t.textContent;function i(){t.textContent="Copied!",setTimeout(function(){t.textContent=a,e.classList.remove("is-open")},1200)}try{s=document.createElement("textarea"),s.value=o,s.style.cssText="position:fixed;top:0;left:0;opacity:0;pointer-events:none;",document.body.appendChild(s),s.focus(),s.select(),document.execCommand("copy"),document.body.removeChild(s),i()}catch{navigator.clipboard&&navigator.clipboard.writeText(o).then(i).catch(function(){t.textContent=o})}})})})()</script></body></html>
\ No newline at end of file
+<span class=auth-form__submit-loader style=display:none><svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor" class="spin"><path d="M12 4V1L8 5l4 4V6c3.31.0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31.0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"/></svg></span></button></form><p class=auth-card__footer>Don't have an account? <a href=/signup/ class=auth-card__link>Sign up</a></p></div></div><script>(function(){var e,t,n,s,i,a="https://backend.freedoms4.org/auth.php";if(localStorage.getItem("f4_username")){document.getElementById("auth-message").textContent="You are already logged in!",document.getElementById("auth-message").className="auth-message auth-message--success is-visible",document.getElementById("login-form").style.display="none";return}(function(){var e,n,s=new URLSearchParams(window.location.search),t=s.get("next");if(t&&t.startsWith("/"))sessionStorage.setItem("f4_login_next",t);else if(!sessionStorage.getItem("f4_login_next")&&document.referrer)try{n=new URL(document.referrer),n.hostname===window.location.hostname&&(e=n.pathname,e!=="/login/"&&e!=="/signup/"&&sessionStorage.setItem("f4_login_next",e))}catch{}})(),i=document.getElementById("login-form"),n=document.getElementById("auth-message"),e=document.getElementById("login-submit"),s=i.querySelector(".auth-form__eye"),t=document.getElementById("login-password"),t=document.getElementById("login-password"),s.addEventListener("click",function(){var e=t.type==="text";t.type=e?"password":"text",s.querySelector(".eye-show").style.display=e?"":"none",s.querySelector(".eye-hide").style.display=e?"none":""});function o(e,t){n.textContent=e,n.className="auth-message auth-message--"+t+" is-visible"}i.addEventListener("submit",function(s){s.preventDefault(),n.className="auth-message";var i=document.getElementById("login-username").value.trim(),r=t.value;if(!i||!r){o("Please fill in all fields.","error");return}e.disabled=!0,e.querySelector(".auth-form__submit-text").style.display="none",e.querySelector(".auth-form__submit-loader").style.display="inline-flex",fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"login",username:i,password:r})}).then(function(e){return e.json()}).then(function(e){e.success?(o("Logged in successfully! Redirecting…","success"),localStorage.setItem("f4_username",i),localStorage.setItem("f4_login_time",Date.now()),setTimeout(function(){var t=sessionStorage.getItem("f4_login_next");sessionStorage.removeItem("f4_login_next"),window.location.href=t&&t.startsWith("/")?t:e.redirect||"/"},1e3)):o(e.message||"Login failed. Please try again.","error")}).catch(function(){o("Network error. Please try again.","error")}).finally(function(){e.disabled=!1,e.querySelector(".auth-form__submit-text").style.display="",e.querySelector(".auth-form__submit-loader").style.display="none"})})})()</script></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){document.querySelectorAll(".menu__item").forEach(function(e){var t=e.querySelector("a");t&&t.getAttribute("href")==="/uninotes/"&&e.classList.add("menu__item--uninotes")})})()</script><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var t="https://backend.freedoms4.org/auth.php",e=localStorage.getItem("f4_username");if(!e)return;function n(e){var t,n,o,a,r,i=document.querySelector(".brand__auth");i&&!i.querySelector(".brand__auth-user")&&(i.classList.add("brand__auth--loggedin"),t=document.createElement("div"),t.className="brand__auth-user",n=document.createElement("button"),n.className="brand__auth-user-btn",n.setAttribute("aria-label","Account menu"),r=document.createElement("span"),r.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg>',n.appendChild(r.firstChild),n.appendChild(document.createTextNode(" "+e)),a=document.createElement("div"),a.className="brand__auth-user-dropdown",o=document.createElement("button"),o.className="brand__auth-user-logout",o.textContent="Log Out",o.addEventListener("click",s),a.appendChild(o),t.appendChild(n),t.appendChild(a),i.appendChild(t),n.addEventListener("click",function(e){e.stopPropagation(),t.classList.toggle("is-open")}),document.addEventListener("click",function(){t.classList.remove("is-open")}))}function s(){fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"logout"})}).finally(function(){localStorage.removeItem("f4_username"),localStorage.removeItem("f4_login_time"),localStorage.removeItem("f4_session_fails"),window.location.reload()})}n(e)})()</script><script>(function(){var t,e=document.querySelector(".rss-subscribe");if(!e)return;t=e.querySelector(".rss-subscribe__btn"),t.addEventListener("click",function(t){t.stopPropagation(),e.classList.toggle("is-open")}),document.addEventListener("click",function(t){e.contains(t.target)||e.classList.remove("is-open")}),e.querySelectorAll(".rss-subscribe__item").forEach(function(t){t.addEventListener("click",function(n){n.stopPropagation();var s,o=t.getAttribute("data-rss-url"),a=t.textContent;function i(){t.textContent="Copied!",setTimeout(function(){t.textContent=a,e.classList.remove("is-open")},1200)}try{s=document.createElement("textarea"),s.value=o,s.style.cssText="position:fixed;top:0;left:0;opacity:0;pointer-events:none;",document.body.appendChild(s),s.focus(),s.select(),document.execCommand("copy"),document.body.removeChild(s),i()}catch{navigator.clipboard&&navigator.clipboard.writeText(o).then(i).catch(function(){t.textContent=o})}})})})()</script></body></html>
\ No newline at end of file
diff --git a/docs/signup/index.html b/docs/signup/index.html
index 8ccd269..b74ba3d 100644
--- a/docs/signup/index.html
+++ b/docs/signup/index.html
@@ -5,7 +5,7 @@
 <a href=/signup/ class="auth-link auth-link--signup">Sign Up</a></div></div><div class=rss-subscribe><button class=rss-subscribe__btn aria-label="Subscribe via RSS" title="Subscribe via RSS">
 <svg viewBox="0 0 24 24" width="10" height="10" fill="currentColor" aria-hidden="true"><path d="M6.18 15.64a2.18 2.18.0 012.18 2.18c0 1.19-.98 2.18-2.18 2.18C4.98 20 4 19.01 4 17.82a2.18 2.18.0 012.18-2.18M4 4.44A15.56 15.56.0 0119.56 20h-2.83A12.73 12.73.0 004 7.27V4.44m0 5.66a9.9 9.9.0 019.9 9.9h-2.83A7.07 7.07.0 004 12.93V10.1z"/></svg>
 <span>Subscribe</span></button><div class=rss-subscribe__dropdown><button class=rss-subscribe__item data-rss-url=https://freedoms4.org/index.xml>All updates</button>
-<button class=rss-subscribe__item data-rss-url=https://freedoms4.org/blog/index.xml>Blog posts</button></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/uninotes/>UniNotes</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><div class=auth-page><h1 class=auth-page__title>Sign Up</h1><div class=auth-card><div id=auth-message class=auth-message aria-live=polite style=display:none></div><form id=signup-form class=auth-form novalidate><div class=auth-form__input-wrap><div class=auth-form__group><label class=auth-form__label for=signup-username>Username</label>
+<button class=rss-subscribe__item data-rss-url=https://freedoms4.org/blog/index.xml>Blog posts</button></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/uninotes/>UniNotes</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><div class=auth-page><h1 class=auth-page__title>Sign Up</h1><div class=auth-card><div id=auth-message class=auth-message aria-live=polite></div><form id=signup-form class=auth-form novalidate><div class=auth-form__input-wrap><div class=auth-form__group><label class=auth-form__label for=signup-username>Username</label>
 <input class=auth-form__input type=text id=signup-username name=username autocomplete=username required minlength=3 maxlength=32 pattern=[a-zA-Z0-9_\-]+>
 <span class=auth-form__hint>(3-32 characters; letters, numbers, _ and - only)</span></div><div class=auth-form__group><label class=auth-form__label for=signup-email>Email</label>
 <input class=auth-form__input type=email id=signup-email name=email autocomplete=email required></div><div class=auth-form__group><label class=auth-form__label for=signup-password>Password</label>
@@ -24,4 +24,4 @@
 <button type=button id=otp-resend class=otp-panel__resend-btn>
 Resend code
 </button>
-<span id=otp-resend-timer style=display:none></span></p></div></div><p class=auth-card__footer>Already have an account? <a href=/login/ class=auth-card__link>Log in</a></p></div></div><script>(function(){var t,n,s,o,i,r,c,l,d,u,h,p,g,v,b,j,f="https://backend.freedoms4.org/auth.php";if(localStorage.getItem("f4_username")){document.getElementById("auth-message").textContent="You are already logged in!",document.getElementById("auth-message").className="auth-message auth-message--success",document.getElementById("auth-message").style.display="block",document.getElementById("signup-form").style.display="none";return}if(s=new URLSearchParams(window.location.search).get("next")||sessionStorage.getItem("f4_login_next")||"",!s&&document.referrer)try{p=new URL(document.referrer),p.hostname===window.location.hostname&&(l=p.pathname,l!=="/login/"&&l!=="/signup/"&&(s=l,sessionStorage.setItem("f4_login_next",l)))}catch{}t={username:"",email:"",password:""},r=document.getElementById("auth-message"),d=document.getElementById("signup-form"),g=document.getElementById("signup-submit"),j=document.getElementById("otp-panel"),b=document.getElementById("otp-email-display"),o=document.getElementById("otp-input"),c=document.getElementById("otp-submit"),n=document.getElementById("otp-resend"),i=document.getElementById("otp-resend-timer"),h=document.getElementById("signup-password"),u=d.querySelector(".auth-form__eye");function e(e,t){r.textContent=e,r.className="auth-message auth-message--"+t,r.style.display="block"}function m(){r.style.display="none"}function a(e,t){e.disabled=t,e.querySelector(".auth-form__submit-text").style.display=t?"none":"",e.querySelector(".auth-form__submit-loader").style.display=t?"inline-flex":"none"}u.addEventListener("click",function(){var e=h.type==="text";h.type=e?"password":"text",u.querySelector(".eye-show").style.display=e?"":"none",u.querySelector(".eye-hide").style.display=e?"none":""}),v=null;function y(e){n.style.display="none",i.style.display="";var t=e;i.textContent="Resend in "+t+"s",v=setInterval(function(){t--,t<=0?(clearInterval(v),i.style.display="none",n.style.display="",n.disabled=!1):i.textContent="Resend in "+t+"s"},1e3)}d.addEventListener("submit",function(n){n.preventDefault(),m();var r=document.getElementById("signup-username").value.trim(),s=document.getElementById("signup-email").value.trim(),i=h.value,c=document.getElementById("signup-confirm").value;if(!r||!s||!i||!c){e("Please fill in all fields.","error");return}if(!/^[a-zA-Z0-9_-]{3,32}$/.test(r)){e("Username must be 3–32 characters: letters, numbers, _ or -.","error");return}if(i.length<8){e("Password must be at least 8 characters.","error");return}if(i!==c){e("Passwords do not match.","error");return}t.username=r,t.email=s,t.password=i,a(g,!0),fetch(f,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"send_otp",email:s})}).then(function(e){return e.json()}).then(function(t){t.success?(d.style.display="none",b.textContent=s,j.style.display="",o.value="",o.focus(),y(60),e("OTP sent! Check your inbox (and spam folder).","success")):e(t.message||"Failed to send code. Please try again.","error")}).catch(function(){e("Network error. Please try again.","error")}).finally(function(){a(g,!1)})}),n.addEventListener("click",function(){m(),n.disabled=!0,fetch(f,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"send_otp",email:t.email})}).then(function(e){return e.json()}).then(function(t){t.success?(e("New code sent!","success"),y(60)):(e(t.message||"Could not resend. Please try again.","error"),n.disabled=!1)}).catch(function(){e("Network error. Please try again.","error"),n.disabled=!1})});function _(){m();var n=o.value.trim();if(!/^\d{6}$/.test(n)){e("Please enter the 6-digit code from your email.","error");return}a(c,!0),fetch(f,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"signup",username:t.username,email:t.email,password:t.password,otp:n})}).then(function(e){return e.json()}).then(function(t){t.success?(e("Account created! Redirecting to login…","success"),setTimeout(function(){var e="/login/";s&&s.startsWith("/")&&(e="/login/?next="+encodeURIComponent(s)),window.location.href=e},1800)):(e(t.message||"Sign-up failed. Please try again.","error"),a(c,!1))}).catch(function(){e("Network error. Please try again.","error"),a(c,!1)})}c.addEventListener("click",_),o.addEventListener("keydown",function(e){e.key==="Enter"&&_()})})()</script></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){document.querySelectorAll(".menu__item").forEach(function(e){var t=e.querySelector("a");t&&t.getAttribute("href")==="/uninotes/"&&e.classList.add("menu__item--uninotes")})})()</script><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var t="https://backend.freedoms4.org/auth.php",e=localStorage.getItem("f4_username");if(!e)return;function n(e){var t,n,o,a,r,i=document.querySelector(".brand__auth");i&&!i.querySelector(".brand__auth-user")&&(i.classList.add("brand__auth--loggedin"),t=document.createElement("div"),t.className="brand__auth-user",n=document.createElement("button"),n.className="brand__auth-user-btn",n.setAttribute("aria-label","Account menu"),r=document.createElement("span"),r.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg>',n.appendChild(r.firstChild),n.appendChild(document.createTextNode(" "+e)),a=document.createElement("div"),a.className="brand__auth-user-dropdown",o=document.createElement("button"),o.className="brand__auth-user-logout",o.textContent="Log Out",o.addEventListener("click",s),a.appendChild(o),t.appendChild(n),t.appendChild(a),i.appendChild(t),n.addEventListener("click",function(e){e.stopPropagation(),t.classList.toggle("is-open")}),document.addEventListener("click",function(){t.classList.remove("is-open")}))}function s(){fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"logout"})}).finally(function(){localStorage.removeItem("f4_username"),localStorage.removeItem("f4_login_time"),localStorage.removeItem("f4_session_fails"),window.location.reload()})}n(e)})()</script><script>(function(){var t,e=document.querySelector(".rss-subscribe");if(!e)return;t=e.querySelector(".rss-subscribe__btn"),t.addEventListener("click",function(t){t.stopPropagation(),e.classList.toggle("is-open")}),document.addEventListener("click",function(t){e.contains(t.target)||e.classList.remove("is-open")}),e.querySelectorAll(".rss-subscribe__item").forEach(function(t){t.addEventListener("click",function(n){n.stopPropagation();var s,o=t.getAttribute("data-rss-url"),a=t.textContent;function i(){t.textContent="Copied!",setTimeout(function(){t.textContent=a,e.classList.remove("is-open")},1200)}try{s=document.createElement("textarea"),s.value=o,s.style.cssText="position:fixed;top:0;left:0;opacity:0;pointer-events:none;",document.body.appendChild(s),s.focus(),s.select(),document.execCommand("copy"),document.body.removeChild(s),i()}catch{navigator.clipboard&&navigator.clipboard.writeText(o).then(i).catch(function(){t.textContent=o})}})})})()</script></body></html>
\ No newline at end of file
+<span id=otp-resend-timer style=display:none></span></p></div></div><p class=auth-card__footer>Already have an account? <a href=/login/ class=auth-card__link>Log in</a></p></div></div><script>(function(){var t,n,s,o,a,r,c,l,d,u,h,m,g,v,b,j,f="https://backend.freedoms4.org/auth.php";if(localStorage.getItem("f4_username")){document.getElementById("auth-message").textContent="You are already logged in!",document.getElementById("auth-message").className="auth-message auth-message--success is-visible",document.getElementById("signup-form").style.display="none";return}if(s=new URLSearchParams(window.location.search).get("next")||sessionStorage.getItem("f4_login_next")||"",!s&&document.referrer)try{g=new URL(document.referrer),g.hostname===window.location.hostname&&(a=g.pathname,a!=="/login/"&&a!=="/signup/"&&(s=a,sessionStorage.setItem("f4_login_next",a)))}catch{}t={username:"",email:"",password:""},l=document.getElementById("auth-message"),d=document.getElementById("signup-form"),m=document.getElementById("signup-submit"),j=document.getElementById("otp-panel"),b=document.getElementById("otp-email-display"),o=document.getElementById("otp-input"),c=document.getElementById("otp-submit"),n=document.getElementById("otp-resend"),r=document.getElementById("otp-resend-timer"),u=document.getElementById("signup-password"),h=d.querySelector(".auth-form__eye");function e(e,t){l.textContent=e,l.className="auth-message auth-message--"+t+" is-visible"}function p(){l.className="auth-message"}function i(e,t){e.disabled=t,e.querySelector(".auth-form__submit-text").style.display=t?"none":"",e.querySelector(".auth-form__submit-loader").style.display=t?"inline-flex":"none"}h.addEventListener("click",function(){var e=u.type==="text";u.type=e?"password":"text",h.querySelector(".eye-show").style.display=e?"":"none",h.querySelector(".eye-hide").style.display=e?"none":""}),v=null;function y(e){n.style.display="none",r.style.display="";var t=e;r.textContent="Resend in "+t+"s",v=setInterval(function(){t--,t<=0?(clearInterval(v),r.style.display="none",n.style.display="",n.disabled=!1):r.textContent="Resend in "+t+"s"},1e3)}d.addEventListener("submit",function(n){n.preventDefault(),p();var r=document.getElementById("signup-username").value.trim(),s=document.getElementById("signup-email").value.trim(),a=u.value,c=document.getElementById("signup-confirm").value;if(!r||!s||!a||!c){e("Please fill in all fields.","error");return}if(!/^[a-zA-Z0-9_-]{3,32}$/.test(r)){e("Username must be 3–32 characters: letters, numbers, _ or -.","error");return}if(a.length<8){e("Password must be at least 8 characters.","error");return}if(a!==c){e("Passwords do not match.","error");return}t.username=r,t.email=s,t.password=a,i(m,!0),fetch(f,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"send_otp",email:s})}).then(function(e){return e.json()}).then(function(t){t.success?(d.style.display="none",b.textContent=s,j.style.display="",o.value="",o.focus(),y(60),e("OTP sent! Check your inbox (and spam folder).","success")):e(t.message||"Failed to send code. Please try again.","error")}).catch(function(){e("Network error. Please try again.","error")}).finally(function(){i(m,!1)})}),n.addEventListener("click",function(){p(),n.disabled=!0,fetch(f,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"send_otp",email:t.email})}).then(function(e){return e.json()}).then(function(t){t.success?(e("New code sent!","success"),y(60)):(e(t.message||"Could not resend. Please try again.","error"),n.disabled=!1)}).catch(function(){e("Network error. Please try again.","error"),n.disabled=!1})});function _(){p();var n=o.value.trim();if(!/^\d{6}$/.test(n)){e("Please enter the 6-digit code from your email.","error");return}i(c,!0),fetch(f,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"signup",username:t.username,email:t.email,password:t.password,otp:n})}).then(function(e){return e.json()}).then(function(t){t.success?(e("Account created! Redirecting to login…","success"),setTimeout(function(){var e="/login/";s&&s.startsWith("/")&&(e="/login/?next="+encodeURIComponent(s)),window.location.href=e},1800)):(e(t.message||"Sign-up failed. Please try again.","error"),i(c,!1))}).catch(function(){e("Network error. Please try again.","error"),i(c,!1)})}c.addEventListener("click",_),o.addEventListener("keydown",function(e){e.key==="Enter"&&_()})})()</script></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){document.querySelectorAll(".menu__item").forEach(function(e){var t=e.querySelector("a");t&&t.getAttribute("href")==="/uninotes/"&&e.classList.add("menu__item--uninotes")})})()</script><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var t="https://backend.freedoms4.org/auth.php",e=localStorage.getItem("f4_username");if(!e)return;function n(e){var t,n,o,a,r,i=document.querySelector(".brand__auth");i&&!i.querySelector(".brand__auth-user")&&(i.classList.add("brand__auth--loggedin"),t=document.createElement("div"),t.className="brand__auth-user",n=document.createElement("button"),n.className="brand__auth-user-btn",n.setAttribute("aria-label","Account menu"),r=document.createElement("span"),r.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg>',n.appendChild(r.firstChild),n.appendChild(document.createTextNode(" "+e)),a=document.createElement("div"),a.className="brand__auth-user-dropdown",o=document.createElement("button"),o.className="brand__auth-user-logout",o.textContent="Log Out",o.addEventListener("click",s),a.appendChild(o),t.appendChild(n),t.appendChild(a),i.appendChild(t),n.addEventListener("click",function(e){e.stopPropagation(),t.classList.toggle("is-open")}),document.addEventListener("click",function(){t.classList.remove("is-open")}))}function s(){fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"logout"})}).finally(function(){localStorage.removeItem("f4_username"),localStorage.removeItem("f4_login_time"),localStorage.removeItem("f4_session_fails"),window.location.reload()})}n(e)})()</script><script>(function(){var t,e=document.querySelector(".rss-subscribe");if(!e)return;t=e.querySelector(".rss-subscribe__btn"),t.addEventListener("click",function(t){t.stopPropagation(),e.classList.toggle("is-open")}),document.addEventListener("click",function(t){e.contains(t.target)||e.classList.remove("is-open")}),e.querySelectorAll(".rss-subscribe__item").forEach(function(t){t.addEventListener("click",function(n){n.stopPropagation();var s,o=t.getAttribute("data-rss-url"),a=t.textContent;function i(){t.textContent="Copied!",setTimeout(function(){t.textContent=a,e.classList.remove("is-open")},1200)}try{s=document.createElement("textarea"),s.value=o,s.style.cssText="position:fixed;top:0;left:0;opacity:0;pointer-events:none;",document.body.appendChild(s),s.focus(),s.select(),document.execCommand("copy"),document.body.removeChild(s),i()}catch{navigator.clipboard&&navigator.clipboard.writeText(o).then(i).catch(function(){t.textContent=o})}})})})()</script></body></html>
\ No newline at end of file
diff --git a/layouts/login/single.html b/layouts/login/single.html
index ed0a65c..8639eb7 100644
--- a/layouts/login/single.html
+++ b/layouts/login/single.html
@@ -3,7 +3,7 @@
 	<h1 class="auth-page__title">{{ .Title }}</h1>
 
 	<div class="auth-card">
-		<div id="auth-message" class="auth-message" aria-live="polite" style="display: none"></div>
+		<div id="auth-message" class="auth-message" aria-live="polite"></div>
 
 		<form id="login-form" class="auth-form" novalidate>
 			<div class="auth-form__input-wrap">
@@ -97,8 +97,7 @@
 		if (localStorage.getItem('f4_username')) {
 			document.getElementById('auth-message').textContent = 'You are already logged in!';
 			document.getElementById('auth-message').className =
-				'auth-message auth-message--success';
-			document.getElementById('auth-message').style.display = 'block';
+				'auth-message auth-message--success is-visible';
 			document.getElementById('login-form').style.display = 'none';
 			return;
 		}
@@ -138,13 +137,12 @@
 
 		function showMsg(text, type) {
 			msgBox.textContent = text;
-			msgBox.className = 'auth-message auth-message--' + type;
-			msgBox.style.display = 'block';
+			msgBox.className = 'auth-message auth-message--' + type + ' is-visible';
 		}
 
 		form.addEventListener('submit', function (e) {
 			e.preventDefault();
-			msgBox.style.display = 'none';
+			msgBox.className = 'auth-message';
 
 			var username = document.getElementById('login-username').value.trim();
 			var password = pwdInput.value;
diff --git a/layouts/signup/single.html b/layouts/signup/single.html
index 4a4c41f..ceb5983 100644
--- a/layouts/signup/single.html
+++ b/layouts/signup/single.html
@@ -3,7 +3,7 @@
 	<h1 class="auth-page__title">{{ .Title }}</h1>
 
 	<div class="auth-card">
-		<div id="auth-message" class="auth-message" aria-live="polite" style="display: none"></div>
+		<div id="auth-message" class="auth-message" aria-live="polite"></div>
 
 		<!-- ── STEP 1 — Account details ───────────────────────────────── -->
 		<form id="signup-form" class="auth-form" novalidate>
@@ -180,8 +180,7 @@
 		if (localStorage.getItem('f4_username')) {
 			document.getElementById('auth-message').textContent = 'You are already logged in!';
 			document.getElementById('auth-message').className =
-				'auth-message auth-message--success';
-			document.getElementById('auth-message').style.display = 'block';
+				'auth-message auth-message--success is-visible';
 			document.getElementById('signup-form').style.display = 'none';
 			return;
 		}
@@ -221,11 +220,10 @@
 
 		function showMsg(text, type) {
 			msgBox.textContent = text;
-			msgBox.className = 'auth-message auth-message--' + type;
-			msgBox.style.display = 'block';
+			msgBox.className = 'auth-message auth-message--' + type + ' is-visible';
 		}
 		function hideMsg() {
-			msgBox.style.display = 'none';
+			msgBox.className = 'auth-message';
 		}
 
 		function setLoading(btn, on) {
diff --git a/static/css/custom.css b/static/css/custom.css
index 03bc49d..76631b8 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1074,3 +1074,252 @@
 .comment__replies {
 	margin-top: 0.5rem;
 }
+/* ── Auth pages (login / signup) ───────────────────────────────────────── */
+
+.auth-page {
+	max-width: 420px;
+	margin: 0 auto;
+	padding: 1rem 0 3rem;
+}
+
+.auth-page__title {
+	margin-bottom: 1.5rem;
+}
+
+.auth-card {
+	border: 1px solid var(--background-color1, #ccc);
+	border-radius: 10px;
+	padding: 2rem 1.75rem;
+	background: var(--background-color);
+}
+
+/* Message banner — always reserves space so the form never shifts */
+.auth-message {
+	border-radius: 6px;
+	padding: 0.65rem 0.9rem;
+	font-size: 0.88rem;
+	margin-bottom: 1.2rem;
+	line-height: 1.4;
+	min-height: 3rem;
+	box-sizing: border-box;
+	border: 1px solid transparent;
+	opacity: 0;
+	pointer-events: none;
+	transition: opacity 0.15s ease;
+}
+
+.auth-message.is-visible {
+	opacity: 1;
+	pointer-events: auto;
+}
+
+.auth-message--error {
+	background: rgba(255, 61, 61, 0.1);
+	border: 1px solid rgba(255, 61, 61, 0.4);
+	color: #ff3d3d;
+}
+
+[data-theme='dark'] .auth-message--error {
+	color: #ff3d3d;
+	background: rgba(255, 61, 61, 0.15);
+	border-color: rgba(255, 61, 61, 0.5);
+}
+
+.auth-message--success {
+	background: rgba(39, 174, 96, 0.12);
+	border: 1px solid rgba(39, 174, 96, 0.4);
+	color: #1e8449;
+}
+
+[data-theme='dark'] .auth-message--success {
+	color: #58d68d;
+	background: rgba(39, 174, 96, 0.18);
+	border-color: rgba(39, 174, 96, 0.5);
+}
+
+/* Form fields */
+.auth-form {
+	display: flex;
+	flex-direction: column;
+	gap: 1.1rem;
+}
+
+.auth-form__group {
+	display: flex;
+	flex-direction: column;
+	gap: 0.3rem;
+}
+
+.auth-form__label {
+	font-size: 0.85rem;
+	font-weight: 600;
+	color: var(--foreground-color);
+}
+
+.auth-form__input-wrap {
+	position: relative;
+	display: flex;
+	align-items: center;
+}
+
+.auth-form__input-wrap .auth-form__input {
+	padding-right: 2.5rem;
+}
+
+.auth-form__input {
+	width: 100%;
+	box-sizing: border-box;
+	padding: 0.5rem 0.75rem;
+	border: 1px solid var(--background-color1, #ccc);
+	border-radius: 5px;
+	font-size: 0.9rem;
+	background: var(--background-color);
+	color: var(--foreground-color);
+	transition:
+		border-color 0.18s ease,
+		box-shadow 0.18s ease;
+	outline: none;
+	font-family: inherit;
+}
+
+.auth-form__input:focus {
+	border-color: var(--accent-color);
+	box-shadow: 0 0 0 2px rgba(var(--accent-color-rgb, 17, 51, 233), 0.15);
+}
+
+.auth-form__input::placeholder {
+	color: var(--foreground-color3, #888);
+	opacity: 0.7;
+}
+
+.auth-form__eye {
+	position: absolute;
+	right: 0.6rem;
+	background: none;
+	border: none;
+	cursor: pointer;
+	color: var(--foreground-color3, #888);
+	display: inline-flex;
+	align-items: center;
+	padding: 0.2rem;
+	line-height: 1;
+	transition: color 0.15s ease;
+}
+
+.auth-form__eye:hover {
+	color: var(--foreground-color);
+}
+
+.auth-form__hint {
+	font-size: 0.75rem;
+	color: var(--foreground-color3, #888);
+}
+
+/* Submit button */
+.auth-form__submit {
+	margin-top: 0.5rem;
+	width: 100%;
+	padding: 0.6rem 1rem;
+	border: none;
+	border-radius: 5px;
+	background: var(--accent-color);
+	color: var(--background-color, #fff);
+	font-size: 0.92rem;
+	font-weight: 600;
+	font-family: inherit;
+	cursor: pointer;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	gap: 0.4rem;
+	transition: opacity 0.18s ease;
+}
+
+.auth-form__submit:hover:not(:disabled) {
+	opacity: 0.85;
+}
+
+.auth-form__submit:disabled {
+	cursor: not-allowed;
+	opacity: 0.6;
+}
+
+.auth-form__submit-loader {
+	display: inline-flex;
+	align-items: center;
+}
+
+/* Spinner animation */
+@keyframes auth-spin {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+}
+
+.spin {
+	animation: auth-spin 0.8s linear infinite;
+}
+
+/* Footer link */
+.auth-card__footer {
+	margin-top: 1.4rem;
+	text-align: center;
+	font-size: 0.85rem;
+	color: var(--foreground-color3, #888);
+}
+
+.auth-card__link {
+	color: var(--accent-color);
+	text-decoration: none;
+	font-weight: 600;
+}
+
+.auth-card__link:hover {
+	text-decoration: underline;
+}
+
+/* Light theme override for submit button text */
+[data-theme='light'] .auth-form__submit {
+	color: #fff;
+}
+
+/* ── OTP panel ───────────────────────────────────────────────────────────── */
+
+.otp-panel__hint {
+	font-size: 0.87rem;
+	line-height: 1.5;
+	color: var(--foreground-color);
+	margin: 0;
+}
+
+.otp-panel__input {
+	letter-spacing: 0.25em;
+	font-size: 1.15rem;
+	text-align: center;
+}
+
+.otp-panel__resend {
+	font-size: 0.82rem;
+	color: var(--foreground-color3, #888);
+	text-align: center;
+	margin: 0;
+}
+
+.otp-panel__resend-btn {
+	background: none;
+	border: none;
+	padding: 0;
+	font: inherit;
+	font-size: 0.82rem;
+	color: var(--accent-color);
+	cursor: pointer;
+	font-weight: 600;
+	text-decoration: underline;
+}
+
+.otp-panel__resend-btn:hover {
+	opacity: 0.8;
+}