body {
    min-height: 100vh;
    display:    flex;
    align-items: center;
    justify-content: center;
}

.login-card {
    width:     100%;
    max-width: 400px;
    margin:    20px;
    position:  relative;
    overflow:  hidden;
}

.brand-bar {
    width:         100%;
    height:        4px;
    background:    #2E86C1;
    border-radius: 8px 8px 0 0;
    position:      absolute;
    top:           0;
    left:          0;
}

.subtitle {
    text-align:    center;
    margin-bottom: var(--pico-spacing);
}

.error {
    color:         var(--pico-del-color);
    margin-bottom: var(--pico-spacing);
    font-size:     0.9em;
}