/* =========================================
LOGIN
========================================= */

.login-page{
	padding-top: 30px;
}

/* TITLE */

.login-title{
	margin-bottom:20px;
	font-size:1.8rem;
	font-weight:650; 
	text-align:center;
}

/* BRAND */

.login-brand-card{
	padding: 20px;
	margin-bottom:20px;
	border-radius:18px;
	background:#f5f5f5;
	text-align:center;
}

.login-brand-logo{
	width:160px;
	max-width:100%; 
	margin:8px auto ;
	display:block;
}

.login-brand-card strong{
	font-size:1.4rem;
	font-weight:600; 
}

/* DESCRIPTION */

.login-description{
	margin-bottom:28px;

	font-size:1rem;
	font-weight:500;
	line-height:1.4;

	color:#333;
}

/* FORM */

.login-form{
	display:flex;
	flex-direction:column;
	gap:20px;
}

.form-group{
	display:flex;
	flex-direction:column;
	gap:10px;
}

.form-label{
	font-size:1rem;
	font-weight:650;
}

.form-label span{
	color:#ff4a4a;
}

.form-input{
	width:100%;
	height:56px;

	padding:0 16px;

	border:1px solid #d7d7d7;
	border-radius:10px;

	background:#fff;

	font-size:1rem;
	font-family:inherit;
}

.login-submit-btn{
	height:56px; 
	border-radius:10px;

	background:#0d6b5d;
	color:#fff;

	font-size:1rem;
	font-weight:650;

	transition:.25s;
}

.login-submit-btn:active{
	transform:scale(.98);
}

/* FIND */

.login-find-wrap{
	padding:20px 0;

	text-align:center;
}

.login-find-wrap a{
	font-size:.95rem;
	font-weight:600;

	color:#444;

	text-decoration:underline;
	text-underline-offset:3px;
}

/* JOIN */

.login-join-card{
	padding:24px 0;

	border-top:1px solid #e5e5e5;
}

.login-join-card h3{
	margin-bottom:10px; 
	font-size:1.25rem;
	font-weight:650; 
}

.login-join-card p{
	margin-bottom:22px; 
	font-size:.98rem; 
	font-weight: 400;
	line-height: 1.4;
	color:#555;
}

.login-join-btn{
	width:100%;
	height:54px;

	border:1px solid #0d6b5d;
	border-radius:10px;

	display:flex;
	align-items:center;
	justify-content:center;

	font-size:1rem;
	font-weight:650;

	color:#0d6b5d;
}