html {
            scroll-behavior: smooth;
        }
        body {
            background-color: #0d1117;
            color: #c9d1d9;
            font-family: 'Poppins', sans-serif;
            margin: 0;
            padding: 0;
        }
        header {
            background-color: #161b22;
            padding: 8px 0; /* Minimal height */
            text-align: center;
        }
        .header-logo {
            font-size: 1.8rem; /* Clean size */
            font-weight: 600;
            background: linear-gradient(135deg, #1e90ff, #ff4757, #ffffff); /* Simple NHL-themed gradient: blue-red-white */
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-decoration: none;
            display: inline-block;
            margin-bottom: 2px;
            transition: transform 0.2s ease; /* Smooth hover */
        }
        .header-logo:hover {
            transform: scale(1.02); /* Slight zoom on hover */
        }
        .header-slogan {
            font-size: 0.8rem;
            color: #8a9199;
            margin: 0;
            font-weight: 300;
        }
        .main-content {
            padding: 20px 15px;
            min-height: 70vh;
        }
        footer {
            background-color: #161b22;
            padding: 20px 0;
            text-align: center;
            color: #999;
            font-size: 14px;
            margin-top: auto;
        }
        a.watch-link {
            display: inline-block;
            margin-top: 15px;
            font-size: 1.1rem;
            color: #46daaa;
            text-decoration: none;
        }
        a.watch-link:hover {
            text-decoration: underline;
        }
        /* Banner Styles - Normal flow, no reserved space */
        .banner-container {
            width: 100%;
            text-align: center;
            transition: all 0.3s ease;
            overflow: hidden;
        }
        .desktop-banner {
            display: block !important;
            margin: 0 auto;
            max-width: 728px;
            background-color: transparent;
            line-height: normal;
        }
        .mobile-banner {
            display: none !important;
            margin: 0 auto;
            max-width: 320px;
            background-color: transparent;
            line-height: normal;
        }
        .banner-collapsed {
            height: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            line-height: 0 !important;
        }
        /* Disclaimer - Simple text only, no container/background */
        .disclaimer {
            text-align: center;
            color: #999;
            font-size: 11px;
            line-height: 1.4;
            padding: 10px 15px 0; /* Minimal top padding */
            margin: 0 auto;
            max-width: 800px; /* Not full bleed, but centered */
        }
        @media (max-width: 768px) {
            .desktop-banner { display: none !important; }
            .mobile-banner { display: block !important; }
            .header-logo { font-size: 1.4rem; }
            .header-slogan { font-size: 0.7rem; }
        }