body.login {
			background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%) !important;
			display: flex !important;
			flex-direction: column !important;
			align-items: center !important;
			justify-content: center !important;
			min-height: 100vh !important;
			margin: 0 !important;
			padding: 0 !important;
		}

		#login {
			padding: 0 !important;
			margin: 0 !important;
			width: 100% !important;
			max-width: 360px !important;
			position: relative !important;
		}

		.language-switcher {
			position: relative !important;
			margin-top: 20px !important;
			width: 100% !important;
			text-align: center !important;
		}
		.language-switcher form {
			background: transparent !important;
			box-shadow: none !important;
			padding: 0 !important;
			display: inline-block !important;
		}

		#login h1 a, .login h1 a {
			height: 120px !important;
			width: 120px !important;
			background-size: cover !important;
			background-position: center !important;
			background-repeat: no-repeat !important;
			border-radius: 50% !important;
			border: 5px solid #fff !important;
			box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
			margin: 0 auto 30px auto !important;
			display: block !important;
			transition: transform 0.3s ease;
		}

		.login form {
			background: #fff !important;
			border-radius: 12px !important;
			box-shadow: 0 15px 35px rgba(50,50,93,0.1), 0 5px 15px rgba(0,0,0,0.07) !important;
			padding: 30px !important;
			border: none !important;
		}

		.login .button-primary {
			background: #53f !important;
			border-color: #53f !important;
			border-radius: 6px !important;
			font-weight: 700 !important;
			text-transform: uppercase !important;
			width: 100% !important;
			height: 45px !important;
		}

		.login #nav, .login #backtoblog {
			text-align: center !important;
			padding: 10px 0 0 0 !important;
		}