html.dark-mode body,
body.dark-mode {
    background-color: #181a1b !important;
    color: #e8e6e3;
}

    html.dark-mode body .sidebar,
    html.dark-mode body .sidebar-toggle-btn,
    html.dark-mode body #sidebarToggle,
    body.dark-mode .sidebar,
    body.dark-mode .sidebar-toggle-btn,
    body.dark-mode #sidebarToggle {
        background: #23272b !important;
        color: #e8e6e3 !important;
        box-shadow: 2px 0 8px rgba(0,0,0,0.32);
    }

    html.dark-mode body .sidebar-close-btn,
    body.dark-mode .sidebar-close-btn {
        color: #e8e6e3 !important;
        background: transparent !important;
    }

    html.dark-mode body .sidebar-toggle-btn:hover,
    html.dark-mode body #sidebarToggle:hover,
    body.dark-mode .sidebar-toggle-btn:hover,
    body.dark-mode #sidebarToggle:hover {
        background: #2c3136 !important;
    }

    html.dark-mode body .sidebar-overlay,
    body.dark-mode .sidebar-overlay {
        background: rgba(0,0,0,0.7) !important;
    }

    html.dark-mode body main,
    body.dark-mode main {
        background: #181a1b;
        color: #e8e6e3;
    }

    html.dark-mode body .footer,
    body.dark-mode .footer {
        background-color: #23272b !important;
        color: #e8e6e3;
    }

        html.dark-mode body .footer::after,
        body.dark-mode .footer::after {
            background-color: #23272b !important;
        }

    html.dark-mode body .nav-link-top,
    html.dark-mode body .header-nav-link,
    body.dark-mode .nav-link-top,
    body.dark-mode .header-nav-link {
        color: #6fccdd !important;
    }

    html.dark-mode body a.nav-link.pill-active,
    body.dark-mode a.nav-link.pill-active {
        background-color: #6fccdd !important;
        color: #181a1b !important;
    }

    html.dark-mode body a.nav-link.pill-link,
    body.dark-mode a.nav-link.pill-link {
        color: #6fccdd !important;
    }

    html.dark-mode body .highlight-checkbox,
    body.dark-mode .highlight-checkbox {
        background: #23272b !important;
        border-color: #6fccdd !important;
        box-shadow: 0 2px 8px rgba(111,204,221,0.10);
    }

        html.dark-mode body .highlight-checkbox .form-check-label,
        body.dark-mode .highlight-checkbox .form-check-label {
            color: #e8e6e3 !important;
        }

        html.dark-mode body .highlight-checkbox .form-check-input,
        body.dark-mode .highlight-checkbox .form-check-input {
            background-color: #181a1b !important;
            border-color: #6fccdd !important;
        }

            html.dark-mode body .highlight-checkbox .form-check-input:checked,
            body.dark-mode .highlight-checkbox .form-check-input:checked {
                background-color: #6fccdd !important;
                border-color: #6fccdd !important;
            }

        html.dark-mode body .highlight-checkbox.selected,
        body.dark-mode .highlight-checkbox.selected {
            background: #1a2226 !important;
            border-color: #6fccdd !important;
        }

        html.dark-mode body .highlight-checkbox a,
        body.dark-mode .highlight-checkbox a {
            color: #6fccdd !important;
        }

            html.dark-mode body .highlight-checkbox a:hover,
            html.dark-mode body .highlight-checkbox a:focus,
            body.dark-mode .highlight-checkbox a:hover,
            body.dark-mode .highlight-checkbox a:focus {
                color: #e8e6e3 !important;
            }

    html.dark-mode body .dtSelected,
    body.dark-mode .dtSelected {
        background-color: #2c3136 !important;
        color: #e8e6e3 !important;
    }

    html.dark-mode body .error,
    body.dark-mode .error {
        color: #ff6f6f !important;
    }

    html.dark-mode body .teal,
    body.dark-mode .teal {
        color: #6fccdd !important;
    }

    html.dark-mode body .dark-red,
    body.dark-mode .dark-red {
        color: #ff6f6f !important;
    }

    html.dark-mode body .fa,
    body.dark-mode .fa {
        color: #e8e6e3 !important;
    }

    html.dark-mode body .btn,
    html.dark-mode body .btn-big-user,
    html.dark-mode body .btn-small-user,
    body.dark-mode .btn,
    body.dark-mode .btn-big-user,
    body.dark-mode .btn-small-user {
        background-color: #23272b !important;
        color: #e8e6e3 !important;
        border-color: #6fccdd !important;
    }

        html.dark-mode body .btn:hover,
        html.dark-mode body .btn-big-user:hover,
        html.dark-mode body .btn-small-user:hover,
        body.dark-mode .btn:hover,
        body.dark-mode .btn-big-user:hover,
        body.dark-mode .btn-small-user:hover {
            background-color: #6fccdd !important;
            color: #181a1b !important;
        }

    html.dark-mode body input,
    html.dark-mode body textarea,
    html.dark-mode body select,
    body.dark-mode input,
    body.dark-mode textarea,
    body.dark-mode select {
        background-color: #23272b !important;
        color: #e8e6e3 !important;
        border-color: #6fccdd !important;
    }

        html.dark-mode body input:focus,
        html.dark-mode body textarea:focus,
        html.dark-mode body select:focus,
        body.dark-mode input:focus,
        body.dark-mode textarea:focus,
        body.dark-mode select:focus {
            background-color: #181a1b !important;
            color: #e8e6e3 !important;
            border-color: #6fccdd !important;
        }

    html.dark-mode body .swiper-wrapper,
    body.dark-mode .swiper-wrapper {
        background: #181a1b !important;
    }

    html.dark-mode body .marquee-wrapper,
    html.dark-mode body .trusted-by-swiper,
    body.dark-mode .marquee-wrapper,
    body.dark-mode .trusted-by-swiper {
        background: #23272b !important;
    }

    html.dark-mode body .youtube-video,
    body.dark-mode .youtube-video {
        background: #181a1b !important;
    }

    html.dark-mode body .validation-summary-valid span,
    body.dark-mode .validation-summary-valid span {
        color: #ff6f6f !important;
    }

    /* --- Contact.cshtml --- */
    html.dark-mode body .container,
    html.dark-mode body .card,
    html.dark-mode body .card-body,
    body.dark-mode .container,
    body.dark-mode .card,
    body.dark-mode .card-body {
        background-color: #23272b !important;
        color: #e8e6e3 !important;
        border-color: #23272b !important;
    }

    html.dark-mode body .card-title,
    html.dark-mode body h1,
    html.dark-mode body h2,
    html.dark-mode body h3,
    html.dark-mode body h4,
    html.dark-mode body h5,
    html.dark-mode body h6,
    body.dark-mode .card-title,
    body.dark-mode h1,
    body.dark-mode h2,
    body.dark-mode h3,
    body.dark-mode h4,
    body.dark-mode h5,
    body.dark-mode h6 {
        color: #6fccdd !important;
    }

    html.dark-mode body .display-5,
    html.dark-mode body .lead,
    html.dark-mode body .form-text,
    html.dark-mode body .text-secondary,
    body.dark-mode .display-5,
    body.dark-mode .lead,
    body.dark-mode .form-text,
    body.dark-mode .text-secondary {
        color: #b0b8c1 !important;
    }

    html.dark-mode body .form-label,
    html.dark-mode body label,
    body.dark-mode .form-label,
    body.dark-mode label {
        color: #e8e6e3 !important;
    }

    html.dark-mode body .form-control,
    html.dark-mode body textarea.form-control,
    body.dark-mode .form-control,
    body.dark-mode textarea.form-control {
        background-color: #23272b !important;
        color: #e8e6e3 !important;
        border-color: #6fccdd !important;
    }

        html.dark-mode body .form-control:focus,
        html.dark-mode body textarea.form-control:focus,
        body.dark-mode .form-control:focus,
        body.dark-mode textarea.form-control:focus {
            background-color: #181a1b !important;
            color: #e8e6e3 !important;
            border-color: #6fccdd !important;
        }

    html.dark-mode body .btn-primary,
    html.dark-mode body .btn-primary:active,
    html.dark-mode body .btn-primary:focus,
    body.dark-mode .btn-primary,
    body.dark-mode .btn-primary:active,
    body.dark-mode .btn-primary:focus {
        background: linear-gradient(135deg, #003048 0%, #6fccdd 100%) !important;
        color: #fff !important;
        border: none !important;
    }

        html.dark-mode body .btn-primary:hover,
        body.dark-mode .btn-primary:hover {
            background: linear-gradient(135deg, #6fccdd 0%, #003048 100%) !important;
            color: #181a1b !important;
        }

    html.dark-mode body .alert-success,
    body.dark-mode .alert-success {
        background-color: #1a2226 !important;
        color: #b0f2c2 !important;
        border-color: #2e7d32 !important;
    }

    html.dark-mode body .alert-danger,
    body.dark-mode .alert-danger {
        background-color: #2c1a1a !important;
        color: #ffb3b3 !important;
        border-color: #ff6f6f !important;
    }

    html.dark-mode body .btn-close,
    body.dark-mode .btn-close {
        filter: invert(1) grayscale(1);
    }

    html.dark-mode body .text-primary,
    body.dark-mode .text-primary {
        color: #6fccdd !important;
    }

    html.dark-mode body .text-success,
    body.dark-mode .text-success {
        color: #7fffd4 !important;
    }

    html.dark-mode body a.text-decoration-none,
    body.dark-mode a.text-decoration-none {
        color: #6fccdd !important;
    }

        html.dark-mode body a.text-decoration-none:hover,
        body.dark-mode a.text-decoration-none:hover {
            color: #fff !important;
        }

    /* --- FeaturesLatest.cshtml & Index.cshtml (Tailwind utility classes) --- */
    html.dark-mode body .tw-bg-white,
    html.dark-mode body .tw-bg-gray-100,
    html.dark-mode body .tw-bg-gray-50,
    body.dark-mode .tw-bg-white,
    body.dark-mode .tw-bg-gray-100,
    body.dark-mode .tw-bg-gray-50 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-gray-900,
    body.dark-mode .tw-bg-gray-900 {
        background-color: #181a1b !important;
    }

    html.dark-mode body .tw-bg-[#003048],
    body.dark-mode .tw-bg-[#003048] {
        background-color: #6fccdd !important;
    }

    html.dark-mode body .tw-bg-[#6FCCDD],
    body.dark-mode .tw-bg-[#6FCCDD] {
        background-color: #6fccdd !important;
    }

    html.dark-mode body .tw-bg-[#ff6b35],
    body.dark-mode .tw-bg-[#ff6b35] {
        background-color: #ff6b35 !important;
    }

    html.dark-mode body .tw-text-gray-900,
    html.dark-mode body .tw-text-gray-700,
    html.dark-mode body .tw-text-gray-600,
    html.dark-mode body .tw-text-gray-500,
    body.dark-mode .tw-text-gray-900,
    body.dark-mode .tw-text-gray-700,
    body.dark-mode .tw-text-gray-600,
    body.dark-mode .tw-text-gray-500 {
        color: #e8e6e3 !important;
    }

    html.dark-mode body .tw-text-gray-300,
    html.dark-mode body .tw-text-gray-400,
    body.dark-mode .tw-text-gray-300,
    body.dark-mode .tw-text-gray-400 {
        color: #b0b8c1 !important;
    }

    html.dark-mode body .tw-text-white,
    body.dark-mode .tw-text-white {
        color: #fff !important;
    }

    html.dark-mode body .tw-shadow-md,
    html.dark-mode body .tw-shadow-lg,
    html.dark-mode body .tw-shadow-xl,
    html.dark-mode body .tw-shadow-2xl,
    body.dark-mode .tw-shadow-md,
    body.dark-mode .tw-shadow-lg,
    body.dark-mode .tw-shadow-xl,
    body.dark-mode .tw-shadow-2xl {
        box-shadow: 0 2px 16px rgba(0,0,0,0.5) !important;
    }

    html.dark-mode body .tw-rounded-lg,
    html.dark-mode body .tw-rounded-2xl,
    body.dark-mode .tw-rounded-lg,
    body.dark-mode .tw-rounded-2xl {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-border,
    html.dark-mode body .tw-border-gray-300,
    body.dark-mode .tw-border,
    body.dark-mode .tw-border-gray-300 {
        border-color: #6fccdd !important;
    }

    html.dark-mode body .tw-bg-gradient-to-r,
    html.dark-mode body .tw-bg-gradient-to-b,
    html.dark-mode body .tw-bg-gradient-to-br,
    body.dark-mode .tw-bg-gradient-to-r,
    body.dark-mode .tw-bg-gradient-to-b,
    body.dark-mode .tw-bg-gradient-to-br {
        background: linear-gradient(135deg, #23272b 0%, #003048 100%) !important;
    }

    html.dark-mode body .tw-bg-[#002a3d],
    body.dark-mode .tw-bg-[#002a3d] {
        background-color: #002a3d !important;
    }

    html.dark-mode body .tw-bg-[#e0f7ff],
    body.dark-mode .tw-bg-[#e0f7ff] {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-text-[#003048],
    body.dark-mode .tw-text-[#003048] {
        color: #6fccdd !important;
    }

    html.dark-mode body .tw-text-[#6FCCDD],
    body.dark-mode .tw-text-[#6FCCDD] {
        color: #6fccdd !important;
    }

    html.dark-mode body .tw-text-[#ff6b35],
    body.dark-mode .tw-text-[#ff6b35] {
        color: #ff6b35 !important;
    }

    html.dark-mode body .tw-text-white,
    body.dark-mode .tw-text-white {
        color: #fff !important;
    }

    html.dark-mode body .tw-bg-gray-100,
    body.dark-mode .tw-bg-gray-100 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-gray-900,
    body.dark-mode .tw-bg-gray-900 {
        background-color: #181a1b !important;
    }

    html.dark-mode body .tw-bg-gray-600,
    body.dark-mode .tw-bg-gray-600 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-gray-700,
    body.dark-mode .tw-bg-gray-700 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-gray-400,
    body.dark-mode .tw-bg-gray-400 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-gray-300,
    body.dark-mode .tw-bg-gray-300 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-gray-50,
    body.dark-mode .tw-bg-gray-50 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-white,
    body.dark-mode .tw-bg-white {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-[#e0f7ff],
    body.dark-mode .tw-bg-[#e0f7ff] {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-text-lg,
    html.dark-mode body .tw-text-xl,
    html.dark-mode body .tw-text-2xl,
    html.dark-mode body .tw-text-3xl,
    html.dark-mode body .tw-text-4xl,
    html.dark-mode body .tw-text-5xl,
    html.dark-mode body .tw-font-bold,
    body.dark-mode .tw-text-lg,
    body.dark-mode .tw-text-xl,
    body.dark-mode .tw-text-2xl,
    body.dark-mode .tw-text-3xl,
    body.dark-mode .tw-text-4xl,
    body.dark-mode .tw-text-5xl,
    body.dark-mode .tw-font-bold {
        color: #e8e6e3 !important;
    }

    html.dark-mode body .tw-px-8,
    html.dark-mode body .tw-py-4,
    html.dark-mode body .tw-rounded-lg,
    body.dark-mode .tw-px-8,
    body.dark-mode .tw-py-4,
    body.dark-mode .tw-rounded-lg {
        background-color: #003048 !important;
        color: #fff !important;
    }

    html.dark-mode body .tw-px-6,
    html.dark-mode body .tw-py-2,
    html.dark-mode body .tw-rounded-md,
    body.dark-mode .tw-px-6,
    body.dark-mode .tw-py-2,
    body.dark-mode .tw-rounded-md {
        background-color: #003048 !important;
        color: #fff !important;
    }

    html.dark-mode body .tw-px-3,
    html.dark-mode body .tw-py-1,
    html.dark-mode body .tw-rounded-full,
    body.dark-mode .tw-px-3,
    body.dark-mode .tw-py-1,
    body.dark-mode .tw-rounded-full {
        background-color: #6fccdd !important;
        color: #003048 !important;
    }

    html.dark-mode body .tw-border-gray-300,
    body.dark-mode .tw-border-gray-300 {
        border-color: #6fccdd !important;
    }

    html.dark-mode body .tw-shadow,
    body.dark-mode .tw-shadow {
        box-shadow: 0 2px 8px rgba(0,48,72,0.32) !important;
    }

    html.dark-mode body .tw-shadow-xl,
    body.dark-mode .tw-shadow-xl {
        box-shadow: 0 4px 24px rgba(0,48,72,0.32) !important;
    }

    html.dark-mode body .tw-shadow-2xl,
    body.dark-mode .tw-shadow-2xl {
        box-shadow: 0 8px 32px rgba(0,48,72,0.32) !important;
    }

    html.dark-mode body .tw-bg-[#003048]:hover,
    html.dark-mode body .tw-bg-[#002a3d]:hover,
    body.dark-mode .tw-bg-[#003048]:hover,
    body.dark-mode .tw-bg-[#002a3d]:hover {
        background-color: #6fccdd !important;
        color: #003048 !important;
    }

    html.dark-mode body .tw-bg-white:hover,
    html.dark-mode body .tw-bg-gray-100:hover,
    body.dark-mode .tw-bg-white:hover,
    body.dark-mode .tw-bg-gray-100:hover {
        background-color: #003048 !important;
        color: #fff !important;
    }

    html.dark-mode body .tw-bg-[#6FCCDD]:hover,
    body.dark-mode .tw-bg-[#6FCCDD]:hover {
        background-color: #003048 !important;
        color: #fff !important;
    }

    html.dark-mode body .tw-bg-[#ff6b35]:hover,
    body.dark-mode .tw-bg-[#ff6b35]:hover {
        background-color: #ff6b35 !important;
        color: #fff !important;
    }

    html.dark-mode body .tw-text-white:hover,
    body.dark-mode .tw-text-white:hover {
        color: #003048 !important;
    }

    html.dark-mode body .tw-text-gray-900:hover,
    html.dark-mode body .tw-text-gray-700:hover,
    html.dark-mode body .tw-text-gray-600:hover,
    body.dark-mode .tw-text-gray-900:hover,
    body.dark-mode .tw-text-gray-700:hover,
    body.dark-mode .tw-text-gray-600:hover {
        color: #fff !important;
    }

    html.dark-mode body .tw-text-gray-500:hover,
    body.dark-mode .tw-text-gray-500:hover {
        color: #6fccdd !important;
    }

    html.dark-mode body .tw-text-gray-400:hover,
    body.dark-mode .tw-text-gray-400:hover {
        color: #fff !important;
    }

    html.dark-mode body .tw-text-[#003048]:hover,
    body.dark-mode .tw-text-[#003048]:hover {
        color: #fff !important;
    }

    html.dark-mode body .tw-text-[#6FCCDD]:hover,
    body.dark-mode .tw-text-[#6FCCDD]:hover {
        color: #003048 !important;
    }

    html.dark-mode body .tw-text-[#ff6b35]:hover,
    body.dark-mode .tw-text-[#ff6b35]:hover {
        color: #fff !important;
    }

    html.dark-mode body .tw-border,
    body.dark-mode .tw-border {
        border-color: #6fccdd !important;
    }

    html.dark-mode body .tw-border-transparent,
    body.dark-mode .tw-border-transparent {
        border-color: transparent !important;
    }

    html.dark-mode body .tw-outline-none:focus,
    html.dark-mode body .focus\:tw-outline-none:focus,
    body.dark-mode .tw-outline-none:focus,
    body.dark-mode .focus\:tw-outline-none:focus {
        outline: none !important;
        box-shadow: 0 0 0 2px #6fccdd !important;
    }

    html.dark-mode body .tw-ring-2:focus,
    html.dark-mode body .focus\:tw-ring-2:focus,
    body.dark-mode .tw-ring-2:focus,
    body.dark-mode .focus\:tw-ring-2:focus {
        box-shadow: 0 0 0 2px #6fccdd !important;
    }

    html.dark-mode body .tw-ring-[#003048]:focus,
    html.dark-mode body .focus\:tw-ring-[#003048]:focus,
    body.dark-mode .tw-ring-[#003048]:focus,
    body.dark-mode .focus\:tw-ring-[#003048]:focus {
        box-shadow: 0 0 0 2px #003048 !important;
    }

    html.dark-mode body .tw-appearance-none,
    body.dark-mode .tw-appearance-none {
        background-color: #23272b !important;
        color: #e8e6e3 !important;
    }

    html.dark-mode body .tw-underline,
    body.dark-mode .tw-underline {
        text-decoration: underline !important;
    }

    html.dark-mode body .tw-no-underline,
    body.dark-mode .tw-no-underline {
        text-decoration: none !important;
    }

    html.dark-mode body .hover\:tw-underline:hover,
    body.dark-mode .hover\:tw-underline:hover {
        text-decoration: underline !important;
    }

    html.dark-mode body .tw-shadow-md,
    body.dark-mode .tw-shadow-md {
        box-shadow: 0 2px 8px rgba(0,48,72,0.32) !important;
    }

    html.dark-mode body .tw-shadow-lg,
    body.dark-mode .tw-shadow-lg {
        box-shadow: 0 4px 16px rgba(0,48,72,0.32) !important;
    }

    html.dark-mode body .tw-shadow-xl,
    body.dark-mode .tw-shadow-xl {
        box-shadow: 0 8px 32px rgba(0,48,72,0.32) !important;
    }

    html.dark-mode body .tw-shadow-2xl,
    body.dark-mode .tw-shadow-2xl {
        box-shadow: 0 16px 64px rgba(0,48,72,0.32) !important;
    }

    /* --- Swiper and Trusted By --- */
    html.dark-mode body .swiper,
    html.dark-mode body .swiper-wrapper,
    html.dark-mode body .trusted-by-swiper,
    body.dark-mode .swiper,
    body.dark-mode .swiper-wrapper,
    body.dark-mode .trusted-by-swiper {
        background: #181a1b !important;
    }

    html.dark-mode body .swiper-slide,
    body.dark-mode .swiper-slide {
        background: transparent !important;
    }

    html.dark-mode body .swiper-pagination-bullet,
    body.dark-mode .swiper-pagination-bullet {
        background: #6fccdd !important;
    }

    html.dark-mode body .swiper-button-next,
    html.dark-mode body .swiper-button-prev,
    body.dark-mode .swiper-button-next,
    body.dark-mode .swiper-button-prev {
        color: #6fccdd !important;
    }

    /* --- Miscellaneous --- */
    html.dark-mode body .img-fluid,
    html.dark-mode body img,
    html.dark-mode body .homepage-banner,
    body.dark-mode .img-fluid,
    body.dark-mode img,
    body.dark-mode .homepage-banner {
        background: #23272b !important;
        border-color: #23272b !important;
    }

    html.dark-mode body .btn-outline-light,
    body.dark-mode .btn-outline-light {
        color: #6fccdd !important;
        border-color: #6fccdd !important;
        background: transparent !important;
    }

        html.dark-mode body .btn-outline-light:hover,
        body.dark-mode .btn-outline-light:hover {
            background: #6fccdd !important;
            color: #181a1b !important;
            border-color: #6fccdd !important;
        }

    /* --- Navbar Dark Mode for _Layout.cshtml and _Layout2.cshtml --- */
    html.dark-mode body .navbar,
    html.dark-mode body .custom-navbar,
    html.dark-mode body nav.navbar,
    html.dark-mode body .navbar-light,
    html.dark-mode body .navbar-expand-lg,
    body.dark-mode .navbar,
    body.dark-mode .custom-navbar,
    body.dark-mode nav.navbar,
    body.dark-mode .navbar-light,
    body.dark-mode .navbar-expand-lg {
        background-color: #23272b !important;
        color: #e8e6e3 !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.32) !important;
        border-bottom: 1px solid #003048 !important;
    }

    html.dark-mode body .navbar-brand,
    html.dark-mode body .navbar-brand img,
    html.dark-mode body .prominent-logo,
    html.dark-mode body #eventNavbarBrand img,
    body.dark-mode .navbar-brand,
    body.dark-mode .navbar-brand img,
    body.dark-mode .prominent-logo,
    body.dark-mode #eventNavbarBrand img {
        background: transparent !important;
        color: #6fccdd !important;
        filter: brightness(0.9) contrast(1.1);
    }

    html.dark-mode body .navbar-toggler,
    html.dark-mode body .navbar-toggler:focus,
    body.dark-mode .navbar-toggler,
    body.dark-mode .navbar-toggler:focus {
        background: #181a1b !important;
        border-color: #6fccdd !important;
        color: #6fccdd !important;
        box-shadow: 0 0 0 0.2rem rgba(111,204,221,0.25) !important;
    }

    html.dark-mode body .navbar-toggler-icon,
    body.dark-mode .navbar-toggler-icon {
        background-image: none !important;
        color: #6fccdd !important;
    }

        html.dark-mode body .navbar-toggler-icon:before,
        body.dark-mode .navbar-toggler-icon:before {
            content: "\f0c9";
            font-family: "FontAwesome";
            color: #6fccdd;
            font-size: 1.5rem;
        }

    html.dark-mode body .navbar-collapse,
    html.dark-mode body .navbar-nav,
    body.dark-mode .navbar-collapse,
    body.dark-mode .navbar-nav {
        background: #23272b !important;
    }

    html.dark-mode body .nav-link,
    html.dark-mode body .nav-link.nav-pill-link,
    html.dark-mode body .nav-link-top,
    html.dark-mode body .header-nav-link,
    body.dark-mode .nav-link,
    body.dark-mode .nav-link.nav-pill-link,
    body.dark-mode .nav-link-top,
    body.dark-mode .header-nav-link {
        color: #e8e6e3 !important;
        background: transparent !important;
    }

        html.dark-mode body .nav-link.nav-pill-link.active,
        html.dark-mode body .nav-link.nav-pill-link.active:hover,
        body.dark-mode .nav-link.nav-pill-link.active,
        body.dark-mode .nav-link.nav-pill-link.active:hover {
            background: #6fccdd !important;
            color: #23272b !important;
            box-shadow: 0 2px 8px rgba(111,204,221,0.18) !important;
        }

        html.dark-mode body .nav-link.nav-pill-link:hover,
        html.dark-mode body .nav-link-top:hover,
        html.dark-mode body .header-nav-link:hover,
        body.dark-mode .nav-link.nav-pill-link:hover,
        body.dark-mode .nav-link-top:hover,
        body.dark-mode .header-nav-link:hover {
            background: rgba(111,204,221,0.12) !important;
            color: #6fccdd !important;
        }

    html.dark-mode body .btn-theme-toggle,
    body.dark-mode .btn-theme-toggle {
        background: linear-gradient(135deg, #23272b 0%, #6fccdd 100%) !important;
        color: #e8e6e3 !important;
        border: none !important;
        box-shadow: 0 2px 8px rgba(0,48,72,0.18) !important;
    }

        html.dark-mode body .btn-theme-toggle:hover,
        html.dark-mode body .btn-theme-toggle:focus,
        body.dark-mode .btn-theme-toggle:hover,
        body.dark-mode .btn-theme-toggle:focus {
            background: linear-gradient(135deg, #6fccdd 0%, #23272b 100%) !important;
            color: #23272b !important;
        }

    html.dark-mode body .navbar .fa,
    html.dark-mode body .navbar .fa-moon,
    html.dark-mode body .navbar .fa-user,
    body.dark-mode .navbar .fa,
    body.dark-mode .navbar .fa-moon,
    body.dark-mode .navbar .fa-user {
        color: #6fccdd !important;
    }

    html.dark-mode body .navbar .btn-outline-dark,
    html.dark-mode body .btn-outline-dark,
    body.dark-mode .navbar .btn-outline-dark,
    body.dark-mode .btn-outline-dark {
        color: #6fccdd !important;
        border-color: #6fccdd !important;
        background: transparent !important;
    }

        html.dark-mode body .navbar .btn-outline-dark:hover,
        html.dark-mode body .btn-outline-dark:hover,
        body.dark-mode .navbar .btn-outline-dark:hover,
        body.dark-mode .btn-outline-dark:hover {
            background: #6fccdd !important;
            color: #23272b !important;
            border-color: #6fccdd !important;
        }

/* Responsive mobile menu background */
@media (max-width: 991.98px) {
    html.dark-mode body .navbar-collapse,
    body.dark-mode .navbar-collapse {
        background: rgba(35, 39, 43, 0.98) !important;
        box-shadow: 0 2px 8px rgba(111,204,221,0.10) !important;
    }
}

html.dark-mode body,
body.dark-mode {
    background-color: #181a1b !important;
    color: #e8e6e3;
}

    html.dark-mode body .sidebar,
    html.dark-mode body .sidebar-toggle-btn,
    html.dark-mode body #sidebarToggle,
    body.dark-mode .sidebar,
    body.dark-mode .sidebar-toggle-btn,
    body.dark-mode #sidebarToggle {
        background: #23272b !important;
        color: #e8e6e3 !important;
        box-shadow: 2px 0 8px rgba(0,0,0,0.32);
    }

    html.dark-mode body .sidebar-close-btn,
    body.dark-mode .sidebar-close-btn {
        color: #e8e6e3 !important;
        background: transparent !important;
    }

    html.dark-mode body .sidebar-toggle-btn:hover,
    html.dark-mode body #sidebarToggle:hover,
    body.dark-mode .sidebar-toggle-btn:hover,
    body.dark-mode #sidebarToggle:hover {
        background: #2c3136 !important;
    }

    html.dark-mode body .sidebar-overlay,
    body.dark-mode .sidebar-overlay {
        background: rgba(0,0,0,0.7) !important;
    }

    html.dark-mode body main,
    body.dark-mode main {
        background: #181a1b;
        color: #e8e6e3;
    }

    html.dark-mode body .footer,
    body.dark-mode .footer {
        background-color: #23272b !important;
        color: #e8e6e3;
    }

        html.dark-mode body .footer::after,
        body.dark-mode .footer::after {
            background-color: #23272b !important;
        }

    html.dark-mode body .nav-link-top,
    html.dark-mode body .header-nav-link,
    body.dark-mode .nav-link-top,
    body.dark-mode .header-nav-link {
        color: #6fccdd !important;
    }

    html.dark-mode body a.nav-link.pill-active,
    body.dark-mode a.nav-link.pill-active {
        background-color: #6fccdd !important;
        color: #181a1b !important;
    }

    html.dark-mode body a.nav-link.pill-link,
    body.dark-mode a.nav-link.pill-link {
        color: #6fccdd !important;
    }

    html.dark-mode body .highlight-checkbox,
    body.dark-mode .highlight-checkbox {
        background: #23272b !important;
        border-color: #6fccdd !important;
        box-shadow: 0 2px 8px rgba(111,204,221,0.10);
    }

        html.dark-mode body .highlight-checkbox .form-check-label,
        body.dark-mode .highlight-checkbox .form-check-label {
            color: #e8e6e3 !important;
        }

        html.dark-mode body .highlight-checkbox .form-check-input,
        body.dark-mode .highlight-checkbox .form-check-input {
            background-color: #181a1b !important;
            border-color: #6fccdd !important;
        }

            html.dark-mode body .highlight-checkbox .form-check-input:checked,
            body.dark-mode .highlight-checkbox .form-check-input:checked {
                background-color: #6fccdd !important;
                border-color: #6fccdd !important;
            }

        html.dark-mode body .highlight-checkbox.selected,
        body.dark-mode .highlight-checkbox.selected {
            background: #1a2226 !important;
            border-color: #6fccdd !important;
        }

        html.dark-mode body .highlight-checkbox a,
        body.dark-mode .highlight-checkbox a {
            color: #6fccdd !important;
        }

            html.dark-mode body .highlight-checkbox a:hover,
            html.dark-mode body .highlight-checkbox a:focus,
            body.dark-mode .highlight-checkbox a:hover,
            body.dark-mode .highlight-checkbox a:focus {
                color: #e8e6e3 !important;
            }

    html.dark-mode body .dtSelected,
    body.dark-mode .dtSelected {
        background-color: #2c3136 !important;
        color: #e8e6e3 !important;
    }

    html.dark-mode body .error,
    body.dark-mode .error {
        color: #ff6f6f !important;
    }

    html.dark-mode body .teal,
    body.dark-mode .teal {
        color: #6fccdd !important;
    }

    html.dark-mode body .dark-red,
    body.dark-mode .dark-red {
        color: #ff6f6f !important;
    }

    html.dark-mode body .fa,
    body.dark-mode .fa {
        color: #e8e6e3 !important;
    }

    html.dark-mode body .btn,
    html.dark-mode body .btn-big-user,
    html.dark-mode body .btn-small-user,
    body.dark-mode .btn,
    body.dark-mode .btn-big-user,
    body.dark-mode .btn-small-user {
        background-color: #23272b !important;
        color: #e8e6e3 !important;
        border-color: #6fccdd !important;
    }

        html.dark-mode body .btn:hover,
        html.dark-mode body .btn-big-user:hover,
        html.dark-mode body .btn-small-user:hover,
        body.dark-mode .btn:hover,
        body.dark-mode .btn-big-user:hover,
        body.dark-mode .btn-small-user:hover {
            background-color: #6fccdd !important;
            color: #181a1b !important;
        }

    html.dark-mode body input,
    html.dark-mode body textarea,
    html.dark-mode body select,
    body.dark-mode input,
    body.dark-mode textarea,
    body.dark-mode select {
        background-color: #23272b !important;
        color: #e8e6e3 !important;
        border-color: #6fccdd !important;
    }

        html.dark-mode body input:focus,
        html.dark-mode body textarea:focus,
        html.dark-mode body select:focus,
        body.dark-mode input:focus,
        body.dark-mode textarea:focus,
        body.dark-mode select:focus {
            background-color: #181a1b !important;
            color: #e8e6e3 !important;
            border-color: #6fccdd !important;
        }

    html.dark-mode body .swiper-wrapper,
    body.dark-mode .swiper-wrapper {
        background: #181a1b !important;
    }

    html.dark-mode body .marquee-wrapper,
    html.dark-mode body .trusted-by-swiper,
    body.dark-mode .marquee-wrapper,
    body.dark-mode .trusted-by-swiper {
        background: #23272b !important;
    }

    html.dark-mode body .youtube-video,
    body.dark-mode .youtube-video {
        background: #181a1b !important;
    }

    html.dark-mode body .validation-summary-valid span,
    body.dark-mode .validation-summary-valid span {
        color: #ff6f6f !important;
    }

    /* --- Contact.cshtml --- */
    html.dark-mode body .container,
    html.dark-mode body .card,
    html.dark-mode body .card-body,
    body.dark-mode .container,
    body.dark-mode .card,
    body.dark-mode .card-body {
        background-color: #23272b !important;
        color: #e8e6e3 !important;
        border-color: #23272b !important;
    }

    html.dark-mode body .card-title,
    html.dark-mode body h1,
    html.dark-mode body h2,
    html.dark-mode body h3,
    html.dark-mode body h4,
    html.dark-mode body h5,
    html.dark-mode body h6,
    body.dark-mode .card-title,
    body.dark-mode h1,
    body.dark-mode h2,
    body.dark-mode h3,
    body.dark-mode h4,
    body.dark-mode h5,
    body.dark-mode h6 {
        color: #6fccdd !important;
    }

    html.dark-mode body .display-5,
    html.dark-mode body .lead,
    html.dark-mode body .form-text,
    html.dark-mode body .text-secondary,
    body.dark-mode .display-5,
    body.dark-mode .lead,
    body.dark-mode .form-text,
    body.dark-mode .text-secondary {
        color: #b0b8c1 !important;
    }

    html.dark-mode body .form-label,
    html.dark-mode body label,
    body.dark-mode .form-label,
    body.dark-mode label {
        color: #e8e6e3 !important;
    }

    html.dark-mode body .form-control,
    html.dark-mode body textarea.form-control,
    body.dark-mode .form-control,
    body.dark-mode textarea.form-control {
        background-color: #23272b !important;
        color: #e8e6e3 !important;
        border-color: #6fccdd !important;
    }

        html.dark-mode body .form-control:focus,
        html.dark-mode body textarea.form-control:focus,
        body.dark-mode .form-control:focus,
        body.dark-mode textarea.form-control:focus {
            background-color: #181a1b !important;
            color: #e8e6e3 !important;
            border-color: #6fccdd !important;
        }

    html.dark-mode body .btn-primary,
    html.dark-mode body .btn-primary:active,
    html.dark-mode body .btn-primary:focus,
    body.dark-mode .btn-primary,
    body.dark-mode .btn-primary:active,
    body.dark-mode .btn-primary:focus {
        background: linear-gradient(135deg, #003048 0%, #6fccdd 100%) !important;
        color: #fff !important;
        border: none !important;
    }

        html.dark-mode body .btn-primary:hover,
        body.dark-mode .btn-primary:hover {
            background: linear-gradient(135deg, #6fccdd 0%, #003048 100%) !important;
            color: #181a1b !important;
        }

    html.dark-mode body .alert-success,
    body.dark-mode .alert-success {
        background-color: #1a2226 !important;
        color: #b0f2c2 !important;
        border-color: #2e7d32 !important;
    }

    html.dark-mode body .alert-danger,
    body.dark-mode .alert-danger {
        background-color: #2c1a1a !important;
        color: #ffb3b3 !important;
        border-color: #ff6f6f !important;
    }

    html.dark-mode body .btn-close,
    body.dark-mode .btn-close {
        filter: invert(1) grayscale(1);
    }

    html.dark-mode body .text-primary,
    body.dark-mode .text-primary {
        color: #6fccdd !important;
    }

    html.dark-mode body .text-success,
    body.dark-mode .text-success {
        color: #7fffd4 !important;
    }

    html.dark-mode body a.text-decoration-none,
    body.dark-mode a.text-decoration-none {
        color: #6fccdd !important;
    }

        html.dark-mode body a.text-decoration-none:hover,
        body.dark-mode a.text-decoration-none:hover {
            color: #fff !important;
        }

    /* --- FeaturesLatest.cshtml & Index.cshtml (Tailwind utility classes) --- */
    html.dark-mode body .tw-bg-white,
    html.dark-mode body .tw-bg-gray-100,
    html.dark-mode body .tw-bg-gray-50,
    body.dark-mode .tw-bg-white,
    body.dark-mode .tw-bg-gray-100,
    body.dark-mode .tw-bg-gray-50 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-gray-900,
    body.dark-mode .tw-bg-gray-900 {
        background-color: #181a1b !important;
    }

    html.dark-mode body .tw-bg-[#003048],
    body.dark-mode .tw-bg-[#003048] {
        background-color: #003048 !important;
    }

    html.dark-mode body .tw-bg-[#6FCCDD],
    body.dark-mode .tw-bg-[#6FCCDD] {
        background-color: #6fccdd !important;
    }

    html.dark-mode body .tw-bg-[#ff6b35],
    body.dark-mode .tw-bg-[#ff6b35] {
        background-color: #ff6b35 !important;
    }

    html.dark-mode body .tw-text-gray-900,
    html.dark-mode body .tw-text-gray-700,
    html.dark-mode body .tw-text-gray-600,
    html.dark-mode body .tw-text-gray-500,
    body.dark-mode .tw-text-gray-900,
    body.dark-mode .tw-text-gray-700,
    body.dark-mode .tw-text-gray-600,
    body.dark-mode .tw-text-gray-500 {
        color: #e8e6e3 !important;
    }

    html.dark-mode body .tw-text-gray-300,
    html.dark-mode body .tw-text-gray-400,
    body.dark-mode .tw-text-gray-300,
    body.dark-mode .tw-text-gray-400 {
        color: #b0b8c1 !important;
    }

    html.dark-mode body .tw-text-white,
    body.dark-mode .tw-text-white {
        color: #fff !important;
    }

    html.dark-mode body .tw-shadow-md,
    html.dark-mode body .tw-shadow-lg,
    html.dark-mode body .tw-shadow-xl,
    html.dark-mode body .tw-shadow-2xl,
    body.dark-mode .tw-shadow-md,
    body.dark-mode .tw-shadow-lg,
    body.dark-mode .tw-shadow-xl,
    body.dark-mode .tw-shadow-2xl {
        box-shadow: 0 2px 16px rgba(0,0,0,0.5) !important;
    }

    html.dark-mode body .tw-rounded-lg,
    html.dark-mode body .tw-rounded-2xl,
    body.dark-mode .tw-rounded-lg,
    body.dark-mode .tw-rounded-2xl {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-border,
    html.dark-mode body .tw-border-gray-300,
    body.dark-mode .tw-border,
    body.dark-mode .tw-border-gray-300 {
        border-color: #6fccdd !important;
    }

    html.dark-mode body .tw-bg-gradient-to-r,
    html.dark-mode body .tw-bg-gradient-to-b,
    html.dark-mode body .tw-bg-gradient-to-br,
    body.dark-mode .tw-bg-gradient-to-r,
    body.dark-mode .tw-bg-gradient-to-b,
    body.dark-mode .tw-bg-gradient-to-br {
        background: linear-gradient(135deg, #23272b 0%, #003048 100%) !important;
    }

    html.dark-mode body .tw-bg-[#002a3d],
    body.dark-mode .tw-bg-[#002a3d] {
        background-color: #002a3d !important;
    }

    html.dark-mode body .tw-bg-[#e0f7ff],
    body.dark-mode .tw-bg-[#e0f7ff] {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-text-[#003048],
    body.dark-mode .tw-text-[#003048] {
        color: #6fccdd !important;
    }

    html.dark-mode body .tw-text-[#6FCCDD],
    body.dark-mode .tw-text-[#6FCCDD] {
        color: #6fccdd !important;
    }

    html.dark-mode body .tw-text-[#ff6b35],
    body.dark-mode .tw-text-[#ff6b35] {
        color: #ff6b35 !important;
    }

    html.dark-mode body .tw-text-white,
    body.dark-mode .tw-text-white {
        color: #fff !important;
    }

    html.dark-mode body .tw-bg-gray-100,
    body.dark-mode .tw-bg-gray-100 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-gray-900,
    body.dark-mode .tw-bg-gray-900 {
        background-color: #181a1b !important;
    }

    html.dark-mode body .tw-bg-gray-600,
    body.dark-mode .tw-bg-gray-600 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-gray-700,
    body.dark-mode .tw-bg-gray-700 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-gray-400,
    body.dark-mode .tw-bg-gray-400 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-gray-300,
    body.dark-mode .tw-bg-gray-300 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-gray-50,
    body.dark-mode .tw-bg-gray-50 {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-white,
    body.dark-mode .tw-bg-white {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-bg-[#e0f7ff],
    body.dark-mode .tw-bg-[#e0f7ff] {
        background-color: #23272b !important;
    }

    html.dark-mode body .tw-text-lg,
    html.dark-mode body .tw-text-xl,
    html.dark-mode body .tw-text-2xl,
    html.dark-mode body .tw-text-3xl,
    html.dark-mode body .tw-text-4xl,
    html.dark-mode body .tw-text-5xl,
    html.dark-mode body .tw-font-bold,
    body.dark-mode .tw-text-lg,
    body.dark-mode .tw-text-xl,
    body.dark-mode .tw-text-2xl,
    body.dark-mode .tw-text-3xl,
    body.dark-mode .tw-text-4xl,
    body.dark-mode .tw-text-5xl,
    body.dark-mode .tw-font-bold {
        color: #e8e6e3 !important;
    }

    html.dark-mode body .tw-px-8,
    html.dark-mode body .tw-py-4,
    html.dark-mode body .tw-rounded-lg,
    body.dark-mode .tw-px-8,
    body.dark-mode .tw-py-4,
    body.dark-mode .tw-rounded-lg {
        background-color: #003048 !important;
        color: #fff !important;
    }

    html.dark-mode body .tw-px-6,
    html.dark-mode body .tw-py-2,
    html.dark-mode body .tw-rounded-md,
    body.dark-mode .tw-px-6,
    body.dark-mode .tw-py-2,
    body.dark-mode .tw-rounded-md {
        background-color: #003048 !important;
        color: #fff !important;
    }

    html.dark-mode body .tw-px-3,
    html.dark-mode body .tw-py-1,
    html.dark-mode body .tw-rounded-full,
    body.dark-mode .tw-px-3,
    body.dark-mode .tw-py-1,
    body.dark-mode .tw-rounded-full {
        background-color: #6fccdd !important;
        color: #003048 !important;
    }

    html.dark-mode body .tw-border-gray-300,
    body.dark-mode .tw-border-gray-300 {
        border-color: #6fccdd !important;
    }

    html.dark-mode body .tw-shadow,
    body.dark-mode .tw-shadow {
        box-shadow: 0 2px 8px rgba(0,48,72,0.32) !important;
    }

    html.dark-mode body .tw-shadow-xl,
    body.dark-mode .tw-shadow-xl {
        box-shadow: 0 4px 24px rgba(0,48,72,0.32) !important;
    }

    html.dark-mode body .tw-shadow-2xl,
    body.dark-mode .tw-shadow-2xl {
        box-shadow: 0 8px 32px rgba(0,48,72,0.32) !important;
    }

    html.dark-mode body .tw-bg-[#003048]:hover,
    html.dark-mode body .tw-bg-[#002a3d]:hover,
    body.dark-mode .tw-bg-[#003048]:hover,
    body.dark-mode .tw-bg-[#002a3d]:hover {
        background-color: #6fccdd !important;
        color: #003048 !important;
    }

    html.dark-mode body .tw-bg-white:hover,
    html.dark-mode body .tw-bg-gray-100:hover,
    body.dark-mode .tw-bg-white:hover,
    body.dark-mode .tw-bg-gray-100:hover {
        background-color: #003048 !important;
        color: #fff !important;
    }

    html.dark-mode body .tw-bg-[#6FCCDD]:hover,
    body.dark-mode .tw-bg-[#6FCCDD]:hover {
        background-color: #003048 !important;
        color: #fff !important;
    }

    html.dark-mode body .tw-bg-[#ff6b35]:hover,
    body.dark-mode .tw-bg-[#ff6b35]:hover {
        background-color: #ff6b35 !important;
        color: #fff !important;
    }

    html.dark-mode body .tw-text-white:hover,
    body.dark-mode .tw-text-white:hover {
        color: #003048 !important;
    }

    html.dark-mode body .tw-text-gray-900:hover,
    html.dark-mode body .tw-text-gray-700:hover,
    html.dark-mode body .tw-text-gray-600:hover,
    body.dark-mode .tw-text-gray-900:hover,
    body.dark-mode .tw-text-gray-700:hover,
    body.dark-mode .tw-text-gray-600:hover {
        color: #fff !important;
    }

    html.dark-mode body .tw-text-gray-500:hover,
    body.dark-mode .tw-text-gray-500:hover {
        color: #6fccdd !important;
    }

    html.dark-mode body .tw-text-gray-400:hover,
    body.dark-mode .tw-text-gray-400:hover {
        color: #fff !important;
    }

    html.dark-mode body .tw-text-[#003048]:hover,
    body.dark-mode .tw-text-[#003048]:hover {
        color: #fff !important;
    }

    html.dark-mode body .tw-text-[#6FCCDD]:hover,
    body.dark-mode .tw-text-[#6FCCDD]:hover {
        color: #003048 !important;
    }

    html.dark-mode body .tw-text-[#ff6b35]:hover,
    body.dark-mode .tw-text-[#ff6b35]:hover {
        color: #fff !important;
    }

    html.dark-mode body .tw-border,
    body.dark-mode .tw-border {
        border-color: #6fccdd !important;
    }

    html.dark-mode body .tw-border-transparent,
    body.dark-mode .tw-border-transparent {
        border-color: transparent !important;
    }

    html.dark-mode body .tw-outline-none:focus,
    html.dark-mode body .focus\:tw-outline-none:focus,
    body.dark-mode .tw-outline-none:focus,
    body.dark-mode .focus\:tw-outline-none:focus {
        outline: none !important;
        box-shadow: 0 0 0 2px #6fccdd !important;
    }

    html.dark-mode body .tw-ring-2:focus,
    html.dark-mode body .focus\:tw-ring-2:focus,
    body.dark-mode .tw-ring-2:focus,
    body.dark-mode .focus\:tw-ring-2:focus {
        box-shadow: 0 0 0 2px #6fccdd !important;
    }

    html.dark-mode body .tw-ring-[#003048]:focus,
    html.dark-mode body .focus\:tw-ring-[#003048]:focus,
    body.dark-mode .tw-ring-[#003048]:focus,
    body.dark-mode .focus\:tw-ring-[#003048]:focus {
        box-shadow: 0 0 0 2px #003048 !important;
    }

    html.dark-mode body .tw-appearance-none,
    body.dark-mode .tw-appearance-none {
        background-color: #23272b !important;
        color: #e8e6e3 !important;
    }

    html.dark-mode body .tw-underline,
    body.dark-mode .tw-underline {
        text-decoration: underline !important;
    }

    html.dark-mode body .tw-no-underline,
    body.dark-mode .tw-no-underline {
        text-decoration: none !important;
    }

    html.dark-mode body .hover\:tw-underline:hover,
    body.dark-mode .hover\:tw-underline:hover {
        text-decoration: underline !important;
    }

    html.dark-mode body .tw-shadow-md,
    body.dark-mode .tw-shadow-md {
        box-shadow: 0 2px 8px rgba(0,48,72,0.32) !important;
    }

    html.dark-mode body .tw-shadow-lg,
    body.dark-mode .tw-shadow-lg {
        box-shadow: 0 4px 16px rgba(0,48,72,0.32) !important;
    }

    html.dark-mode body .tw-shadow-xl,
    body.dark-mode .tw-shadow-xl {
        box-shadow: 0 8px 32px rgba(0,48,72,0.32) !important;
    }

    html.dark-mode body .tw-shadow-2xl,
    body.dark-mode .tw-shadow-2xl {
        box-shadow: 0 16px 64px rgba(0,48,72,0.32) !important;
    }

    /* --- Swiper and Trusted By --- */
    html.dark-mode body .swiper,
    html.dark-mode body .swiper-wrapper,
    html.dark-mode body .trusted-by-swiper,
    body.dark-mode .swiper,
    body.dark-mode .swiper-wrapper,
    body.dark-mode .trusted-by-swiper {
        background: #181a1b !important;
    }

    html.dark-mode body .swiper-slide,
    body.dark-mode .swiper-slide {
        background: transparent !important;
    }

    html.dark-mode body .swiper-pagination-bullet,
    body.dark-mode .swiper-pagination-bullet {
        background: #6fccdd !important;
    }

    html.dark-mode body .swiper-button-next,
    html.dark-mode body .swiper-button-prev,
    body.dark-mode .swiper-button-next,
    body.dark-mode .swiper-button-prev {
        color: #6fccdd !important;
    }

    /* --- Miscellaneous --- */
    html.dark-mode body .img-fluid,
    html.dark-mode body img,
    html.dark-mode body .homepage-banner,
    body.dark-mode .img-fluid,
    body.dark-mode img,
    body.dark-mode .homepage-banner {
        background: #23272b !important;
        border-color: #23272b !important;
    }

    html.dark-mode body .btn-outline-light,
    body.dark-mode .btn-outline-light {
        color: #6fccdd !important;
        border-color: #6fccdd !important;
        background: transparent !important;
    }

        html.dark-mode body .btn-outline-light:hover,
        body.dark-mode .btn-outline-light:hover {
            background: #6fccdd !important;
            color: #181a1b !important;
            border-color: #6fccdd !important;
        }

    /* --- Navbar Dark Mode for _Layout.cshtml and _Layout2.cshtml --- */
    html.dark-mode body .navbar,
    html.dark-mode body .custom-navbar,
    html.dark-mode body nav.navbar,
    html.dark-mode body .navbar-light,
    html.dark-mode body .navbar-expand-lg,
    body.dark-mode .navbar,
    body.dark-mode .custom-navbar,
    body.dark-mode nav.navbar,
    body.dark-mode .navbar-light,
    body.dark-mode .navbar-expand-lg {
        background-color: #23272b !important;
        color: #e8e6e3 !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.32) !important;
        border-bottom: 1px solid #003048 !important;
    }

    html.dark-mode body .navbar-brand,
    html.dark-mode body .navbar-brand img,
    html.dark-mode body .prominent-logo,
    html.dark-mode body #eventNavbarBrand img,
    body.dark-mode .navbar-brand,
    body.dark-mode .navbar-brand img,
    body.dark-mode .prominent-logo,
    body.dark-mode #eventNavbarBrand img {
        background: transparent !important;
        color: #6fccdd !important;
        filter: brightness(0.9) contrast(1.1);
    }

    html.dark-mode body .navbar-toggler,
    html.dark-mode body .navbar-toggler:focus,
    body.dark-mode .navbar-toggler,
    body.dark-mode .navbar-toggler:focus {
        background: #181a1b !important;
        border-color: #6fccdd !important;
        color: #6fccdd !important;
        box-shadow: 0 0 0 0.2rem rgba(111,204,221,0.25) !important;
    }

    html.dark-mode body .navbar-toggler-icon,
    body.dark-mode .navbar-toggler-icon {
        background-image: none !important;
        color: #6fccdd !important;
    }

        html.dark-mode body .navbar-toggler-icon:before,
        body.dark-mode .navbar-toggler-icon:before {
            content: "\f0c9";
            font-family: "FontAwesome";
            color: #6fccdd;
            font-size: 1.5rem;
        }

    html.dark-mode body .navbar-collapse,
    html.dark-mode body .navbar-nav,
    body.dark-mode .navbar-collapse,
    body.dark-mode .navbar-nav {
        background: #23272b !important;
    }

    html.dark-mode body .nav-link,
    html.dark-mode body .nav-link.nav-pill-link,
    html.dark-mode body .nav-link-top,
    html.dark-mode body .header-nav-link,
    body.dark-mode .nav-link,
    body.dark-mode .nav-link.nav-pill-link,
    body.dark-mode .nav-link-top,
    body.dark-mode .header-nav-link {
        color: #e8e6e3 !important;
        background: transparent !important;
    }

        html.dark-mode body .nav-link.nav-pill-link.active,
        html.dark-mode body .nav-link.nav-pill-link.active:hover,
        body.dark-mode .nav-link.nav-pill-link.active,
        body.dark-mode .nav-link.nav-pill-link.active:hover {
            background: #6fccdd !important;
            color: #23272b !important;
            box-shadow: 0 2px 8px rgba(111,204,221,0.18) !important;
        }

        html.dark-mode body .nav-link.nav-pill-link:hover,
        html.dark-mode body .nav-link-top:hover,
        html.dark-mode body .header-nav-link:hover,
        body.dark-mode .nav-link.nav-pill-link:hover,
        body.dark-mode .nav-link-top:hover,
        body.dark-mode .header-nav-link:hover {
            background: rgba(111,204,221,0.12) !important;
            color: #6fccdd !important;
        }

    html.dark-mode body .btn-theme-toggle,
    body.dark-mode .btn-theme-toggle {
        background: linear-gradient(135deg, #23272b 0%, #6fccdd 100%) !important;
        color: #e8e6e3 !important;
        border: none !important;
        box-shadow: 0 2px 8px rgba(0,48,72,0.18) !important;
    }

        html.dark-mode body .btn-theme-toggle:hover,
        html.dark-mode body .btn-theme-toggle:focus,
        body.dark-mode .btn-theme-toggle:hover,
        body.dark-mode .btn-theme-toggle:focus {
            background: linear-gradient(135deg, #6fccdd 0%, #23272b 100%) !important;
            color: #23272b !important;
        }

    html.dark-mode body .navbar .fa,
    html.dark-mode body .navbar .fa-moon,
    html.dark-mode body .navbar .fa-user,
    body.dark-mode .navbar .fa,
    body.dark-mode .navbar .fa-moon,
    body.dark-mode .navbar .fa-user {
        color: #6fccdd !important;
    }

    html.dark-mode body .navbar .btn-outline-dark,
    html.dark-mode body .btn-outline-dark,
    body.dark-mode .navbar .btn-outline-dark,
    body.dark-mode .btn-outline-dark {
        color: #6fccdd !important;
        border-color: #6fccdd !important;
        background: transparent !important;
    }

        html.dark-mode body .navbar .btn-outline-dark:hover,
        html.dark-mode body .btn-outline-dark:hover,
        body.dark-mode .navbar .btn-outline-dark:hover,
        body.dark-mode .btn-outline-dark:hover {
            background: #6fccdd !important;
            color: #23272b !important;
            border-color: #6fccdd !important;
        }

/* Responsive mobile menu background */
@media (max-width: 991.98px) {
    html.dark-mode body .navbar-collapse,
    body.dark-mode .navbar-collapse {
        background: rgba(35, 39, 43, 0.98) !important;
        box-shadow: 0 2px 8px rgba(111,204,221,0.10) !important;
    }
}

/* Fix for Tailwind custom color utility classes in dark mode */
html.dark-mode body .tw-text-\[\#003048\],
body.dark-mode .tw-text-\[\#003048\] {
    color: #6fccdd !important; /* Use your brand light blue for contrast */
}

html.dark-mode body .hover\:tw-text-\[\#004060\]:hover,
body.dark-mode .hover\:tw-text-\[\#004060\]:hover {
    color: #6fccdd !important; /* Use the same or a slightly lighter blue for hover */
}

/* --- DARK MODE BUTTON IMPROVEMENTS FOR HOME PAGES --- */

/* Orange buttons (primary action) */
html.dark-mode body .tw-bg-[#ff6b35],
body.dark-mode .tw-bg-[#ff6b35] {
    background-color: #ff6b35 !important;
    color: #fff !important;
    border: none !important;
}

    html.dark-mode body .tw-bg-[#ff6b35]:hover,
    body.dark-mode .tw-bg-[#ff6b35]:hover {
        background-color: #e55a2b !important;
        color: #fff !important;
    }

/* Blue buttons (secondary action) */
html.dark-mode body .tw-bg-blue-500,
body.dark-mode .tw-bg-blue-500 {
    background-color: #6fccdd !important;
    color: #003048 !important;
    border: none !important;
}

    html.dark-mode body .tw-bg-blue-500:hover,
    body.dark-mode .tw-bg-blue-500:hover {
        background-color: #003048 !important;
        color: #fff !important;
    }

html.dark-mode body .tw-bg-blue-600,
body.dark-mode .tw-bg-blue-600 {
    background-color: #003048 !important;
    color: #fff !important;
}

    html.dark-mode body .tw-bg-blue-600:hover,
    body.dark-mode .tw-bg-blue-600:hover {
        background-color: #6fccdd !important;
        color: #003048 !important;
    }

/* Green buttons (success/positive action) */
html.dark-mode body .tw-bg-green-500,
body.dark-mode .tw-bg-green-500 {
    background-color: #7fffd4 !important;
    color: #003048 !important;
    border: none !important;
}

    html.dark-mode body .tw-bg-green-500:hover,
    body.dark-mode .tw-bg-green-500:hover {
        background-color: #009e7f !important;
        color: #fff !important;
    }

html.dark-mode body .tw-bg-green-600,
body.dark-mode .tw-bg-green-600 {
    background-color: #009e7f !important;
    color: #fff !important;
}

    html.dark-mode body .tw-bg-green-600:hover,
    body.dark-mode .tw-bg-green-600:hover {
        background-color: #7fffd4 !important;
        color: #003048 !important;
    }

/* Gray buttons (disabled/neutral) */
html.dark-mode body .tw-bg-gray-300,
body.dark-mode .tw-bg-gray-300 {
    background-color: #23272b !important;
    color: #b0b8c1 !important;
    border: 1px solid #3a3f44 !important;
}

html.dark-mode body .tw-bg-gray-500,
body.dark-mode .tw-bg-gray-500 {
    background-color: #3a3f44 !important;
    color: #fff !important;
}

    html.dark-mode body .tw-bg-gray-500:hover,
    body.dark-mode .tw-bg-gray-500:hover {
        background-color: #6fccdd !important;
        color: #003048 !important;
    }

html.dark-mode body .tw-bg-gray-600,
body.dark-mode .tw-bg-gray-600 {
    background-color: #23272b !important;
    color: #fff !important;
}

/* White buttons (secondary/outline) */
html.dark-mode body .tw-bg-white,
body.dark-mode .tw-bg-white {
    background-color: #23272b !important;
    color: #6fccdd !important;
    border: 1px solid #6fccdd !important;
}

    html.dark-mode body .tw-bg-white:hover,
    body.dark-mode .tw-bg-white:hover {
        background-color: #003048 !important;
        color: #fff !important;
    }

/* Text color for .tw-text-[#003048] and hover:tw-text-[#004060] */
html.dark-mode body .tw-text-\[\#003048\],
body.dark-mode .tw-text-\[\#003048\] {
    color: #6fccdd !important;
}

html.dark-mode body .hover\:tw-text-\[\#004060\]:hover,
body.dark-mode .hover\:tw-text-\[\#004060\]:hover {
    color: #6fccdd !important;
}

/* --- Fix card/section hover background in dark mode --- */
html.dark-mode body .tw-bg-white:hover,
body.dark-mode .tw-bg-white:hover,
html.dark-mode body .tw-bg-gray-50:hover,
body.dark-mode .tw-bg-gray-50:hover,
html.dark-mode body .tw-bg-gray-100:hover,
body.dark-mode .tw-bg-gray-100:hover {
    background-color: #23272b !important; /* No color shift on hover */
    box-shadow: 0 8px 25px rgba(0,48,72,0.10) !important; /* Subtle shadow only */
}

/* --- Fix Get Tickets button background and text in dark mode --- */
html.dark-mode body .tw-bg-\[\#ff6b35\],
body.dark-mode .tw-bg-\[\#ff6b35\] {
    background-color: #ff7e47 !important; /* Slightly lighter, more vibrant orange */
    color: #181a1b !important; /* Dark text for contrast */
    border: none !important;
}

    html.dark-mode body .tw-bg-\[\#ff6b35\]:hover,
    body.dark-mode .tw-bg-\[\#ff6b35\]:hover {
        background-color: #ff9a6b !important; /* Even lighter orange on hover */
        color: #181a1b !important;
    }

        /* If you use .tw-text-white on the button, override it for dark mode */
        html.dark-mode body .tw-bg-\[\#ff6b35\].tw-text-white,
        body.dark-mode .tw-bg-\[\#ff6b35\].tw-text-white,
        html.dark-mode body .tw-bg-\[\#ff6b35\]:hover.tw-text-white,
        body.dark-mode .tw-bg-\[\#ff6b35\]:hover.tw-text-white {
            color: #181a1b !important;
        }

    /* For mobile sticky Get Tickets button */
    html.dark-mode body .tw-bg-\[\#ff6b35\].tw-text-white,
    body.dark-mode .tw-bg-\[\#ff6b35\].tw-text-white {
        color: #181a1b !important;
    }