.rewards-page {
            background: #000000;
            min-height: 60vh;
            padding: calc(59px + var(--spacing-lg)) 0 var(--spacing-xl);
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            color: #ffffff;
        }
        .rewards-page .rewards-wrap {
            max-width: 1600px;
            padding: 0 clamp(16px, 3.5vw, 48px);
            /* keep the content clear of the fixed back button in the left gutter */
            padding-left: calc(clamp(1.5rem, 2vw, 2rem) + 40px + 1.5rem);
        }
        .rewards-back {
            position: fixed;
            top: calc(59px + 1.5rem);
            left: clamp(1.5rem, 2vw, 2rem);
            z-index: 2001;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.05);
            color: #ffffff;
            border: none;
            border-radius: 50%;
            text-decoration: none;
            transition: all var(--transition-base);
        }
        .rewards-back:hover {
            background: rgba(255, 255, 255, 0.15);
        }
        .rewards-back svg {
            width: 20px;
            height: 20px;
        }
        .rewards-title {
            color: #d4d4d4;
            font-family: 'BebasNeue', sans-serif;
            font-size: clamp(2rem, 5vw, 3.5rem);
            font-weight: 700;
            line-height: 1.1;
            margin: 0 0 0.5rem;
        }
        .rewards-description {
            max-width: 48rem;
            margin: 0;
            color: #c8c8c8;
            font-size: clamp(0.95rem, 2vw, 1.1rem);
            line-height: 1.7;
        }
        .rewards-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: var(--spacing-md);
            margin-top: var(--spacing-lg);
        }
        .proto-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 1.25rem 0 1rem; }
        .proto-card { margin: 0; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; overflow: hidden; background: rgba(255, 255, 255, 0.03); }
        .proto-card img { display: block; width: 100%; height: auto; aspect-ratio: 1658 / 2296; object-fit: cover; }
        .proto-card figcaption { padding: 0.6rem 0.75rem; text-align: center; color: #d4d4d4; font-size: 0.85rem; }
        @media (max-width: 600px) { .proto-gallery { grid-template-columns: 1fr; } }
        .reward-text { margin-top: 2rem; padding: 2rem 0 0; border-top: 1px solid rgba(255, 255, 255, 0.1); max-width: 60rem; }
        .reward-intro { border-top: none; padding-top: 0; margin-top: 1.5rem; margin-bottom: var(--spacing-md); }
        .reward-text.reward-intro p { margin: 0 0 0.5rem; font-size: 0.8rem; line-height: 1.6; color: rgba(255, 255, 255, 0.6); }
        .reward-sub { margin-top: 1.75rem; padding-top: 1.5rem; border-top: 1px solid rgba(255, 255, 255, 0.08); }
        .reward-sub:first-of-type { margin-top: 0.5rem; }
        .reward-sub-title { margin: 0 0 0.6rem; color: #d4d4d4; font-family: 'BebasNeue', sans-serif; font-size: clamp(1.3rem, 2.5vw, 1.7rem); font-weight: 700; line-height: 1.1; }
        .reward-list strong { color: #ffffff; }
        .reward-list { margin: 0 0 0.9rem; padding-left: 1.25rem; color: #c8c8c8; font-size: 1rem; line-height: 1.7; }
        .reward-heading { margin: 0 0 0.75rem; color: #d4d4d4; font-family: 'BebasNeue', sans-serif; font-size: clamp(1.6rem, 3.5vw, 2.4rem); font-weight: 700; line-height: 1.1; }
        .reward-text p { margin: 0 0 0.9rem; color: #c8c8c8; font-size: 1rem; line-height: 1.7; }
        .reward-text a { color: #ffffff; text-decoration: underline; }
        @media (max-width: 1100px) {
            .rewards-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }
        @media (max-width: 520px) {
            .rewards-grid {
                grid-template-columns: 1fr;
            }
        }
        @media (max-width: 768px) {
            .rewards-back {
                display: none;
            }
            .rewards-page .rewards-wrap {
                padding-left: clamp(16px, 3.5vw, 48px);
            }
        }

        /* Mobile: centered titles and card text */
        @media (max-width: 600px) {
            .rewards-title, .rewards-description, .reward-heading, .reward-sub-title { text-align: center; }
            .rewards-title, .reward-heading { font-size: 3rem; line-height: 1.1; }
            .rewards-description { margin-left: auto; margin-right: auto; }
            .reward-text p, .reward-text.reward-intro p { text-align: center; }
            .reward-list { list-style: none; padding-left: 0; text-align: center; }
            .support-cta, .support-help { text-align: center; align-items: center; }
            .support-cta { flex-direction: column; justify-content: center; }
        }