/* ==========================
   AUTH PAGE
========================== */

body{
    font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
}

body{

    font-family:'Plus Jakarta Sans',sans-serif;

}

/* Background */

.auth-bg{
    background:#ffffff;
    position:relative;
    overflow:hidden;
    min-height:100vh;
}

/* Blob */

.blob{
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
    opacity:.55;
    z-index:0;
}

.blob1{
    width:380px;
    height:380px;
    background:#f1f5f9;
    left:-120px;
    top:-80px;
}

.blob2{
    width:320px;
    height:320px;
    background:#fef3c7;
    right:-80px;
    bottom:-60px;
}

.blob3{
    width:250px;
    height:250px;
    background:#f8fafc;
    right:20%;
    top:10%;
}

/* Card */

.auth-card{

    border:1px solid #e5e7eb;

}

/* Logo */

.auth-logo{
    width:95px;
}

.brand-line{
    width:70px;
    height:5px;
    margin:auto;
    border-radius:10px;
    background:#fbbf24;
}

.quote{
    color:#64748b;
    font-size:14px;
    font-style:italic;
}

/* Input */

.input-group-text{
    background:#ffffff;
    border:1px solid #dbe4f0;
    border-right:none;
    color:#64748b;
    border-radius:14px 0 0 14px;
    min-width:50px;
    justify-content:center;
}

.input-group .btn{
    border:1px solid #dbe4f0;
    border-left:none;
    border-radius:0 14px 14px 0;
}

.form-control{
    border-left:none;
    border-right:none;
}

.form-control:focus{
    z-index:3;
}

/* Button */

.login-btn{

    background:#2563eb;

    border:none;

    border-radius:14px;

    font-weight:600;

}

.login-btn:hover{

    background:#1d4ed8;

}

/* Animation */

@keyframes fadeIn{

    from{
        opacity:0;
        transform:translateY(25px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}