.login {
	background-image: url("https://fbesta.edu.it/wp-content/uploads/2026/04/banner_finale.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	backdrop-filter: blur(10px);
}

.login h1 a {
	background-image: url("https://fbesta.edu.it/wp-content/uploads/2026/03/logo-fabio-besta-2.svg");
	background-color: #fff;
	border: 1px solid #c3c4c7;
}

.login form#loginform {
	display: flex !important;
	flex-direction: column;

	& div:nth-of-type(2) {
		order: 1;

		& a:hover {
			background: #3b73ce !important;
		}

		&::before {
			display: block;
			content: "Oppure";
			margin-bottom: 8px;
			font-size: 14px;
			font-weight: 700;
			color: #786f6f;
		}
	}
}

.login #nav,
.login #backtoblog {
	padding: 0;

	& a {
		display: block;
		padding: 0.75rem 1.5rem;
		color: #fff;
		text-decoration: none;
		border: solid 1px #fff;
		background-color: rgba(0, 0, 0, 0.1);

		&:hover {
			background-color: rgba(0, 0, 0, 0.2);
			color: #fff;
		}
	}
}