/* ==========================================
   Expolio EMS - Login
   ========================================== */

body{
    margin:0;
    padding:0;
    background:#eef3f9;
    font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
}

.login-wrapper{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:25px;
}

.login-box{
    width:100%;
    max-width:430px;
}

.login-logo{
    text-align:center;
    margin-bottom:25px;
}

.login-logo img{
    max-width:220px;
    max-height:90px;
    width:auto;
    height:auto;
}

.company-subtitle{
    color:#6b7280;
    margin-top:10px;
    font-size:15px;
}

.login-card{
    background:#fff;
    border-radius:20px;
    padding:35px;
    box-shadow:0 12px 35px rgba(0,0,0,.10);
}

.login-card h2{
    font-size:30px;
    font-weight:700;
}

.login-card p{
    color:#6b7280;
}

.form-label{
    font-weight:600;
}

.form-control{
    height:52px;
    border-radius:12px;
    border:1px solid #d7dde5;
}

.input-group-text{
    border-radius:12px 0 0 12px;
    background:#f8f9fa;
}

.input-group .btn{
    border-radius:0 12px 12px 0;
}

.btn-primary{
    height:52px;
    border-radius:12px;
    font-weight:600;
    font-size:16px;
}

.footer-text{
    text-align:center;
    margin-top:25px;
    color:#6b7280;
    font-size:13px;
}