body{
    min-height:100vh;

    background:
    linear-gradient(
        rgba(0,43,91,0.88),
        rgba(0,43,91,0.88)
    ),
    url('../images/bg.jpg');

    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment:fixed;

    font-family:'Segoe UI',sans-serif;
}

.portal-card{

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

    border-radius:35px;

    padding:60px;

    overflow:hidden;

    border-top:6px solid #FFC107;

    box-shadow:
    0 25px 70px rgba(0,0,0,.25);

}


.feature-card{

    background:#ffffff;

    border-radius:15px;

    padding:25px;

    border:1px solid #edf0f5;

    transition:.3s;
}

.feature-card:hover{

    transform:translateY(-5px);

    box-shadow:
    0 10px 20px rgba(0,43,91,.10);
}


.logo{
    max-width:150px;
}

.logo-small{
    max-width:280px;
}

.title{
    color:#002B5B;
    font-size:48px;
    font-weight:700;
}

.subtitle{
    color:#555;
    font-size:20px;
}

.btn-primary-custom{
    background:#002B5B;
    color:white;
    border:none;
    height:60px;

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

    font-weight:600;
    border-radius:15px;

    text-decoration:none;
}

.btn-primary-custom:hover{
    background:#001D3D;
    color:white;
}

.btn-warning-custom{
    background:#FFC107;
    color:#002B5B;
    border:none;
    border-radius:15px;
    height:60px;
    font-size:18px;
    font-weight:600;
    
}

.btn-warning-custom:hover{
    background:#ffca2c;
    color:#002B5B;
}

.form-control{
    height:58px;
    border-radius:12px;
    padding-left:15px;
    font-size:16px;
}

.card-title{
    color:#002B5B;
    font-weight:700;
}