/* ParlayGeeks Platinum — scoped styles */
.pg-premium {
    background: #f7f9fb;
    color: #14231c
}

.pg-premium-hero {
    background: radial-gradient(circle at 15% 25%,rgba(34,197,94,.18),transparent 32%),linear-gradient(125deg,#06120f,#102f24 68%,#071c16);
    padding: 3.5rem 0 5rem;
    color: #fff
}

.pg-premium-breadcrumb {
    margin-bottom: 3rem;
    color: #b6d2c2
}

    .pg-premium-breadcrumb a {
        color: #86efac;
        text-decoration: none
    }

    .pg-premium-breadcrumb span {
        margin: 0 .65rem
    }

.pg-premium-kicker {
    display: inline-flex;
    gap: .55rem;
    align-items: center;
    font-weight: 850;
    letter-spacing: .09em;
    font-size: .77rem;
    color: #86efac
}

.pg-premium-hero h1 {
    font-size: clamp(2.5rem,5vw,4.7rem);
    line-height: 1.08;
    font-weight: 950;
    letter-spacing: -.045em;
    margin: 1rem 0 1.2rem;
    color: #fff
}

    .pg-premium-hero h1 span {
        color: #4ade80
    }

.pg-premium-lead {
    font-size: 1.14rem;
    line-height: 1.75;
    color: #d7e8dd;
    max-width: 700px
}

.pg-premium-hero-actions {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 2rem
}

.pg-premium-text-link {
    color: #bbf7d0;
    font-weight: 700
}

.pg-premium-hero-card {
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(134,239,172,.35);
    border-radius: 1.5rem;
    padding: 2rem;
    box-shadow: 0 22px 60px rgba(0,0,0,.18)
}

    .pg-premium-hero-card > i {
        font-size: 2rem;
        color: #86efac
    }

.pg-premium-hero-card__label {
    font-size: .85rem;
    letter-spacing: .12em;
    font-weight: 850;
    color: #b8d9c5;
    margin: 1rem 0 .5rem
}

.pg-premium-hero-card__price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    white-space: nowrap;
}

    .pg-premium-hero-card__price small {
        display: inline;
        font-size: 0.95rem;
        font-weight: 400;
        color: #b8d8c5;
    }

.pg-premium-hero-card p {
    color: #d3e4d9
}

.pg-premium-hero-card small {
    display: block;
    margin-top: 1rem;
    color: #b8d9c5
}

.pg-premium-section {
    padding: 5rem 0
}

.pg-premium-section--muted {
    background: #eef5f0
}

.pg-premium-section-heading {
    max-width: 780px;
    margin: 0 auto 2rem;
    text-align: center
}

.pg-premium-section-label {
    color: #16803b;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .1em
}

.pg-premium-section h2 {
    font-weight: 900;
    letter-spacing: -.025em;
    margin: .7rem 0 1rem;
    color: #10291e
}

.pg-premium-section p {
    line-height: 1.75;
    color: #475569
}

.pg-premium-benefit {
    height: 100%;
    background: #fff;
    border: 1px solid #e1eae4;
    border-radius: 1.25rem;
    padding: 1.8rem;
    box-shadow: 0 12px 30px rgba(9,40,22,.04)
}

    .pg-premium-benefit > i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 3rem;
        border-radius: .8rem;
        background: #e5f8ea;
        color: #15803d;
        font-size: 1.35rem
    }

    .pg-premium-benefit h3 {
        font-size: 1.2rem;
        font-weight: 850;
        margin: 1.4rem 0 .65rem
    }

    .pg-premium-benefit p {
        margin-bottom: 0
    }

.pg-premium-inline-link {
    color: #15803d;
    font-weight: 850;
    text-decoration: none
}

.pg-premium-comparison {
    background: #fff;
    border: 1px solid #d9e9dd;
    border-radius: 1.25rem;
    padding: 1.5rem
}

    .pg-premium-comparison > div {
        display: flex;
        gap: .8rem;
        align-items: center;
        flex-wrap: wrap;
        padding: 1rem 0
    }

        .pg-premium-comparison > div + div {
            border-top: 1px solid #e2e8f0
        }

    .pg-premium-comparison i {
        color: #16a34a
    }

    .pg-premium-comparison span {
        font-weight: 750;
        flex: 1
    }

    .pg-premium-comparison strong {
        font-size: .83rem;
        color: #64748b
    }

