.home-hero {
        position: relative;
        overflow: hidden;
        background: radial-gradient(circle at top left, #7c2bbd 0%, #3b0b5f 38%, #160024 100%);
        color: #fff;
        padding: 70px 16px 95px;
        border-bottom-left-radius: 55% 8%;
        border-bottom-right-radius: 55% 8%;
    }

    .home-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background:linear-gradient(rgba(64, 0, 90, .75), rgba(64, 0, 90, .75));
        background-size: cover;
        background-position: center;
        opacity: .35;
    }

    .home-wrap {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        z-index: 2;
    }

    .hero-grid {
        display: grid;
        grid-template-columns: 1.15fr .85fr;
        gap: 35px;
        align-items: center;
    }

    .hero-badge {
        display: inline-flex;
        padding: 8px 14px;
        border: 1px solid rgba(255,255,255,.25);
        border-radius: 999px;
        background: rgba(255,255,255,.12);
        font-weight: 800;
        font-size: 14px;
        margin-bottom: 18px;
    }

    .hero-title {
        font-size: clamp(34px, 5vw, 62px);
        line-height: 1.05;
        font-weight: 950;
        letter-spacing: -1.5px;
        margin: 0 0 18px;
    }

    .hero-title span {
        color: #ffdd57;
    }

    .hero-text {
        font-size: 18px;
        line-height: 1.75;
        color: rgba(255,255,255,.88);
        max-width: 670px;
    }

    .hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 28px;
    }

    .btn-main,
    .btn-soft {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 52px;
        padding: 0 24px;
        border-radius: 15px;
        font-weight: 900;
        text-decoration: none;
        transition: .25s ease;
    }

    .btn-main {
        background: #fff;
        color: #3b0b5f;
        box-shadow: 0 12px 35px rgba(0,0,0,.18);
    }

    .btn-soft {
        background: rgba(255,255,255,.12);
        color: #fff;
        border: 1px solid rgba(255,255,255,.28);
    }

    .btn-main:hover,
    .btn-soft:hover {
        transform: translateY(-3px);
    }

.hero-card {
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 28px;
    padding: 0;
    overflow: hidden;
    backdrop-filter: blur(14px);
    box-shadow: 0 25px 80px rgba(0,0,0,.22);
    padding:5px;
}

