@font-face {
			font-family: "Poppins";
			src: url("../fonts/Poppins-Regular.ttf") format("truetype");
			font-weight: 400;
		}

		@font-face {
			font-family: "Poppins";
			src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
			font-weight: 600;
		}

		:root {
			--equitile-indigo: #211b69;
			--equitile-red: #b51227;
			--equitile-ink: #211b69;
		}

		body {
			min-width: 320px;
			background: var(--equitile-indigo);
			color: var(--equitile-ink);
			font-family: "Poppins", sans-serif;
		}

		.login-card {
			width: min(100%, 440px);
			min-height: 600px;
			border: 0;
			border-radius: 6px;
			box-shadow: 0 3px 8px rgba(0, 0, 0, 0.16);
		}

		.login-card.compact-card {
			min-height: 0;
		}

		.login-card .card-body {
			padding: 52px 56px 48px;
		}

		.login-title {
			margin: 0 0 27px;
			font-size: 25px;
			font-weight: 400;
			line-height: 1.35;
			text-align: center;
			overflow-wrap: anywhere;
		}

		.form-label {
			margin-bottom: 6px;
			font-size: 12px;
			font-weight: 600;
		}

		.required {
			color: var(--equitile-red);
		}

		.form-control {
			min-height: 38px;
			padding: 7px 16px;
			border-color: #d5d4d8;
			border-radius: 4px;
			font-size: 14px;
		}

		.form-control:focus {
			border-color: var(--equitile-red);
			box-shadow: 0 0 0 1px var(--equitile-red);
		}

		.form-control::placeholder {
			color: #8a8991;
			opacity: 1;
		}

		.forgot-link,
		.remember-label {
			color: var(--equitile-ink);
			font-size: 11px;
			text-decoration: none;
		}

		.forgot-link:hover {
			text-decoration: underline;
		}

		.remember-row {
			margin-top: 26px;
		}

		.remember-check {
			width: 20px;
			height: 20px;
			margin-top: 0;
			border-color: #dedde2;
			border-radius: 2px;
		}

		.remember-check:checked {
			background-color: var(--equitile-indigo);
			border-color: var(--equitile-indigo);
		}

		.submit-button {
			min-height: 42px;
			margin-top: 25px;
			border: 0;
			border-radius: 2px;
			background: var(--equitile-indigo);
			font-size: 12px;
			font-weight: 600;
		}

		.submit-button:hover,
		.submit-button:focus {
			background: #17134e;
		}

		.submit-button.btn-danger,
		.submit-button.btn-danger:hover,
		.submit-button.btn-danger:focus {
			background: var(--equitile-red);
		}

		.login-logo {
			display: block;
			width: 70px;
			height: 70px;
			margin: 40px auto 0;
		}

		.alert {
			margin-bottom: 20px;
			padding: 10px 12px;
			border: 0;
			border-radius: 3px;
			font-size: 12px;
		}

		@media (max-width: 430px) {
			.login-card .card-body {
				padding: 32px 28px 30px;
			}

			.login-title {
				font-size: 21px;
			}
		}