html {
	scroll-behavior: smooth;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #1e3a5f; border-radius: 10px; }

#mobile-nav {
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	transform: translateX(100%);
}

#mobile-nav.open {
	transform: translateX(0);
}

body {
	padding-top:50px
	
	margin: 0;

	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;

	color: #0f172a;
	background-color: #f8fafc;
	overflow-x: hidden;

	display: flex;
	flex-direction: column;
	min-height: 100vh;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.login-page-container {
	background-color: #0f172a;

	min-height: 100vh;
	width: 100%;

	display: flex;
	flex-direction: column;
}