:root{
    --primary:#2E7D32;
    --secondary:#43A047;
    --bg:#F5F7FA;
}

body{
    background:linear-gradient(135deg,#E8F5E9,#F5F7FA);
    font-family:'Poppins',sans-serif;
}

.login-card{

    background:white;

    border-radius:24px;

    padding:35px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.logo-circle{

    width:90px;

    height:90px;

    background:#E8F5E9;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:auto;

}

.logo-circle i{

    font-size:42px;

    color:#2E7D32;

}

.form-control{

    height:52px;

}

.input-group-text{

    background:white;

}

.btn-login{

    height:52px;

    border-radius:12px;

    font-weight:600;

}

@media(max-width:576px){

.login-card{

padding:25px;

border-radius:20px;

}

.logo-circle{

width:75px;
height:75px;

}

.logo-circle i{

font-size:34px;

}

}