.home-page {
            padding-top: 0;
        }

        .home-hero {
            padding: var(--space-16) 0;
            background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
            position: relative;
            overflow: hidden;
        }

        .home-hero .container {
            display: grid;
            grid-template-columns: 1fr;
            gap: var(--space-12);
            align-items: center;
        }

        @media (min-width: 1024px) {
            .home-hero .container {
                grid-template-columns: 1fr 1fr;
            }
        }

        .hero-content h1 {
            font-size: clamp(2.5rem, 8vw, 4rem);
            line-height: 1.1;
            margin-bottom: var(--space-4);
            background: linear-gradient(135deg, var(--color-accent-blue), var(--color-accent-purple));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero-subtitle {
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--color-text-primary);
            margin-bottom: var(--space-4);
        }

        .hero-description {
            font-size: 1.125rem;
            color: var(--color-text-secondary);
            margin-bottom: var(--space-8);
            line-height: 1.6;
        }

        .hero-image {
            position: relative;
            border-radius: var(--radius-xl);
            overflow: hidden;
            border: 1px solid var(--color-border);
        }

        .hero-image img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Featured News Section */
        .featured-news {
            padding: var(--space-16) 0;
        }

        .featured-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: var(--space-8);
        }

        @media (min-width: 768px) {
            .featured-grid {
                grid-template-columns: 2fr 1fr 1fr;
            }
        }

        .featured-card {
            position: relative;
            border-radius: var(--radius-xl);
            overflow: hidden;
            border: 1px solid var(--color-border);
            background: var(--color-bg-secondary);
            height: 100%;
            min-height: 300px;
        }

        @media (min-width: 768px) {
            .featured-card-large {
                min-height: 400px;
            }
        }

        .featured-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
        }

        .featured-card-content {
            position: relative;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: var(--space-6);
            background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.4) 100%);
            z-index: 2;
        }

        .featured-card h3 {
            font-size: clamp(1.125rem, 3vw, 1.5rem);
            line-height: 1.3;
            margin-bottom: var(--space-2);
            color: white;
        }

        .featured-card p {
            font-size: 0.9375rem;
            color: rgba(255,255,255,0.9);
            margin-bottom: var(--space-3);
        }

        .featured-card-meta {
            display: flex;
            gap: var(--space-3);
            font-size: 0.875rem;
            color: rgba(255,255,255,0.8);
        }

        /* Categories Section */
        .home-categories {
            padding: var(--space-16) 0;
            background: linear-gradient(180deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
        }

        .categories-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: var(--space-6);
        }

        .category-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: var(--space-8);
            background: var(--color-bg-secondary);
            border: 1px solid var(--color-border);
            border-radius: var(--radius-lg);
            text-align: center;
            text-decoration: none;
            color: inherit;
            transition: all var(--transition-default);
        }

        .category-card:hover {
            border-color: var(--color-accent-blue);
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(59, 130, 246, 0.15);
        }

        .category-icon {
            font-size: 2.5rem;
            margin-bottom: var(--space-4);
            color: var(--color-accent-blue);
        }

        .category-card h3 {
            font-size: 1.25rem;
            margin-bottom: var(--space-2);
        }

        .category-card p {
            color: var(--color-text-secondary);
            font-size: 0.9375rem;
        }

        /* Popular Games Section */
        .popular-games {
            padding: var(--space-16) 0;
        }

        .games-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
            gap: var(--space-6);
        }

        .game-card {
            position: relative;
            border-radius: var(--radius-lg);
            overflow: hidden;
            border: 1px solid var(--color-border);
            background: var(--color-bg-secondary);
            transition: all var(--transition-default);
        }

        .game-card:hover {
            transform: translateY(-4px);
            border-color: var(--color-accent-blue);
        }

        .game-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            display: block;
        }

        .game-info {
            padding: var(--space-4);
        }

        .game-info h3 {
            font-size: 1rem;
            margin-bottom: var(--space-1);
        }

        .game-genre {
            font-size: 0.8125rem;
            color: var(--color-accent-blue);
            margin-bottom: var(--space-2);
        }

        .game-articles {
            font-size: 0.8125rem;
            color: var(--color-text-secondary);
        }

        /* Pro Players Section */
        .pro-players {
            padding: var(--space-16) 0;
            background: linear-gradient(180deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
        }

        .players-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
            gap: var(--space-6);
        }

        .player-card {
            position: relative;
            border-radius: var(--radius-lg);
            overflow: hidden;
            border: 1px solid var(--color-border);
            background: var(--color-bg-secondary);
            transition: all var(--transition-default);
        }

        .player-card:hover {
            transform: translateY(-4px);
            border-color: var(--color-accent-purple);
        }

        .player-card img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            display: block;
        }

        .player-info {
            padding: var(--space-4);
        }

        .player-info h3 {
            font-size: 1rem;
            margin-bottom: var(--space-1);
        }

        .player-role {
            font-size: 0.8125rem;
            color: var(--color-accent-blue);
            margin-bottom: var(--space-2);
        }

        .player-team {
            font-size: 0.8125rem;
            color: var(--color-text-secondary);
        }

        /* Newsletter Section */
        .home-newsletter {
            padding: var(--space-16) 0;
            background: linear-gradient(135deg, var(--color-accent-blue), var(--color-accent-purple));
        }

        .newsletter-content {
            text-align: center;
            color: white;
        }

        .newsletter-content h2 {
            font-size: clamp(1.75rem, 5vw, 2.5rem);
            margin-bottom: var(--space-4);
        }

        .newsletter-content p {
            font-size: 1.125rem;
            margin-bottom: var(--space-6);
            opacity: 0.95;
            color: #ffffff;
        }

        .newsletter-form {
            display: flex;
            gap: var(--space-3);
            max-width: 500px;
            margin: 0 auto;
            flex-wrap: wrap;
            justify-content: center;
        }

        .newsletter-form .input {
            flex: 1;
            min-width: 250px;
            padding: var(--space-3) var(--space-4);
            background: rgba(255,255,255,0.1);
            border: 1px solid rgba(255,255,255,0.3);
            border-radius: var(--radius-md);
            color: white;
        }

        .newsletter-form .input::placeholder {
            color: rgba(255,255,255,0.6);
        }

        .newsletter-form .btn {
            white-space: nowrap;
        }

        @media (max-width: 768px) {
            .newsletter-form {
                flex-direction: column;
            }

            .newsletter-form .input {
                min-width: 100%;
            }
        }

        /* Section Headers */
        .section-header {
            text-align: center;
            margin-bottom: var(--space-12);
        }

        .section-header h2 {
            font-size: clamp(1.75rem, 5vw, 2.5rem);
            margin-bottom: var(--space-3);
        }

        .section-description {
            font-size: 1.125rem;
            color: var(--color-text-secondary);
        }