/* =========================================================
	TALENTHUB PASSWORD RECOVERY
========================================================= */

.th-password-recovery-form{
	gap:18px;
}

.th-password-recovery-copy{
	margin:0;
	color:var(--th-color-text-soft);
	font-size:.92rem;
	font-weight:750;
	line-height:1.55;
}

.th-password-recovery-form .th-login-temp-notice{
	margin-top:4px;
}

.th-password-recovery-state{
	position:relative;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:12px;
	padding:24px;
	border:1px solid var(--th-border-glass);
	border-radius:22px;
	background:var(--th-card-bg-glass);
}

.th-password-recovery-state::before{
	content:"";
	position:absolute;
	inset:0 auto 0 0;
	width:5px;
	background:var(--th-gradient-line);
}

.th-password-recovery-state > *{
	position:relative;
	z-index:2;
}

.th-password-recovery-state i{
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border-radius:15px;
	background:var(--th-badge-bg);
	color:var(--th-badge-text);
	font-size:1.15rem;
}

.th-password-recovery-state h1{
	margin:0;
	color:var(--th-color-text-main);
	font-size:1.34rem;
	font-weight:950;
	line-height:1.14;
}

.th-password-recovery-state p{
	margin:0;
	color:var(--th-color-text-soft);
	font-size:.92rem;
	font-weight:750;
	line-height:1.55;
}

html[data-theme="dark"] .th-password-recovery-copy,
html[data-theme="dark"] .th-password-recovery-state p{
	color:rgba(255,255,255,.66);
}

html[data-theme="dark"] .th-password-recovery-state{
	background:rgba(255,255,255,.045);
	border-color:rgba(255,255,255,.12);
}

html[data-theme="dark"] .th-password-recovery-state h1{
	color:#ffffff;
}