body {
    font-family: "Arial", sans-serif;
    background-color: #000;
    color: #fff;
    margin: 0;
    padding: 0
    }
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px
    }
.navbar {
    padding: 1rem 0
    }
.navbar-brand {
    font-size: 1.5rem
    }
.navbar-toggler {
    border: 1px solid #fff
    }
.nav-link {
    color: #fff
    }
.nav-link:hover {
    background-color: #444
    }
#cookie-consent {
    background-color: #000;
    color: #fff;
    padding: 1rem 0
    }
.btn-outline-primary {
    color: #fff;
    border-color: #fff
    }
.btn-outline-primary:hover {
    background-color: #fff;
    color: #000
    }
h1, h2, h3, h4, h5, h6 {
    color: #fff
    }
.card {
    background-color: #222;
    color: #fff;
    border: 1px solid #fff
    }
.card-body {
    padding: 1.5rem
    }
.card-body p {
    color: #ccc
    }
.btn-primary {
    background-color: #007bff;
    color: #fff
    }
.btn-primary:hover {
    background-color: #0056b3
    }
.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
    }
.btn-outline-primary:hover {
    background-color: #007bff;
    color: #fff
    }
footer {
    background-color: #000;
    color: #fff;
    padding: 1rem 0
    }
.breadcrumb {
    background-color: #222;
    color: #fff;
    padding: 0.5rem 1rem
    }
.breadcrumb-item a {
    color: #007bff
    }
.breadcrumb-item.active {
    color: #fff
    }
.form-control {
    background-color: #000;
    border: 1px solid #007bff;
    color: #fff
    }
.form-control:focus {
    background-color: #000;
    border: 1px solid #0056b3;
    color: #fff
    }
.btn {
    padding: 0.5rem 1rem;
    border-radius: 0.25rem
    }
.rounded-1 {
    border-radius: 0.25rem
    }
.rounded-2 {
    border-radius: 0.5rem
    }
img {
    max-width: 100%;
    height: auto
    }
.object-fit-cover {
    object-fit: cover
    }
.ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
    }
.overflow-hidden {
    overflow: hidden
    }
.vstack {
    display: flex;
    flex-direction: column
    }
.hstack {
    display: flex;
    flex-direction: row
    }
.gap-2 {
    gap: 0.5rem
    }
.gap-3 {
    gap: 1rem
    }
.align-items-center {
    align-items: center
    }
.text-decoration-none {
    text-decoration: none
    }
.rounded-top {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem
    }
.overflow-hidden {
    overflow: hidden
    }
.opacity-75 {
    opacity: 0.75
    }
.opacity-100 {
    opacity: 1
    }
.border-primary {
    border-color: #007bff
    }
.bg-primary {
    background-color: #007bff
    }
.bg-dark {
    background-color: #222
    }
.bg-black {
    background-color: #000
    }
.bg-opacity-10 {
    background-color: rgba(0, 0, 0, 0.1)
    }
.bg-opacity-25 {
    background-color: rgba(0, 0, 0, 0.25)
    }
.backdrop-blur {
    backdrop-filter: blur(10px)
    }
.hover-bg-primary-subtle:hover {
    background-color: rgba(0, 123, 255, 0.1)
    }
.hover-opacity-100:hover {
    opacity: 1
    }
.hover-opacity-75:hover {
    opacity: 0.75
    }