.pg-premium-membership {
    background: #102c21;
    color: #fff;
    border-radius: 1.5rem;
    padding: clamp(1.5rem,4vw,3rem);
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 3rem;
    align-items: center
}

    .pg-premium-membership h2 {
        color: #fff
    }

    .pg-premium-membership p, .pg-premium-membership .pg-premium-small {
        color: #d0e1d5
    }

.pg-premium-membership-action {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start
}

.pg-premium-membership-price {
    font-size: 2.3rem;
    font-weight: 950
}

    .pg-premium-membership-price span {
        font-size: 1rem;
        font-weight: 500;
        color: #c5d8cb
    }

.pg-premium-membership-action small {
    color: #b6d2c2
}

.pg-premium-faq {
    max-width: 850px
}

    .pg-premium-faq .accordion-item {
        border: 1px solid #dfe9e2;
        margin-bottom: .65rem;
        border-radius: .75rem;
        overflow: hidden
    }

    .pg-premium-faq .accordion-button {
        font-weight: 750
    }

        .pg-premium-faq .accordion-button:not(.collapsed) {
            background: #e7f6eb;
            color: #12552b
        }

.pg-premium-disclaimer {
    padding: 2rem 0 3rem;
    color: #64748b;
    font-size: .83rem;
    line-height: 1.6
}

.pg-platinum-promo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
    margin: 2rem 0;
    padding: 2rem;
    border-radius: 1.5rem;
    background: linear-gradient(115deg,#07151c,#103629);
    color: #fff
}

    .pg-platinum-promo h2 {
        color: #fff;
        font-weight: 900;
        margin: .6rem 0
    }

    .pg-platinum-promo p {
        color: #d4e6db;
        max-width: 720px;
        line-height: 1.65;
        margin: 0 0 .75rem
    }

.pg-platinum-promo__price {
    color: #b8dec7;
    font-size: .88rem;
    font-weight: 750
}

.pg-platinum-promo .btn {
    white-space: nowrap
}

@media(max-width:767.98px) {
    .pg-premium-hero {
        padding: 2rem 0 3.5rem
    }

    .pg-premium-breadcrumb {
        margin-bottom: 2rem
    }

    .pg-premium-section {
        padding: 3rem 0
    }

    .pg-premium-membership {
        grid-template-columns: 1fr;
        gap: 1rem
    }

    .pg-platinum-promo {
        padding: 1.5rem
    }

        .pg-platinum-promo .btn {
            width: 100%
        }
}

/* Platinum page hardening against global portal styles */
.pg-premium {
    background: #f7f9fb !important;
    color: #14231c;
}

    .pg-premium .pg-premium-hero {
        background: radial-gradient(circle at 18% 18%,rgba(34,197,94,.2),transparent 32%),linear-gradient(125deg,#06120f,#102f24 68%,#071c16) !important;
    }

    .pg-premium .pg-premium-hero-card {
        display: block;
        background: rgba(255,255,255,.085) !important;
        border: 1px solid rgba(134,239,172,.35) !important;
        border-radius: 1.5rem;
        padding: 2rem;
    }

    .pg-premium .pg-premium-section {
        padding-block: 4.5rem;
    }

    .pg-premium .pg-premium-section--muted {
        background: #eef5f0 !important;
    }

    .pg-premium .pg-premium-benefit {
        background: #fff !important;
        color: #14231c;
        border-radius: 1.25rem;
        padding: 1.8rem;
    }

        .pg-premium .pg-premium-benefit h3 {
            color: #10291e;
        }

    .pg-premium .pg-premium-comparison {
        background: #fff !important;
        padding: 1.5rem;
    }

        .pg-premium .pg-premium-comparison > div {
            display: flex;
            gap: .8rem;
            align-items: center;
            flex-wrap: wrap;
        }

    .pg-premium .pg-premium-membership {
        background: #102c21 !important;
        color: #fff;
    }

        .pg-premium .pg-premium-membership h2 {
            color: #fff !important;
        }

    .pg-premium .pg-premium-faq .accordion {
        margin-top: 1.5rem;
    }

    .pg-premium .pg-premium-hero-card .btn, .pg-premium .pg-premium-membership-action .btn {
        font-weight: 800;
    }

@media(max-width:767.98px) {
    .pg-premium .pg-premium-section {
        padding-block: 3rem
    }

    .pg-premium .pg-premium-hero-card {
        padding: 1.5rem
    }
}