.hero-card img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    display: block;
    object-fit: cover;
    border-radius: 28px;
    margin-bottom: 15px;
}



    .price-box {
        background: rgba(255,255,255,.95);
        color: #210035;
        border-radius: 22px;
        padding: 20px;
    }

    .price-box small {
        color: #6b5b78;
        font-weight: 800;
    }

    .price-box strong {
        display: block;
        font-size: 38px;
        line-height: 1;
        color: #5b1691;
        margin: 8px 0;
    }

    .section-head {
        text-align: center;
        margin: 55px auto 26px;
        max-width: 780px;
    }

    .section-head h2 {
        color: #190027;
        font-size: 30px;
        font-weight: 950;
        margin-bottom: 10px;
    }

    .section-head p {
        color: #5b5263;
        line-height: 1.7;
    }

    .category-grid {
        max-width: 1050px;
        margin: -45px auto 0;
        position: relative;
        z-index: 5;
        padding: 0 16px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .category-card {
        border-radius: 28px;
        padding: 28px;
        min-height: 205px;
        background: linear-gradient(135deg, #fff 0%, #f5eafa 100%);
        border: 1px solid #ead8f5;
        box-shadow: 0 18px 50px rgba(63, 18, 95, .10);
        position: relative;
        overflow: hidden;
    }

    .category-card::after {
        content: "";
        position: absolute;
        right: -35px;
        bottom: -35px;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background: rgba(103, 46, 133, .10);
    }

    .category-card h2 {
        color: #210035;
        font-size: 25px;
        font-weight: 950;
        margin-bottom: 12px;
    }

    .category-card p {
        color: #4f4658;
        line-height: 1.65;
        margin-bottom: 18px;
    }

    .category-card .price {
        color: #672e85;
        font-size: 30px;
        font-weight: 950;
        margin-bottom: 14px;
    }

    .category-card a {
        display: inline-flex;
        background: #672e85;
        color: #fff;
        font-weight: 900;
        padding: 12px 18px;
        border-radius: 12px;
        text-decoration: none;
        position: relative;
        z-index: 2;
    }

    .seo-panel {
        max-width: 1100px;
        margin: 45px auto;
        padding: 0 16px;
    }

    .seo-box {
        background: #fff;
        border: 1px solid #eee4f4;
        border-radius: 26px;
        padding: 30px;
        box-shadow: 0 14px 45px rgba(0,0,0,.06);
    }

    .seo-box h2 {
        color: #210035;
        font-size: 28px;
        font-weight: 950;
        margin-bottom: 15px;
    }

    .seo-box p {
        color: #4f4658;
        line-height: 1.8;
        margin-bottom: 12px;
    }

    .steps-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0,1fr));
        gap: 18px;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 16px;
    }

    .step-card {
        background: #fff;
        border: 1px solid #eee4f4;
        border-radius: 22px;
        padding: 24px;
        box-shadow: 0 12px 35px rgba(0,0,0,.05);
    }

    .step-card span {
        width: 42px;
        height: 42px;
        border-radius: 14px;
        background: #672e85;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 950;
        margin-bottom: 14px;
    }

    .step-card h3 {
        color: #210035;
        font-size: 20px;
        font-weight: 900;
        margin-bottom: 8px;
    }

    .step-card p {
        color: #5b5263;
        line-height: 1.65;
    }

    .faq-wrap {
        max-width: 1000px;
        margin: 55px auto;
        padding: 0 16px;
    }

    .faq-item {
        background: #fff;
        border: 1px solid #eee4f4;
        border-radius: 18px;
        padding: 18px 20px;
        margin-bottom: 12px;
    }

    .faq-item h3 {
        color: #210035;
        font-size: 18px;
        font-weight: 900;
        margin-bottom: 8px;
    }

    .faq-item p {
        color: #5b5263;
        line-height: 1.7;
    }

    @media(max-width: 900px) {
        .hero-grid,
        .category-grid,
        .steps-grid {
            grid-template-columns: 1fr;
        }

        .home-hero {
            padding: 45px 16px 80px;
            border-bottom-left-radius: 35% 4%;
            border-bottom-right-radius: 35% 4%;
        }
    }
    
    
    .category-card-with-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.category-card-content {
    position: relative;
    z-index: 2;
    max-width: 55%;
}

.category-card-visual {
    position: relative;
    z-index: 2;
    width: 42%;
    max-height: 170px;
    object-fit: contain;
}

@media(max-width: 640px) {
    .category-card-with-img {
        flex-direction: column;
        align-items: flex-start;
    }

    .category-card-content {
        max-width: 100%;
    }

    .category-card-visual {
        width: 100%;
        max-height: 180px;
    }
}

