html, body {
        height: 100%;
        margin: 0;
        padding: 0;
    }
    
    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        
    }
    
    .main-content {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
    
    .well-white {
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 0.375rem;
        padding: 20px;
        width: 100%;
        box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    }
    
    body {
        padding-bottom: 60px;
    }


    .error {
        color: var(--bs-danger);
        font-weight: bold;
    }