/*
|--------------------------------------------------------------------------
| Auth
|--------------------------------------------------------------------------
*/

.fajar-auth{

    min-height:80vh;

    display:flex;

    justify-content:center;

    align-items:center;

}

.fajar-auth-box{

    width:100%;

    max-width:460px;

    background:var(--fajar-card);

    border-radius:20px;

    padding:45px;

}

.fajar-auth-logo{

    text-align:center;

    color:var(--fajar-gold);

    font-size:34px;

    font-weight:700;

    letter-spacing:6px;

    margin-bottom:35px;

}

.fajar-auth-box h1{

    text-align:center;

    margin-bottom:15px;

    color:var(--fajar-white);

}

.fajar-auth-box p{

    text-align:center;

    color:var(--fajar-light);

    margin-bottom:35px;

}

.fajar-auth-box form{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.fajar-auth-box input[type=email],
.fajar-auth-box input[type=password],
.fajar-auth-box input[type=text]{

    height:58px;

    padding:0 18px;

    border:none;

    border-radius:12px;

    background:#0F172A;

    color:white;

    font-size:16px;

}

.fajar-checkbox{

    display:flex;

    align-items:center;

    gap:10px;

    color:var(--fajar-light);

}

.fajar-auth-box button{

    height:58px;

    border:none;

    border-radius:12px;

    background:var(--fajar-gold);

    font-size:17px;

    font-weight:700;

    cursor:pointer;

}

.fajar-auth-links{

    margin-top:30px;

    display:flex;

    flex-direction:column;

    gap:15px;

    text-align:center;

}

.fajar-auth-links a{

    color:var(--fajar-gold);

    text-decoration:none;

}

.fajar-auth-links a:hover{

    text-decoration:underline;

}

/*
|--------------------------------------------------------------------------
| Alertes
|--------------------------------------------------------------------------
*/

.fajar-alert{

    padding:18px;

    border-radius:12px;

    margin-bottom:25px;

}

.fajar-alert ul{

    margin:0;

    padding-left:20px;

}

.fajar-alert li{

    margin:6px 0;

}

.fajar-alert-error{

    background:#7F1D1D;

    color:#FECACA;

    border:1px solid #DC2626;

}

.fajar-alert-success{

    background:#064E3B;

    color:#D1FAE5;

    border:1px solid #10B981;

}
/*
|--------------------------------------------------------------------------
| Renvoi de l'e-mail
|--------------------------------------------------------------------------
*/

.fajar-resend-email{

	margin-top:35px;

	padding-top:30px;

	border-top:1px solid rgba(255,255,255,.08);

}

.fajar-resend-email h3{

	font-size:18px;

	margin-bottom:15px;

	color:var(--fajar-white);

}

.fajar-resend-email input{

	width:100%;

	margin-bottom:15px;

}

.fajar-resend-email button{

	width:100%;

}