/* Editable match programme and selected offer */
.match-showcase{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 45% 0%,#a120af 0%,#65157a 45%,#360c52 100%);color:#fff;padding:46px 24px 95px;border-radius:0 0 48% 12%;margin-top:-20px}
.match-showcase::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(ellipse at 50% -90%,transparent 0 80px,#ffffff07 82px 85px,transparent 87px 115px)}
.match-showcase-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;z-index:-1}
.match-showcase-inner{max-width:1140px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:center;position:relative}
.match-program h2{color:#fff;font-size:26px;font-weight:800;margin:0 0 8px}.match-program-intro{color:#f0d7f1;margin-bottom:20px;font-size:15px}.match-program-list{display:grid;gap:13px}
.match-fixture{display:grid;grid-template-columns:minmax(0,1fr) 122px minmax(0,1fr) 188px;gap:10px;align-items:center;background:#fff;border-radius:7px;color:#1c1626;padding:11px 12px;box-shadow:0 8px 24px #24082d1a}
.match-team{display:flex;align-items:center;gap:9px;min-width:0}.match-team img{width:38px;height:42px;object-fit:contain;flex:none}.match-team strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}.match-away{justify-content:flex-end;text-align:right}.match-fixture time{font-size:13px;text-align:center;color:#342b40}
.match-countdown{display:flex;gap:5px;justify-content:flex-end}.match-countdown>span{display:grid;text-align:center;min-width:42px;padding:6px 3px;background:#efedf0;border-radius:5px;color:#6427a8}.match-countdown b{font-size:15px;line-height:1.2}.match-countdown small{font-size:9px;line-height:1.4}.match-countdown-ended{font-size:12px;color:#6a3a80;text-align:center}
.match-empty{border:1px solid #ffffff40;border-radius:12px;background:#ffffff0d;padding:30px;margin:0;color:#f7e9fb;font-size:16px}
.match-offer-card{position:relative;text-align:center;padding:32px 22px 23px;background:#ffffff16;border:1px solid #ffffff40;box-shadow:0 15px 40px #21052730;border-radius:9px;backdrop-filter:blur(7px);margin-top:16px}
.match-offer-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#ffe34e;color:#35113f;border-radius:5px;padding:7px 16px;max-width:95%;width:max-content;font-size:12px;line-height:1.3;font-weight:800;margin:0}
.match-offer-image{width:100%;height:100px;object-fit:contain;display:block;margin:0 auto 14px;border-radius:5px}.match-offer-card h3{color:#ffe353;font-size:23px;font-weight:850;line-height:1.2;margin:10px 0}.match-offer-description{font-size:14px;line-height:1.5;color:#fff;white-space:pre-line;margin:10px 0}
.match-offer-price{margin:10px 0 18px;line-height:1.15}.match-offer-price strong{display:block;font-size:28px;font-weight:850}.match-offer-price strong small{font-size:17px}.match-offer-price>span{display:block;font-size:12px;color:#f1d5f3;margin-top:4px}
.match-offer-button-wrap{position:relative;display:inline-flex;isolation:isolate;overflow:hidden;border-radius:999px;padding:2px;box-shadow:0 0 24px #d08dff66;margin-top:7px;min-width:165px}.match-offer-button-wrap::before{content:"";position:absolute;inset:-150%;background:conic-gradient(transparent 0deg,#ffec86 80deg,transparent 125deg,#e693ff 255deg,transparent 300deg);animation:matchButtonOrbit 3s linear infinite;z-index:-1}
.site-public .match-offer-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ba55ff,#8b28ec);color:#fff;border:0;border-radius:999px;padding:11px 27px;font-size:15px;line-height:1.3;font-weight:800;text-decoration:none;width:100%;cursor:pointer}.site-public .match-offer-button:hover,.site-public .match-offer-button:focus-visible{color:#fff;background:linear-gradient(180deg,#c578ff,#9a3bf1)}
@keyframes matchButtonOrbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.match-showcase-inner{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.match-fixture{grid-template-columns:1fr 105px 1fr;gap:7px}.match-countdown{grid-column:1/-1;justify-content:center}.match-team strong{font-size:14px}}
@media(max-width:767px){.match-showcase{padding:34px 16px 42px;border-radius:0 0 45% 3%}.match-showcase-inner{grid-template-columns:1fr;gap:28px}.match-program h2{font-size:22px}.match-fixture{padding:12px 9px;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)}.match-team{gap:5px}.match-team img{width:28px;height:32px}.match-team strong{font-size:12px}.match-fixture time{font-size:11px}.match-offer-card{width:100%;max-width:440px;justify-self:center;padding:30px 24px 24px}.match-offer-image{height:120px}}
@media(prefers-reduced-motion:reduce){.match-offer-button-wrap::before{animation:none}}