:root{

    --super-blue: #0C4697;
    --super-blue-dark: #083878;
    --super-blue-light: #1A5DBD;

    --super-white: #FFFFFF;

    --super-gray: #F4F6F9;
    --super-text: #2C3E50;

}

body{

    background:
    linear-gradient(
        135deg,
        #0C4697 0%,
        #083878 100%
    )!important;

    min-height:100vh;
}

.login-card{

    border:none;

    border-radius:20px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.15);

    overflow:hidden;
}

.login-header{

    background:#0C4697;

    color:#fff;

    padding:30px;

    text-align:center;
}

.login-logo{

    width:140px;
    margin:auto;
    display:block;
    margin-bottom:20px;
}

.btn-super{

    background:#0C4697;
    border:0;

    color:#fff;

    font-weight:600;

    height:48px;

    transition:.3s;
}

.btn-super:hover{

    background:#083878;

    color:#fff;

    transform:translateY(-1px);

    box-shadow:0 8px 20px rgba(12,70,151,.25);
}