body {
    font-family: 'Segoe UI', sans-serif;
}

.bg-gradient {
    background: linear-gradient(90deg, #2c2c54, #3c40c6);
}

.btn-neon {
    background-color: #00ffe0;
    color: #000;
    border: none;
}

.btn-neon:hover {
    background-color: #00cbb3;
    color: #fff;
}

.card {
    border: none;
    border-radius: 0.75rem;
}

footer {
    background-color: #1e1e2f;
}

.custom-bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgb(13 13 43) !important;
}

.badge {
    width: fit-content;
    display: inline-block !important;
    padding: 7px 15px;
    background-color: #49495c !important;
    border: 1px solid #7f7f8c;
}

.lavender-text {
    color: #a64ad7;
}

.green-text {
    color: #45b692;
}

.mustardyellow {
    color: #ffce1b;
}

body {
    background-color: #0d0d2b;
    color: #fff;
    font-family: "Segoe UI", sans-serif;
}

.btn-pink {
    background-color: #d63384;
    color: #fff;
}

.btn-pink:hover {
    background-color: #b52d6f;
    color: #fff;
}

.card {
    background-color: #1a1a40;
    border: none;
    border-radius: 16px;
    padding: 1rem;
    color: #fff;
}

.form-control {
    background-color: rgb(31 39 58);
    border: 1px solid #444;
    color: #fff;
}

.form-control:focus {
    color: #fff;
    background-color: #3c4354;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}


footer {
    font-size: 0.9rem;
    color: #aaa;
}

a {
    color: #bbb;
}

a:hover {
    color: #fff;
}