/* Finea Hub - form di registrazione/login.
   Replica intenzionalmente lo stile ".contact-form-card" già usato dal tema
   del sito per il form contatti (stessa card grigia, stessi input, stesso
   bottone navy) cosi la maschera risulta indistinguibile dal resto del sito.
   Scoped sotto #fhb-auth. */

#fhb-auth {
	--fhb-navy: #16243B;
	--fhb-navy-soft: #24374A;
	--fhb-blue: #2F7FFF;
	--fhb-orange: #C9763B;
	--fhb-border: #D8D8D8;
	--fhb-text: #101827;
	--fhb-muted: #666666;
	--fhb-error: #B03A3A;

	max-width: 480px;
	margin: 0 auto;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	color: var(--fhb-text);
}
#fhb-auth * { box-sizing: border-box; }

#fhb-auth .fhb-auth-form {
	background: #f7f7f7;
	border-radius: 28px;
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#fhb-auth label {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: .85rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .02em;
	color: var(--fhb-text);
}
#fhb-auth label input[type=text],
#fhb-auth label input[type=email],
#fhb-auth label input[type=password] {
	width: 100%;
	text-transform: none;
	font-weight: 400;
	font: inherit;
	color: var(--fhb-text);
	padding: 14px 16px;
	border: 1px solid var(--fhb-border);
	border-radius: 10px;
	background: #fff;
	transition: .3s;
}
#fhb-auth label input:focus {
	outline: none;
	border-color: var(--fhb-blue);
}

#fhb-auth .fhb-auth-checkbox {
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
	font-weight: 400;
	text-transform: none;
	font-size: 13px;
	line-height: 1.5;
	color: var(--fhb-muted);
}
#fhb-auth .fhb-auth-checkbox input[type=checkbox] {
	margin-top: 3px;
	accent-color: var(--fhb-blue);
}
#fhb-auth .fhb-auth-checkbox a { color: var(--fhb-blue); }

#fhb-auth .fhb-hp { display: none !important; }

#fhb-auth .fhb-auth-btn {
	background: var(--fhb-navy);
	color: #fff;
	border: none;
	border-radius: 12px;
	padding: 18px 24px;
	font-size: 14.5px;
	font-weight: 600;
	cursor: pointer;
	transition: .3s;
	width: 100%;
}
#fhb-auth .fhb-auth-btn:hover { background: var(--fhb-navy); transform: translateY(-2px); }

#fhb-auth .fhb-auth-note {
	font-size: 12.5px;
	color: var(--fhb-muted);
	text-align: center;
	margin: 0;
	text-transform: none;
	font-weight: 400;
}
#fhb-auth .fhb-auth-note a { color: var(--fhb-blue); font-weight: 600; }

#fhb-auth .fhb-auth-errors {
	background: #fbe9e9;
	color: var(--fhb-error);
	border-radius: 10px;
	padding: 12px 16px;
	font-size: 13px;
	text-transform: none;
	font-weight: 400;
}
#fhb-auth .fhb-auth-errors p { margin: 2px 0; }

#fhb-auth .fhb-auth-success {
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 28px;
	padding: 40px;
}
#fhb-auth .fhb-auth-success h3 { margin: 0 0 10px; color: var(--fhb-navy); font-size: 1.4rem; }
#fhb-auth .fhb-auth-success p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--fhb-muted); }

#fhb-auth .fhb-auth-msg {
	background: #f7f7f7;
	border-radius: 16px;
	padding: 16px 18px;
	font-size: 14px;
}
#fhb-auth .fhb-auth-msg a { color: var(--fhb-blue); font-weight: 600; }