* {
    box-sizing: border-box;
}

body {
    margin: 0;
    min-height: 100vh;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    background:
        linear-gradient(
            135deg,
            #f5f7fa,
            #e4e9f0
        );
}


.login-wrapper {
    min-height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;
}


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

    background: #ffffff;

    padding: 35px;

    border-radius: 18px;

    box-shadow:
        0 15px 40px
        rgba(0, 0, 0, 0.10);
}


.login-icon {
    width: 65px;
    height: 65px;

    margin: auto;

    display: flex;

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

    border-radius: 50%;

    background: #0d6efd;

    color: #ffffff;

    font-size: 28px;
}


.form-control,
.input-group-text,
.btn {
    min-height: 46px;
}


@media (max-width: 576px) {

    .login-card {
        padding: 25px 20px;
    }

}