.gradient-bg {
    background: #1a1d21 !important;
    background: radial-gradient(circle at center, #2c313a 0%, #1a1d21 75%) !important;
    position: relative;
    overflow: hidden;
}


.glass-button a, .glass-button button, .glass-box, .glass-panel {
    position: relative !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: none !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
    z-index: 1;
}

.glass-button a, .glass-button button {
    background: rgba(255,255,255,0.1) !important;
    border-radius: 14px !important;
    padding: 12px 24px !important;
    display: inline-block !important;
    color: #fff !important;
    text-decoration: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    margin: 10px 0 !important;
    font-weight: 600 !important; /* Beter contrast */
    
    
    
    .glass-box, .glass-panel {
    background-color: rgba(0,0,0,0.2) !important; /* Donkerder voor beter tekstcontrast */
    border-radius: 16px !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
}

.glass-box::before, .glass-panel::before, .glass-button a::before, .glass-button button::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    padding: 1px !important;
    border-radius: inherit !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.4), rgba(255,255,255,0.05), rgba(255,255,255,0.2)) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
}