:root {

    --primary: #073154;
    --secondary: #D0D4E3;
    --accent: #CE0058;

}

body {

    min-height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;

    background:
        linear-gradient(135deg,
            #073154,
            #0B4A7A);

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

.login-container {

    width: 100%;
    max-width: 480px;
    padding: 20px;

}

.login-card {

    border: none;

    border-radius: 20px;

    overflow: hidden;

    box-shadow:
        0 20px 40px rgba(0, 0, 0, .25);
}

.logo-area {

    background: white;

    text-align: center;

    padding: 35px;
}

.logo-area img {

    max-width: 280px;

    width: 100%;

    height: auto;
}

.card-body {

    padding: 35px;
}

.titulo-sistema {

    color: #666;

    text-align: center;

    font-size: 14px;

    margin-top: 10px;
}