body {
    background: url(/media/aspnet-club.png);
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed; /* prevents bg scrolling with content */
    min-height: 100vh;
}

div.card {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    border-radius: 12px; /* softer corners if not already set */
    border: 1px solid rgba(255, 255, 255, 0.4); /* subtle glass edge */
    transition: box-shadow 0.2s ease; /* smooth hover transition */
}

    div.card:hover {
        box-shadow: 0 0 28px rgba(0, 0, 0, 0.8);
    }