/* Custom Color Variables */
        :root {
            --color-primary: #D91F36;
            --color-primary-dark: #AA202B;
            --color-dark: #010101;
            --color-light: #F9F9FA;
        }

        /* Override Tailwind classes with custom colors */
        .bg-primary {
            background-color: var(--color-primary) !important;
        }

        .text-primary {
            color: var(--color-primary) !important;
        }

        .border-primary {
            border-color: var(--color-primary) !important;
        }

        .bg-primary\/10 {
            background-color: rgba(217, 31, 54, 0.1) !important;
        }

        .bg-primary\/20 {
            background-color: rgba(217, 31, 54, 0.2) !important;
        }

        .border-primary\/20 {
            border-color: rgba(217, 31, 54, 0.2) !important;
        }

        .border-primary\/30 {
            border-color: rgba(217, 31, 54, 0.3) !important;
        }

        .border-primary\/40 {
            border-color: rgba(217, 31, 54, 0.4) !important;
        }

        .hover\:border-primary\/40:hover {
            border-color: rgba(217, 31, 54, 0.4) !important;
        }

        .bg-dark {
            background-color: var(--color-dark) !important;
        }

        .text-dark {
            color: var(--color-dark) !important;
        }

        .border-dark\/5 {
            border-color: rgba(1, 1, 1, 0.05) !important;
        }

        .border-dark\/10 {
            border-color: rgba(1, 1, 1, 0.1) !important;
        }

        .border-dark\/20 {
            border-color: rgba(1, 1, 1, 0.2) !important;
        }

        .hover\:border-dark\/20:hover {
            border-color: rgba(1, 1, 1, 0.2) !important;
        }

        .text-dark\/50 {
            color: rgba(1, 1, 1, 0.5) !important;
        }

        .text-dark\/60 {
            color: rgba(1, 1, 1, 0.6) !important;
        }

        .text-dark\/70 {
            color: rgba(1, 1, 1, 0.7) !important;
        }

        .bg-dark\/5 {
            background-color: rgba(1, 1, 1, 0.05) !important;
        }

        .bg-dark\/10 {
            background-color: rgba(1, 1, 1, 0.1) !important;
        }

        .hover\:bg-dark\/10:hover {
            background-color: rgba(1, 1, 1, 0.1) !important;
        }

        .hover\:bg-dark\/90:hover {
            background-color: rgba(1, 1, 1, 0.9) !important;
        }

        .bg-light {
            background-color: var(--color-light) !important;
        }

        .text-light {
            color: var(--color-light) !important;
        }

        .bg-light\/10 {
            background-color: rgba(249, 249, 250, 0.1) !important;
        }

        .bg-light\/20 {
            background-color: rgba(249, 249, 250, 0.2) !important;
        }

        .hover\:bg-light\/20:hover {
            background-color: rgba(249, 249, 250, 0.2) !important;
        }

        .border-light\/20 {
            border-color: rgba(249, 249, 250, 0.2) !important;
        }

        .text-light\/70 {
            color: rgba(249, 249, 250, 0.7) !important;
        }

        .text-light\/80 {
            color: rgba(249, 249, 250, 0.8) !important;
        }

        .hover\:text-dark:hover {
            color: var(--color-dark) !important;
        }

        .hover\:underline:hover {
            text-decoration: underline !important;
        }

        /* Smooth scrolling */
        html {
            scroll-behavior: smooth;
        }
        
        /* Focus styles for accessibility */
        :focus-visible {
            outline: 2px solid #D91F36;
            outline-offset: 2px;
        }
        
        /* Card hover animation */
        .info-card {
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        
        .info-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 24px -8px rgba(217, 31, 54, 0.15);
        }
        
        /* Button hover effects */
        .btn-primary {
            transition: background-color 0.2s ease, transform 0.1s ease;
        }
        
        .btn-primary:hover {
            background-color: #AA202B;
        }
        
        .btn-primary:active {
            transform: scale(0.98);
        }
        
        /* Accordion animation */
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        
        .accordion-content.open {
            max-height: 500px;
        }
        
        .accordion-icon {
            transition: transform 0.3s ease;
        }
        
        .accordion-icon.rotate {
            transform: rotate(45deg);
        }
        
        /* Countdown pulse animation */
        @keyframes pulse-subtle {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.8; }
        }
        
        .countdown-pulse {
            animation: pulse-subtle 2s ease-in-out infinite;
        }
        
        /* Modal styles */
        .modal-backdrop {
            background-color: rgba(1, 1, 1, 0.6);
            backdrop-filter: blur(4px);
            z-index: 40;
        }
        
        .modal-content {
            animation: modalSlideIn 0.3s ease-out;
            position: relative;
            z-index: 50;
            /* Prevent backdrop blur from affecting modal */
            isolation: isolate;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* Print styles */
        @media print {
            .no-print {
                display: none !important;
            }
        }