body {
    background-color: hsl(222 47% 6%) !important;
    color: #fff !important;
}

.card {
    padding: 1rem;
    width: clamp(25rem, 40%, 90svw) !important;
    background-color: hsl(221 46% 8%) !important;
    border-color: hsl(222 30% 18%) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.form-control:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.25rem var(--bs-subtle-primary) !important;
}