*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial, Helvetica, sans-serif;
}

.login-body{
    width:100%;

    background:linear-gradient(
        180deg,
        #354564 0%,
        #24344f 100%
    );

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

    padding:30px;
}

.login-container{
    width:100%;
}

.logo{
    display:block;
    width:400px;
    max-width:65%;
    margin:0 auto 25px auto;
}

.app-title{
    color:#ffffff;
    text-align:center;
    font-size:64px;
    font-weight:700;
    margin-bottom:60px;
}

.login-label{
    display:block;
    text-align:center;
    color:white;
    font-size:18px;
    letter-spacing:2px;
    margin-bottom:12px;
    margin-top:25px;
}

.login-input{
    width:100%;
    height:65px;

    border:none;
    border-radius:18px;

    background:rgba(255,255,255,.15);

    color:white;
    font-size:18px;

    padding:0 20px;
}

.login-input:focus{
    outline:none;
}

.login-btn{
    width:100%;
    height:75px;

    margin-top:40px;

    border:none;
    border-radius:18px;

    background:white;

    font-size:28px;
    font-weight:700;

    cursor:pointer;
}

.login-footer{
    text-align:center;
    color:rgba(255,255,255,.65);

    margin-top:50px;

    font-size:18px;
}

.error-box{
    background:#dc3545;
    color:white;
    padding:15px;
    border-radius:10px;
    margin-bottom:20px;
    text-align:center;
}