body {
    background: radial-gradient(circle at 20% 20%, #1a1a1a 0%, #000000 80%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", Roboto, "Segoe UI", sans-serif;
    color: #fff;
}

.request-card {
    background: rgba(20,20,20,0.9);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 1rem;
    backdrop-filter: blur(10px);
}

.text-gradient {
    background: linear-gradient(90deg,#ff007a 0%,#ffae00 100%);
    -webkit-background-clip: text;
    color: transparent;
}

.btn-gradient {
    background: linear-gradient(90deg,#ff007a 0%,#ffae00 100%);
    border: 0;
    color: #000;
    border-radius: .7rem;
    box-shadow: 0 10px 25px rgba(255,0,122,.3);
}
.btn-gradient:hover {
    filter: brightness(1.05);
}

.form-control,
.form-select,
textarea {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: .6rem !important;
}
.form-control:focus,
textarea:focus {
    border-color: #ff007a !important;
    box-shadow: 0 0 0 .25rem rgba(255,0,122,.25) !important;
}
/* Verbeterde labelkleuren voor donkere modus */
body.bg-dark label.form-label {
  color: #fff !important;
}