/* Base Reset */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* 
           Adds padding to the top of your webpage body so your main site 
           content doesn't get hidden behind the fixed top banner.
           The black background color rule has been completely removed here.
        */
        body {
            padding-top: 140px; 
            font-family: Arial, sans-serif;
        }

        /* Fixed Top Banner Container */
        .top-banner-fixed {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 99999; /* Forces banner to stay on top of all other elements */
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px 20px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);
            
            /* Blue Gradient Fade Animation */
            animation: blueFade 4s infinite alternate ease-in-out;
        }

        /* Message Layout Formatting */
        .banner-message-wrapper {
            color: #ffffff;
            font-size: 14px;
            line-height: 1.5;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
            width: 100%;
            max-width: 1100px;
        }

        /* Header overrides inside your custom text block */
        .banner-message-wrapper h2 {
            font-size: 20px;
            margin-bottom: 2px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .banner-message-wrapper h3 {
            font-size: 14px;
            font-weight: normal;
            opacity: 0.9;
        }

        /* Micro Inline Button Style */
        .small-inline-btn {
            display: inline-flex;
            align-items: center;
            background-color: #ffffff;
            color: #003366;
            padding: 1px 5px;   
            font-size: 10.5px;   
            font-weight: bold;
            text-transform: uppercase;
            text-decoration: none;
            border-radius: 2px;
            margin: 0 2px;
            vertical-align: middle;
            box-shadow: 0 1px 2px rgba(0,0,0,0.3);
            transition: transform 0.2s ease, background-color 0.2s ease;
            
            /* Animation loop lengthened to exactly 5 seconds */
            animation: buttonBlink 5s infinite;
        }

        /* Interactive Hover State */
        .small-inline-btn:hover {
            transform: scale(1.05);
            background-color: #00ffff;
            color: #002244;
            animation-play-state: paused; /* Pauses flashing on hover for easy clicking */
        }

        /* --- ANIMATION KEYFRAMES --- */

        /* 1. Background Fade Effect (Light Blue to Dark Blue) */
        @keyframes blueFade {
            0% {
                background-color: #4da6ff; /* Vivid Light Blue */
            }
            100% {
                background-color: #002244; /* Deep Dark Ocean Blue */
            }
        }

        /* 
           2. 5-Second Button Flashing Effect 
           The button stays solid for 90% of the timeline, 
           then performs a rapid double-blink during the final 10%.
        */
        @keyframes buttonBlink {
            0%, 90%, 94%, 98%, 100% {
                opacity: 1;
                box-shadow: 0 1px 2px rgba(0,0,0,0.3);
            }
            92%, 96% {
                opacity: 0.2;
                box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
            }
        }

        /* Responsive scaling for mobile devices and smaller screens */
        @media (max-width: 768px) {
            body {
                padding-top: 175px; /* Adjusts layout gap for wrapped text */
            }
            .banner-message-wrapper h2 {
                font-size: 17px;
            }
            .banner-message-wrapper h3 {
                font-size: 12px;
            }
            .banner-message-wrapper {
                font-size: 12px;
            }
            .small-inline-btn {
                padding: 0px 4px;
                font-size: 9.5px;
            }
        }