.login-container {
    display: flex;
    justify-content: center;
    min-height: 50vh;
/*    background: url('/images/background.jpg') no-repeat center center fixed;*/
    background-size: cover;
    padding: 1rem;
}

.glass-card {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    width: 100%;
    max-width: 500px;
}

.login-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}


/* wwwroot/css/app.css (or site.css) */
.my-skeletons .mud-skeleton {
    /* base background */
    background-color: #2a2f3a !important;
}

/* If you're using the wave animation, you may also want to tune the shimmer */
.my-skeletons .mud-skeleton-wave::after {
    background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.12), transparent ) !important;
}