:root {
            /* Using a sharp, technical amber/orange for the accent */
            --czd-accent: #ff9f0a; 
            --czd-accent-rgb: 255, 159, 10;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: #1a1a1a; /* Slightly off-black */
            /* Subtle scan lines overlay */
            position: relative;
            overflow-x: hidden; /* Prevent horizontal scroll from animations */
        }

        body::before {
            content: " ";
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(rgba(18, 18, 18, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
            background-size: 100% 2px, 3px 100%;
            pointer-events: none;
            z-index: 9999;
            opacity: 0.2;
        }

        h1, h2, h3, h4, h5, h6, .navbar-brand, .countdown-time {
            font-family: 'Roboto Mono', monospace;
        }

        h2.display-5 {
            display: block; /* Ensures it takes full width */
            text-shadow: 0 0 5px rgba(var(--czd-accent-rgb), 0.3);
        }

        /* --- Terminal Window (for About Section) --- */
        .terminal-window {
            background-color: #1E1E1E; /* A common terminal dark bg */
            border: 1px solid #444;
            border-radius: 0.5rem;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
        }

        .terminal-header {
            background-color: #333;
            padding: 0.5rem 1rem;
            border-bottom: 1px solid #444;
        }
        
        .terminal-title {
            font-family: 'Roboto Mono', monospace;
            color: var(--czd-accent);
            font-weight: 700;
        }

        .terminal-body {
            padding: 1.5rem;
            height: 350px; /* Fixed height for the terminal */
            overflow-y: auto; /* Scroll if content overflows */
            font-family: 'Roboto Mono', monospace;
            font-size: 0.95rem;
            line-height: 1.6;
        }

        .terminal-body .line {
            display: flex;
            align-items: center;
        }

        .terminal-body .prompt {
            color: var(--czd-accent);
            font-weight: 700;
            white-space: nowrap; /* Prevent prompt from wrapping */
        }

        .terminal-body .command {
            color: #f1f1f1;
        }

        .terminal-body .output {
            color: #e0e0e0;
            white-space: pre-wrap; /* Preserve newlines */
            padding-left: 0.5rem; /* Indent output slightly */
        }
        
        /* The text input field that's styled to look like a command line */
        .terminal-input {
            flex-grow: 1; /* Take up remaining space */
            background-color: transparent;
            border: none;
            outline: none;
            color: #f1f1f1;
            font-family: 'Roboto Mono', monospace;
            font-size: 0.95rem;
            padding-left: 0.5rem;
            caret-color: #f1f1f1; /* This is the input's blinking cursor */
        }
        
        .terminal-input:disabled {
            /* This is what locks the command in place */
            color: #f1f1f1;
        }

        /* The manual blinking cursor (only for the initial `cat` command) */
        .cursor {
            display: inline-block;
            background-color: #f1f1f1;
            width: 10px;
            height: 1.2em;
            margin-left: 4px;
            animation: blink 1s infinite;
            vertical-align: middle;
        }
        
        .cursor.typing {
            animation: none; /* Hide cursor while typing */
        }

        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }

        /* --- Themed Section Wrapper --- */
        .themed-section {
            background-color: #202020; /* Slightly lighter than body bg */
            border: 1px solid #333;
            border-radius: 0.5rem;
            padding: 2rem;
            margin-bottom: 2.5rem;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }

        /* Adjust padding on the animated windows inside */
        .themed-section .terminal-window,
        .themed-section .code-editor-window,
        .themed-section .msf-console-window,
        .themed-section .burp-suite-window {
            margin-top: 1.5rem; /* Give space from the h2 */
        }

        /* Adjust h2 padding inside */
        .themed-section h2.display-5 {
            padding-bottom: 0.5rem;
        }


        /* --- Code Editor Window (for Venue Section) --- */
        .code-editor-window {
            background-color: #1E2127; /* VS Code-like dark bg */
            border: 1px solid #444;
            border-radius: 0.5rem;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
            margin-bottom: 2rem; /* Space before the map placeholder */
        }

        .code-editor-header {
            background-color: #33373E;
            padding: 0.5rem 1rem;
            border-bottom: 1px solid #444;
            color: #ccc;
            font-family: 'Roboto Mono', monospace;
        }

        .code-editor-body {
            padding: 1rem;
            height: 400px; /* Fixed height */
            overflow-y: auto; /* Scroll if content overflows */
            font-family: 'Roboto Mono', monospace;
            font-size: 0.95rem;
            line-height: 1.6;
        }

        .code-editor-body code {
            white-space: pre; /* Preserve all whitespace */
        }
        
        .code-line {
            display: flex;
        }

        .line-number {
            display: inline-block;
            width: 2.5em;
            text-align: right;
            margin-right: 1.5rem;
            color: #666;
            -webkit-user-select: none; /* Non-selectable line numbers */
            user-select: none;
        }

        /* Syntax Highlighting */
        .py-comment { color: #6A9955; /* Green */ }
        .py-keyword { color: #C586C0; /* Magenta */ }
        .py-function { color: #DCDCAA; /* Yellow */ }
        .py-class { color: #4EC9B0; /* Teal */ }
        .py-string { color: #CE9178; /* Orange */ }
        .py-number { color: #B5CEA8; /* Light Green */ }
        .py-variable { color: #9CDCFE; /* Light Blue */ }
        .py-operator { color: #D4D4D4; /* White */ }

        .code-cursor {
            display: inline-block;
            background-color: #AEAFAD;
            width: 2px;
            height: 1.2em;
            animation: blink 1s infinite;
            vertical-align: middle;
            margin-left: -2px; /* Sits on top of last char */
        }

        .code-cursor.typing {
            animation: none;
        }

        /* --- MSFConsole Window (for CFP Section) --- */
        .msf-console-window {
            background-color: #1a1a1a; /* Pure black/dark */
            border: 1px solid #444;
            border-radius: 0.5rem;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
            margin-bottom: 2.5rem; /* Space before countdown */
        }
        
        .msf-console-body {
            padding: 1.5rem;
            height: 450px; /* Taller for the banner */
            overflow-y: auto;
            font-family: 'Roboto Mono', monospace;
            font-size: 0.9rem; /* MSF is often a bit smaller */
            line-height: 1.5;
            color: #ccc;
        }

        /* Metasploit ASCII art banner */
        .msf-banner {
            color: #999;
            white-space: pre;
            text-align: center;
            font-size: 0.85rem;
            line-height: 1.2;
            margin-bottom: 1.5rem;
        }

        .msf-line {
            white-space: pre-wrap;
        }
        
        /* The msf6 > prompt */
        .msf-prompt {
            color: #E22; /* Metasploit Red */
            font-weight: 700;
        }
        
        .msf-command {
            color: #f1f1f1;
        }

        /* Output markers */
        .msf-info { color: #76B9E6; /* Light Blue */ }
        .msf-success { color: #A6E22E; /* Green */ }
        .msf-error { color: #F92672; /* Red/Pink */ }

        /* --- Burp Suite Window (for Submit Section) --- */
        .burp-suite-window {
            background-color: #2a2a2a; /* Burp-like dark grey */
            border: 1px solid #444;
            border-radius: 0.5rem;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
            margin-bottom: 2.5rem; /* Space before form */
            font-family: 'Roboto Mono', monospace;
            font-size: 0.9rem;
        }
        
        .burp-tabs {
            display: flex;
            background-color: #3c3c3c;
            border-bottom: 1px solid var(--czd-accent);
        }

        .burp-tab {
            padding: 0.5rem 1rem;
            color: #ccc;
        }

        .burp-tab.active {
            background-color: #2a2a2a;
            color: var(--czd-accent);
            border-right: 1px solid #444;
        }
        
        .burp-body {
            display: flex;
            height: 350px;
        }
        
        .burp-request, .burp-results {
            padding: 1rem;
            width: 50%;
            overflow-y: auto;
            white-space: pre;
            color: #ccc;
        }
        
        .burp-request {
            border-right: 1px solid #444;
        }
        
        .burp-payload {
            background-color: rgba(var(--czd-accent-rgb), 0.2);
            color: var(--czd-accent);
            padding: 0 2px;
            border-radius: 2px;
        }
        
        .burp-results-header {
            color: #aaa;
            border-bottom: 1px dashed #555;
            padding-bottom: 0.5rem;
            margin-bottom: 0.5rem;
        }

        .burp-result-line {
            display: flex;
            gap: 1rem;
        }
        
        .burp-result-line .status-ok { color: #A6E22E; }
        .burp-result-line .status-redirect { color: #76B9E6; }
        .burp-result-line .status-error { color: #F92672; }
        .burp-result-line .payload { color: #CE9178; }
        .burp-result-line .length { color: #9CDCFE; }


        /* --- Theme Colors & Overrides --- */

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

        .btn-primary {
            background-color: var(--czd-accent);
            border-color: var(--czd-accent);
            color: #000;
            font-weight: 500;
            transition: all 0.1s ease-in-out;
        }

        .btn-primary:hover {
            background-color: #ffb03a;
            border-color: #ffb03a;
            color: #000;
            /* Add a flicker/shadow effect */
            box-shadow: 0 0 15px rgba(var(--czd-accent-rgb), 0.7), 0 0 5px rgba(var(--czd-accent-rgb), 0.5);
            transform: translateY(-2px);
        }

        .form-control:focus, .form-select:focus {
            border-color: var(--czd-accent);
            box-shadow: 0 0 0 0.25rem rgba(var(--czd-accent-rgb), 0.25);
        }

        /* --- Component Styling --- */

        .navbar {
            /* Use a semi-transparent background for blur effect */
            background-color: rgba(17, 17, 17, 0.85); /* #111 */
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-bottom: 1px solid #333;
        }

        .navbar-brand {
            font-weight: 700;
            color: var(--czd-accent);
        }
        .navbar-brand:hover {
            color: #ffb03a;
        }

        .navbar-nav .nav-link {
            transition: all 0.2s ease-in-out;
        }

        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-link:focus {
            color: var(--czd-accent);
        }

        /* Terminal-style hover effect */
        .navbar-nav .nav-link:hover::before,
        .navbar-nav .nav-link:focus::before {
            content: '>';
            margin-right: 0.25rem;
            opacity: 0.8;
        }


        .section-divider {
            border-top: 1px solid #444;
        }

        /* --- Header with Animated Background --- */
        .hero-header {
            padding: 6rem 0;
            background-color: #111; /* Fallback */
            position: relative;
            overflow: hidden; /* Important for containing pseudo-elements */
            isolation: isolate; /* Creates a new stacking context */
        }

        .hero-header::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: 
                radial-gradient(circle at 10% 10%, rgba(var(--czd-accent-rgb), 0.1) 0%, transparent 15%),
                radial-gradient(circle at 90% 90%, rgba(var(--czd-accent-rgb), 0.1) 0%, transparent 15%),
                linear-gradient(45deg, rgba(0,0,0,0) 49.5%, rgba(var(--czd-accent-rgb), 0.05) 50%, rgba(0,0,0,0) 50.5%),
                linear-gradient(-45deg, rgba(0,0,0,0) 49.5%, rgba(var(--czd-accent-rgb), 0.05) 50%, rgba(0,0,0,0) 50.5%);
            background-size: 200px 200px, 200px 200px, 50px 50px, 50px 50px;
            animation: background-pan 30s linear infinite;
            z-index: -1; /* Place behind text */
        }

        @keyframes background-pan {
            0% {
                transform: translate(0, 0);
            }
            100% {
                transform: translate(-50%, -50%);
            }
        }


        /* --- Countdown Timer --- */
        #cfp-countdown,
       #czd2026-countdown{
            display: flex;
            justify-content: center;
            gap: 1.5rem;
            text-align: center;
            padding: 2rem;
            /* Frosted glass effect */
            background-color: rgba(34, 34, 34, 0.75); /* Semi-transparent #222 */
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px); /* Safari support */
            border-radius: 0.5rem;
            border: 1px solid var(--czd-accent); /* ACCENT BORDER */
        }

        .countdown-block {
            line-height: 1.2;
        }

        .countdown-time {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--czd-accent);
        }

        .countdown-label {
            font-size: 0.9rem;
            text-transform: uppercase;
            color: #aaa;
        }

        .venue-placeholder {
            border: 1px dashed #555;
            border-radius: 0.5rem;
            padding: 5rem 2rem;
            font-family: 'Roboto Mono', monospace;
        }

        /* --- CFP Form --- */
        .form-control, .form-select {
            background-color: #2a2a2a;
            border: 1px solid #444;
        }

        .form-control::file-selector-button {
            background-color: var(--czd-accent);
            border: 0;
            color: #000;
            font-weight: 500;
        }

        .form-control::file-selector-button:hover {
            background-color: #ffb03a;
        }

        .form-panel {
            background-color: rgba(34, 34, 34, 0.75); /* Semi-transparent #222 */
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid var(--czd-accent); /* ACCENT BORDER */
            border-radius: 0.5rem;
            padding: 2rem;
            /* Add margin for mobile stacking */
            margin-bottom: 1.5rem;
        }

        /* Remove bottom margin on last panel */
        .form-panel:last-child {
            margin-bottom: 0;
        }

        /* On desktop, use row's gutter */
        @media (min-width: 992px) {
            .form-panel {
                margin-bottom: 0;
            }
        }

        /* --- Glitch Effect --- */
        .glitch-hover:hover {
            animation: glitch-animation 0.35s infinite;
        }

        @keyframes glitch-animation {
            0% {
                text-shadow: 0.05em 0 0 rgba(255, 0, 0, 0.75), -0.05em -0.025em 0 rgba(0, 255, 0, 0.75), -0.025em 0.05em 0 rgba(0, 0, 255, 0.75);
                transform: translate(0, 0);
            }
            20% {
                text-shadow: -0.05em -0.025em 0 rgba(255, 0, 0, 0.75), 0.025em 0.025em 0 rgba(0, 255, 0, 0.75), -0.05em -0.05em 0 rgba(0, 0, 255, 0.75);
                transform: translate(-1px, 1px);
            }
            40% {
                text-shadow: 0.025em 0.05em 0 rgba(255, 0, 0, 0.75), 0.05em 0 0 rgba(0, 255, 0, 0.75), 0 -0.05em 0 rgba(0, 0, 255, 0.75);
                transform: translate(1px, -1px);
            }
            60% {
                text-shadow: 0.05em -0.025em 0 rgba(255, 0, 0, 0.75), -0.025em -0.025em 0 rgba(0, 255, 0, 0.75), -0.025em -0.05em 0 rgba(0, 0, 255, 0.75);
                transform: translate(-1px, 1px);
            }
            80% {
                text-shadow: -0.05em 0 0 rgba(255, 0, 0, 0.75), -0.025em -0.025em 0 rgba(0, 255, 0, 0.75), 0.025em 0.05em 0 rgba(0, 0, 255, 0.75);
                transform: translate(1px, 0);
            }
            100% {
                text-shadow: -0.025em 0 0 rgba(255, 0, 0, 0.75), -0.025em -0.025em 0 rgba(0, 255, 0, 0.75), -0.05em -0.025em 0 rgba(0, 0, 255, 0.75);
                transform: translate(0, 0);
            }
        }
   
        #captcha-refresh i {
    transition: transform 0.3s ease;
}

        #captcha-refresh:hover i {
            transform: rotate(180deg);
        }
        .loader{
            color:#ff9f0a; font-size:25px;
        }




        @media (max-width: 430px) {
            .themed-section {
                padding: .8rem;
            }

            .countdown-time {
                font-size: 1.5rem;
            }

            .countdown-label {
                font-size: 0.6rem;
            }
        }

           /* ✅ Prevent horizontal scroll only on mobile for about */
                  @media (max-width: 768px) {
                    /* ✅ Left-align section heading */
                    #about h2 {
                        text-align: left !important;
                        margin-left: 0 !important;
                        padding-left: 0 !important;
                    }

                    /* ✅ Ensure consistent padding around terminal */
                    #about-terminal .terminal-window {
                        max-width: 100%;
                        overflow-x: hidden;
                        word-wrap: break-word;
                        white-space: pre-wrap;
                        padding: 0 !important; /* remove conflicting padding */
                        box-sizing: border-box;
                    }

                    /* ✅ Add clean left/right padding inside header (fix for your issue) */
                    #about-terminal .terminal-header {
                        padding-left: 0.75rem !important; /* 👈 this adds that left spacing */
                        padding-right: 0.75rem !important;
                        box-sizing: border-box;
                    }

                    /* ✅ Body spacing */
                    #about-terminal .terminal-body {
                        padding-left: 0.75rem !important;
                        padding-right: 0.75rem !important;
                        overflow-x: hidden;
                        word-wrap: break-word;
                        white-space: pre-wrap;
                    }

                    /* ✅ Proper prompt alignment */
                    #about-terminal .line {
                        display: flex;
                        align-items: baseline;
                        flex-wrap: wrap;
                        gap: 0.25rem;
                    }

                    #about-terminal .prompt {
                        flex-shrink: 0;
                    }

                    #about-terminal .command {
                        display: inline-block;
                        margin-left: 0.25rem;
                        vertical-align: middle;
                    }

                    #about-terminal .terminal-body input.terminal-input {
                        width: 100%;
                        box-sizing: border-box;
                    }
                    }




            /* ✅ Prevent horizontal scroll only on mobile for Venue */
             @media (max-width: 768px) {
                    #venue .code-editor-window {
                        max-width: 100%;
                        overflow-x: hidden !important;
                    }

                    /* ✅ Add top + bottom spacing inside the code area */
                    #venue .code-editor-body {
                        padding-top: 0.6rem !important;     /* 👈 top spacing */
                        padding-bottom: 0.8rem !important;  /* 👈 bottom spacing */
                        padding-left: 0.8rem !important;
                        padding-right: 1.25rem !important;
                        overflow-x: hidden !important;
                        box-sizing: border-box;
                    }

                    #venue .code-line {
                        display: flex;
                        width: 100%;
                        justify-content: flex-start;
                        align-items: flex-start;
                        padding-right: 1rem !important;
                        margin: 0;
                        box-sizing: border-box;
                        word-wrap: break-word;
                    }

                    #venue .line-number {
                        flex-shrink: 0;
                        min-width: 2rem;
                    }

                    #venue .line-content {
                        flex: 1;
                        overflow-wrap: anywhere;
                        white-space: pre-wrap;
                        box-sizing: border-box;
                    }
                    }



            /* ✅ Prevent horizontal scroll only on mobile for Submit Your Talk */

            @media (max-width: 768px) {
                    /* ✅ Prevent horizontal scroll anywhere */
                    html, body {
                        overflow-x: hidden !important;
                    }

                    .burp-suite-window {
                        max-width: 100%;
                        overflow-x: hidden !important;
                        box-sizing: border-box;
                        border-radius: 10px;
                    }

                    /* ✅ Tabs - wrap properly */
                    .burp-tabs {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: flex-start;
                        padding: 0.4rem 0.8rem;
                        gap: 0.5rem;
                        overflow-x: hidden;
                    }

                    /* ✅ Request + Results container */
                    .burp-body {
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        overflow-x: hidden !important;
                        box-sizing: border-box;
                    }

                    /* ✅ Request box styling */
                    .burp-request {
                        width: 100%;
                        padding: 0.8rem 1rem !important;
                        box-sizing: border-box;
                        word-wrap: break-word;
                        white-space: pre-wrap;
                        overflow-x: hidden !important;
                    }

                    /* ✅ Results - no horizontal scroll, clean wrapping */
                    .burp-results {
                        width: 100%;
                        padding: 0.8rem 1rem !important;
                        box-sizing: border-box;
                        overflow-x: hidden !important;
                        word-wrap: break-word !important;
                        white-space: normal !important; /* 👈 allows wrapping */
                    }

                    /* ✅ Header and rows wrap smartly but stay aligned visually */
                    .burp-results .burp-results-header,
                    .burp-results .burp-result-line {
                        display: flex;
                        flex-wrap: wrap; /* 👈 allows multiple lines when needed */
                        justify-content: space-between;
                        align-items: center;
                        gap: 0.3rem 0.8rem;
                        border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
                        padding: 0.4rem 0;
                        width: 100%;
                        box-sizing: border-box;
                    }

                    /* ✅ Column alignment for better readability */
                    .burp-results .burp-results-header span,
                    .burp-results .burp-result-line span {
                        flex: 1 1 45%; /* 👈 2 columns per line on small screens */
                        text-align: left;
                        min-width: 100px;
                        word-break: break-word;
                    }

                    /* ✅ Make important data bold for readability */
                    .burp-results .burp-results-header span:nth-child(1),
                    .burp-results .burp-result-line span:nth-child(1) {
                        font-weight: 600;
                    }

                    /* ✅ Highlight payloads and statuses */
                    .burp-payload {
                        background-color: #ff8c00;
                        color: #000;
                        border-radius: 4px;
                        padding: 0 4px;
                        display: inline-block;
                        word-break: break-word;
                    }

                    .status-ok {
                        color: #00ff66;
                    }
                    .status-error {
                        color: #ff5577;
                    }
                    .status-redirect {
                        color: #ffa500;
                    }

                    /* ✅ Add spacing above and below */
                    .burp-suite-window {
                        margin-top: 1rem;
                        margin-bottom: 1.5rem;
                    }


                    /* ✅ Tabs always in one row */
                    .burp-tabs {
                        display: flex;
                        flex-wrap: nowrap !important; /* 👈 no wrapping */
                        justify-content: flex-start;
                        align-items: center;
                        overflow-x: auto !important; /* 👈 allow scroll inside tab bar only */
                        overflow-y: hidden;
                        white-space: nowrap;
                        gap: 0.5rem;
                        padding: 0.5rem 0.8rem;
                        scrollbar-width: none; /* hide scrollbar (Firefox) */
                    }

                    /* ✅ Hide scrollbar (WebKit browsers) */
                    .burp-tabs::-webkit-scrollbar {
                        display: none;
                    }

                    /* ✅ Each tab fits neatly */
                    .burp-tab {
                        flex: 0 0 auto; /* 👈 prevents shrinking or wrapping */
                        font-size: 0.95rem;
                        padding: 0.4rem 0.8rem;
                        border-radius: 4px;
                        text-align: center;
                    }

                    /* ✅ Active tab stays highlighted */
                    .burp-tab.active {
                        background-color: #1a1a1a;
                        border-bottom: 2px solid #ff8c00;
                    }

                     /* ✅ Add spacing above results */
                    .burp-results {
                        margin-top: 0.8rem !important; /* 👈 space from the section above */
                        padding-top: 0.5rem !important;
                        border-top: 1px solid rgba(255, 255, 255, 0.1); /* optional subtle separator */
                        box-sizing: border-box;
                    }

                        
                    }



/* --- Venue "Target Info" Card --- */
.venue-details {
    background-color: #111;
    border: 1px solid var(--czd-accent);
    border-radius: 0.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.venue-map-container {
    width: 100%;
    height: 300px;
    /* Filter to make Google Maps look like a dark satellite feed */
    filter: grayscale(100%) invert(92%) hue-rotate(180deg) contrast(90%);
    -webkit-filter: grayscale(100%) invert(92%) hue-rotate(180deg) contrast(90%);
    border-bottom: 1px solid #444;
}

.venue-info-box {
    padding: 1.5rem;
    font-family: 'Roboto Mono', monospace;
}

.venue-label {
    color: var(--czd-accent);
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
    margin-bottom: 0.25rem;
}

.venue-data {
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}