.login.ricriativos-login {
	--rc-login-primary: #ff1090;
	--rc-login-secondary: #03294a;
	--rc-login-accent: #ff1090;
	--rc-login-gold: #e4b955;
	--wp-admin-theme-color: var(--rc-login-primary);
	box-sizing: border-box;
	min-height: 100vh;
	height: auto;
	padding: 32px 18px;
	background:
		radial-gradient(circle at 14% 12%, rgba(255, 16, 144, .2), transparent 32%),
		radial-gradient(circle at 84% 83%, rgba(228, 185, 85, .15), transparent 30%),
		linear-gradient(145deg, var(--rc-login-secondary), #021727 80%);
	color: #fff;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ricriativos-login *, .ricriativos-login *::before, .ricriativos-login *::after { box-sizing: border-box; }

.ricriativos-login #login {
	width: min(440px, 100%);
	margin: 0 auto;
	padding: 0;
}

.ricriativos-login #login h1 a {
	width: 176px;
	height: 176px;
	margin: 0 auto 14px;
	background-image: url(../images/login-logo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.ricriativos-login #login h1 a:focus-visible,
.ricriativos-login a:focus-visible,
.ricriativos-login button:focus-visible,
.ricriativos-login input:focus-visible,
.ricriativos-login select:focus-visible {
	outline: 3px solid var(--rc-login-gold);
	outline-offset: 3px;
}

.ricriativos-login .rc-login-intro {
	margin: 0 0 23px;
	text-align: center;
}

.ricriativos-login .rc-login-intro__eyebrow {
	margin: 0 0 8px;
	color: var(--rc-login-gold);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .18em;
	text-transform: uppercase;
}

.ricriativos-login .rc-login-intro h2 {
	margin: 0 0 8px;
	color: #fff;
	font-size: clamp(25px, 4vw, 32px);
	font-weight: 750;
	letter-spacing: -.03em;
	line-height: 1.2;
}

.ricriativos-login .rc-login-intro > p:last-child {
	margin: 0;
	color: #c8d5e3;
	font-size: 14px;
}

.ricriativos-login #login form {
	margin: 0;
	padding: 32px;
	border: 1px solid rgba(255, 255, 255, .65);
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 24px 70px rgba(0, 8, 24, .25);
}

.ricriativos-login #login form label {
	margin-bottom: 4px;
	color: #132d47;
	font-size: 13px;
	font-weight: 700;
}

.ricriativos-login #login form .input,
.ricriativos-login #login form input[type="text"],
.ricriativos-login #login form input[type="password"] {
	min-height: 50px;
	max-height: none;
	margin: 7px 0 21px;
	padding: 11px 14px;
	border: 1px solid #d7e0e9;
	border-radius: 12px;
	background: #f8fafc;
	color: #132d47;
	font-family: inherit;
	font-size: 15px;
	box-shadow: none;
}

.ricriativos-login #login form input.password-input { padding-right: 52px; }
.ricriativos-login #login form .input:focus { border-color: var(--rc-login-primary); box-shadow: 0 0 0 4px rgba(255, 16, 144, .13); }
.ricriativos-login #login form .wp-hide-pw { top: 12px; right: 6px; color: #536b80; }
.ricriativos-login #login form .forgetmenot { float: none; margin: 0; }
.ricriativos-login #login form .forgetmenot label { font-weight: 500; }
.ricriativos-login #login form input[type="checkbox"] { margin-right: 7px; accent-color: var(--rc-login-primary); }
.ricriativos-login #login form p.submit { clear: both; margin: 22px 0 0; }

.ricriativos-login #login form .button-primary {
	float: none;
	width: 100%;
	min-height: 52px;
	padding: 10px 20px;
	border: 0;
	border-radius: 999px;
	background: var(--rc-login-primary);
	color: #fff;
	font-size: 15px;
	font-weight: 750;
	text-shadow: none;
	box-shadow: 0 12px 26px rgba(255, 16, 144, .22);
	transition: filter .2s ease, transform .2s ease, box-shadow .2s ease;
}

.ricriativos-login #login form .button-primary:hover { filter: brightness(.9); transform: translateY(-2px); box-shadow: 0 15px 30px rgba(255, 16, 144, .3); }
.ricriativos-login #login form .button-primary:active { transform: translateY(0); }

.ricriativos-login #login .message,
.ricriativos-login #login .notice,
.ricriativos-login #login .success,
.ricriativos-login #login #login_error {
	margin: 0 0 18px;
	padding: 14px 17px;
	border: 1px solid #e5e9ef;
	border-left: 4px solid var(--rc-login-accent);
	border-radius: 12px;
	background: #fff;
	color: #24374a;
	box-shadow: 0 8px 25px rgba(0, 8, 24, .12);
}

.ricriativos-login #login .success { border-left-color: #278462; }
.ricriativos-login #login #login_error { border-left-color: #c43c52; }

.ricriativos-login #login #nav,
.ricriativos-login #login #backtoblog { margin: 17px 0 0; padding: 0; text-align: center; }

.ricriativos-login #login #nav a,
.ricriativos-login #login #backtoblog a,
.ricriativos-login .privacy-policy-page-link a {
	color: #e5edf5;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

.ricriativos-login #login #nav a:hover,
.ricriativos-login #login #backtoblog a:hover,
.ricriativos-login .privacy-policy-page-link a:hover { color: var(--rc-login-gold); text-decoration: underline; }

.ricriativos-login .language-switcher { margin: 22px auto 0; padding: 0; color: #d8e5f0; }
.ricriativos-login .language-switcher label { color: #d8e5f0; font-size: 12px; }
.ricriativos-login .language-switcher select,
.ricriativos-login .language-switcher .button {
	min-height: 38px;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 9px;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	box-shadow: none;
}

.ricriativos-login .language-switcher option { color: #132d47; }
.ricriativos-login .privacy-policy-page-link { margin: 18px 0 0; }

.ricriativos-login.interim-login { display: block; min-height: 0; padding: 0; background: transparent; }
.ricriativos-login.interim-login #login { width: 100%; }
.ricriativos-login.interim-login #login h1 a { width: 110px; height: 110px; }
.ricriativos-login.interim-login #login form { box-shadow: none; }
.ricriativos-login.login-action-confirm_admin_email #login { width: min(650px, 100%); }

@media (max-width: 480px) {
	.login.ricriativos-login { padding: 24px 16px; }
	.ricriativos-login #login h1 a { width: 148px; height: 148px; }
	.ricriativos-login #login form { padding: 25px 21px; border-radius: 18px; }
	.ricriativos-login .rc-login-intro { margin-bottom: 18px; }
}

@media (prefers-reduced-motion: reduce) {
	.ricriativos-login #login form .button-primary { transition: none; }
	.ricriativos-login #login form .button-primary:hover { transform: none; }
}