body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
    /* ARKA PLAN RESMİ AYARLARI */
    background-image: url('/img/queue-bg.jpg'); /* Resminizin yolu: wwwroot/images/queue-bg.webp */
    background-size: cover; /* Resmi, tüm arka planı kaplayacak şekilde ölçekle */
    background-position: center; /* Resmi ortala */
    background-attachment: fixed; /* Kaydırmada resmin sabit kalmasını sağla */
    /* Resim koyu olduğu için metin rengi varsayılan olarak beyaz/açık tonlarda olmalı */
    color: white;
}

/* Glass konteyner ve input renkleri */
.glass-container {
    /* Glass efekti için saydam ve bulanık yapıyı koru */
    background: rgba(255, 255, 255, 0.15); /* Hafif saydamlık, koyu resim üzerinde iyi patlar */
    border-radius: 16px;
    /* Gölgelendirmeyi artırarak öne çıkmasını sağla */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(15px); /* Yüksek bulanıklık */
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.5); /* Açık çerçeve */
    padding: 30px;
    width: 100%;
    max-width: 400px;
    color: white; /* Metin rengi beyaz */
}

/* Form Kontrol renklerini beyaz metne uyumlu hale getiriyoruz */
.form-control {
    background: rgba(255, 255, 255, 0.1); /* Daha saydam input arka planı */
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: white; /* Input metni beyaz */
}

    .form-control::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

    .form-control:focus {
        background: rgba(255, 255, 255, 0.2);
        border-color: #00bcd4; /* Canlı mavi odak rengi */
        box-shadow: 0 0 0 0.25rem rgba(0, 188, 212, 0.3);
        color: white;
    }