:root{
    --bs-dark:#05070d;
    --bs-dark-2:#0a1020;
    --bs-card:rgba(255,255,255,.055);
    --bs-card-2:rgba(255,255,255,.08);
    --bs-border:rgba(255,255,255,.10);
    --bs-text:#ffffff;
    --bs-muted:rgba(255,255,255,.68);
    --bs-soft:rgba(255,255,255,.48);
    --bs-green:#b7ff2a;
    --bs-lime:#d9ff43;
    --bs-cyan:#39e7ff;
    --bs-gold:#f6ff74;
    --bs-red:#ff4d6d;
    --bs-radius:24px;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Inter',sans-serif;
    background:
        radial-gradient(circle at 15% 10%, rgba(183,255,42,.16), transparent 28%),
        radial-gradient(circle at 85% 15%, rgba(57,231,255,.10), transparent 25%),
        linear-gradient(135deg,#03050a 0%,#07101c 48%,#03050a 100%);
    color:var(--bs-text);
    min-height:100vh;
    overflow-x:hidden;
}

a{
    color:inherit;
    text-decoration:none;
}

img{
    max-width:100%;
    display:block;
}

.container{
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;
}

.bs-background-glow{
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
}

.bs-background-glow::before,
.bs-background-glow::after{
    content:"";
    position:absolute;
    width:460px;
    height:460px;
    border-radius:999px;
    filter:blur(130px);
    opacity:.18;
}

.bs-background-glow::before{
    background:var(--bs-green);
    top:-160px;
    left:-120px;
}

.bs-background-glow::after{
    background:var(--bs-cyan);
    right:-160px;
    bottom:-180px;
}

/* NAVBAR */

.bs-navbar{
    position:sticky;
    top:0;
    z-index:50;
    padding:18px 0;
    background:rgba(5,7,13,.72);
    backdrop-filter:blur(22px);
    border-bottom:1px solid var(--bs-border);
}

.bs-navbar .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

.bs-logo img{
    height:54px;
    width:auto;
    filter:drop-shadow(0 0 18px rgba(183,255,42,.22));
}

.bs-nav-menu{
    display:flex;
    align-items:center;
    gap:30px;
}

.bs-nav-menu a{
    font-size:14px;
    font-weight:600;
    color:var(--bs-muted);
    transition:.25s ease;
}

.bs-nav-menu a:hover{
    color:var(--bs-green);
}

.bs-nav-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

/* BUTTONS */

.bs-btn-primary,
.bs-btn-outline{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:46px;
    padding:0 22px;
    border-radius:999px;
    font-size:14px;
    font-weight:800;
    transition:.25s ease;
    white-space:nowrap;
}

.bs-btn-primary{
    color:#07100a;
    background:linear-gradient(135deg,var(--bs-green),var(--bs-gold));
    box-shadow:0 0 32px rgba(183,255,42,.20);
}

.bs-btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 0 45px rgba(183,255,42,.32);
}

.bs-btn-outline{
    color:var(--bs-text);
    border:1px solid var(--bs-border);
    background:rgba(255,255,255,.04);
}

.bs-btn-outline:hover{
    border-color:rgba(183,255,42,.45);
    color:var(--bs-green);
    transform:translateY(-2px);
}

/* HERO */

.hero-section{
    position:relative;
    padding:92px 0 74px;
}

.hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:58px;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    padding:10px 16px;
    border-radius:999px;
    margin-bottom:24px;
    background:rgba(183,255,42,.09);
    border:1px solid rgba(183,255,42,.18);
    color:var(--bs-green);
    font-size:12px;
    font-weight:900;
    letter-spacing:.9px;
}

.hero-content h1{
    font-size:68px;
    line-height:1.02;
    letter-spacing:-3px;
    margin-bottom:24px;
}

.hero-content h1 span{
    display:block;
    background:linear-gradient(135deg,var(--bs-green),var(--bs-cyan));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 0 24px rgba(183,255,42,.16));
}

.hero-content p{
    max-width:590px;
    color:var(--bs-muted);
    font-size:17px;
    line-height:1.85;
    margin-bottom:34px;
}

.hero-buttons{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
    margin-bottom:36px;
}

.hero-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    max-width:620px;
}

.hero-stat-card{
    padding:20px;
    border-radius:20px;
    background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
    border:1px solid var(--bs-border);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}

.hero-stat-card h3{
    font-size:28px;
    color:var(--bs-green);
    margin-bottom:6px;
}

.hero-stat-card span{
    font-size:13px;
    color:var(--bs-soft);
    font-weight:600;
}

/* HERO VISUAL */

.hero-visual{
    position:relative;
}

.hero-visual::before{
    content:"";
    position:absolute;
    inset:40px;
    background:linear-gradient(135deg,rgba(183,255,42,.22),rgba(57,231,255,.14));
    filter:blur(80px);
    z-index:-1;
}

.prediction-card{
    position:relative;
    border-radius:32px;
    padding:28px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
    border:1px solid var(--bs-border);
    box-shadow:
        0 32px 120px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.10);
    overflow:hidden;
}

.prediction-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,rgba(183,255,42,.16),transparent 35%),
        radial-gradient(circle at bottom left,rgba(57,231,255,.12),transparent 35%);
    pointer-events:none;
}

.prediction-header{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:28px;
}

.prediction-header span{
    font-size:12px;
    font-weight:900;
    letter-spacing:1px;
    color:var(--bs-green);
}

.live-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:var(--bs-green);
    box-shadow:0 0 20px var(--bs-green);
    animation:pulseDot 1.2s infinite;
}

@keyframes pulseDot{
    50%{opacity:.35; transform:scale(.75);}
}

.teams{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:18px;
    margin-bottom:28px;
}

.team{
    min-height:150px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
    padding:18px;
    border-radius:22px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}

.team img{
    width:58px;
    height:58px;
    object-fit:contain;
    filter:drop-shadow(0 0 18px rgba(255,255,255,.12));
}

.team h4{
    text-align:center;
    font-size:15px;
}

.vs{
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    color:#07100a;
    background:linear-gradient(135deg,var(--bs-green),var(--bs-gold));
}

.prediction-result{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:26px;
}

.result-box{
    padding:14px 18px;
    border-radius:16px;
    font-size:13px;
    font-weight:900;
    color:#07100a;
}

.result-box.win{
    background:linear-gradient(135deg,var(--bs-green),var(--bs-gold));
}

.confidence{
    font-size:13px;
    font-weight:900;
    color:var(--bs-cyan);
}

.prediction-bars{
    position:relative;
    z-index:1;
    display:grid;
    gap:16px;
}

.bar-label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:8px;
    font-size:13px;
    color:var(--bs-muted);
    font-weight:700;
}

.bar{
    height:9px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    overflow:hidden;
}

.fill{
    height:100%;
    border-radius:999px;
}

.fill.green{
    background:linear-gradient(90deg,var(--bs-green),var(--bs-gold));
}

.fill.yellow{
    background:linear-gradient(90deg,#ffd84d,#fff275);
}

.fill.red{
    background:linear-gradient(90deg,#ff4d6d,#ff8fa3);
}

/* FEATURES */

.feature-section{
    padding:30px 0 92px;
}

.section-title{
    text-align:center;
    max-width:720px;
    margin:0 auto 40px;
}

.section-title span{
    color:var(--bs-green);
    font-size:12px;
    font-weight:900;
    letter-spacing:1px;
}

.section-title h2{
    margin-top:12px;
    font-size:42px;
    line-height:1.16;
    letter-spacing:-1px;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.feature-card{
    padding:28px;
    border-radius:26px;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
    border:1px solid var(--bs-border);
    transition:.25s ease;
}

.feature-card:hover{
    transform:translateY(-6px);
    border-color:rgba(183,255,42,.36);
    box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.feature-icon{
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    margin-bottom:20px;
    font-size:24px;
}

.feature-card h3{
    font-size:20px;
    margin-bottom:12px;
}

.feature-card p{
    color:var(--bs-muted);
    line-height:1.75;
    font-size:15px;
}

/* FOOTER */

.bs-footer{
    padding:20px 0 26px;
    border-top:1px solid var(--bs-border);
    background:rgba(0,0,0,.20);
}

.bs-footer-grid{
    display:grid;
    grid-template-columns:1.4fr .8fr .8fr;
    gap:34px;
}

.bs-footer-logo{
    height:58px;
    width:auto;
    margin-bottom:18px;
}

.bs-footer-desc{
    max-width:380px;
    color:var(--bs-muted);
    line-height:1.75;
}

.bs-footer h4{
    margin-bottom:16px;
    font-size:15px;
}

.bs-footer ul{
    list-style:none;
    display:grid;
    gap:10px;
}

.bs-footer a{
    color:var(--bs-muted);
    font-size:14px;
}

.bs-footer a:hover{
    color:var(--bs-green);
}

.bs-footer-bottom{
    margin-top:46px;
    padding-top:22px;
    border-top:1px solid var(--bs-border);
    color:var(--bs-soft);
    font-size:13px;
    text-align:center;
}
/* LIVE MATCH */

.live-match-section{
    padding:20px 0 100px;
}

.live-match-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:24px;
}

.live-match-card{
    position:relative;
    overflow:hidden;
    padding:28px;
    border-radius:30px;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.08),
            rgba(255,255,255,.03)
        );
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 30px 90px rgba(0,0,0,.35);
}

.live-match-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at top right,
            rgba(183,255,42,.18),
            transparent 30%
        );
    pointer-events:none;
}

.live-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:32px;
}

.league-badge{
    padding:10px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    font-size:12px;
    font-weight:800;
    letter-spacing:.8px;
    color:var(--bs-muted);
}

.live-status{
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,77,109,.12);
    color:#ff6b81;
    font-size:12px;
    font-weight:900;
    animation:liveBlink 1s infinite;
}

@keyframes liveBlink{
    50%{
        opacity:.4;
    }
}

.live-teams{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:20px;
    margin-bottom:30px;
}

.live-team{
    text-align:center;
}

.live-team img{
    width:74px;
    height:74px;
    object-fit:contain;
    margin:auto;
    margin-bottom:14px;
}

.live-team h4{
    font-size:16px;
}

.live-score{
    font-size:52px;
    font-weight:900;
    color:var(--bs-green);
    letter-spacing:-2px;
}

.match-progress{
    position:relative;
    width:100%;
    height:12px;
    border-radius:999px;
    overflow:hidden;
    background:rgba(255,255,255,.06);
    margin-bottom:28px;
}

.progress-fill{
    position:absolute;
    top:0;
    left:0;
    width:78%;
    height:100%;
    border-radius:999px;
    background:
        linear-gradient(
            90deg,
            var(--bs-green),
            var(--bs-cyan)
        );
}

.live-footer{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.live-footer div{
    padding:18px;
    border-radius:18px;
    background:rgba(255,255,255,.04);
    text-align:center;
}

.live-footer small{
    display:block;
    margin-bottom:8px;
    color:var(--bs-soft);
    font-size:11px;
    letter-spacing:.6px;
}

.live-footer strong{
    font-size:22px;
    color:var(--bs-green);
}

/* AI PANEL */

.ai-panel{
    height:100%;
    display:flex;
    flex-direction:column;
}

.ai-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:28px;
}

.ai-header h3{
    font-size:24px;
}

.ai-pulse{
    width:16px;
    height:16px;
    border-radius:50%;
    background:var(--bs-green);
    box-shadow:0 0 20px var(--bs-green);
    animation:pulseDot 1.3s infinite;
}

.ai-chart{
    flex:1;
    min-height:240px;
    display:flex;
    align-items:flex-end;
    gap:16px;
    margin-bottom:26px;
}

.chart-line{
    flex:1;
    border-radius:18px 18px 0 0;
    background:
        linear-gradient(
            180deg,
            var(--bs-green),
            rgba(183,255,42,.08)
        );
    animation:chartMove 2s infinite ease-in-out;
}

.line-1{height:30%;}
.line-2{height:65%;}
.line-3{height:90%;}
.line-4{height:50%;}
.line-5{height:75%;}

.line-2{
    animation-delay:.2s;
}

.line-3{
    animation-delay:.4s;
}

.line-4{
    animation-delay:.6s;
}

.line-5{
    animation-delay:.8s;
}

@keyframes chartMove{
    50%{
        transform:translateY(-12px);
    }
}

.ai-stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.ai-stat{
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.04);
}

.ai-stat span{
    display:block;
    margin-bottom:8px;
    color:var(--bs-soft);
    font-size:12px;
}

.ai-stat h4{
    font-size:28px;
    color:var(--bs-green);
}

@media(max-width:992px){

    .live-match-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .live-teams{
        grid-template-columns:1fr;
    }

    .live-score{
        margin:auto;
    }

    .live-footer{
        grid-template-columns:1fr;
    }
}

/* NOTIFICATION */

.notification-toast{
    position:fixed;
    top:24px;
    right:24px;
    z-index:9999;
    width:360px;
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:18px;
    border-radius:24px;
    backdrop-filter:blur(24px);
    border:1px solid rgba(255,255,255,.08);
    animation:toastShow .35s ease;
    box-shadow:
        0 25px 60px rgba(0,0,0,.35);
}

.notification-toast.success{
    background:
        linear-gradient(
            135deg,
            rgba(183,255,42,.18),
            rgba(183,255,42,.06)
        );
}

.notification-toast.error{
    background:
        linear-gradient(
            135deg,
            rgba(255,77,109,.18),
            rgba(255,77,109,.06)
        );
}

.notification-toast.warning{
    background:
        linear-gradient(
            135deg,
            rgba(255,216,77,.18),
            rgba(255,216,77,.06)
        );
}

.notification-toast.info{
    background:
        linear-gradient(
            135deg,
            rgba(57,231,255,.18),
            rgba(57,231,255,.06)
        );
}

.notification-icon{
    width:48px;
    height:48px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:900;
    background:rgba(255,255,255,.08);
}

.notification-content strong{
    display:block;
    margin-bottom:6px;
    font-size:15px;
}

.notification-content p{
    color:var(--bs-muted);
    line-height:1.6;
    font-size:13px;
}

.notification-toast.hide{
    opacity:0;
    transform:translateY(-20px);
    transition:.3s ease;
}

@keyframes toastShow{
    from{
        opacity:0;
        transform:translateY(-20px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media(max-width:768px){

.notification-toast{
    top:14px;
    left:14px;
    right:14px;
    width:auto;
}
}
.breadcrumb{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:28px;
    color:var(--bs-muted);
    font-size:14px;
}

.breadcrumb a{
    color:var(--bs-green);
    font-weight:700;
}

.breadcrumb span{
    color:var(--bs-soft);
}

.breadcrumb strong{
    color:rgba(255,255,255,.82);
    font-weight:700;
}
/* BLOG DETAIL FINAL */

.blog-detail-section{
    padding-top:72px;
}

.blog-detail-wrap{
    max-width:920px;
    margin:0 auto;
}

.blog-detail-card{
    padding:34px;
    border-radius:34px;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.035)
        );
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 30px 90px rgba(0,0,0,.35);
}

.blog-hero-image{
    margin:0 0 28px;
    overflow:hidden;
    border-radius:28px;
    border:1px solid rgba(183,255,42,.22);
    background:rgba(255,255,255,.04);
}

.blog-hero-image img{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
}

.blog-meta-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:22px;
    padding:10px 16px;
    border-radius:999px;
    background:rgba(183,255,42,.11);
    border:1px solid rgba(183,255,42,.18);
    color:var(--bs-green);
    font-size:12px;
    font-weight:900;
}

.blog-detail-title{
    max-width:820px;
    margin-bottom:18px;
    font-size:46px;
    line-height:1.12;
    letter-spacing:-1.5px;
}

.blog-detail-excerpt{
    max-width:820px;
    margin-bottom:36px;
    color:var(--bs-muted);
    font-size:17px;
    line-height:1.85;
}

.blog-content{
    color:rgba(255,255,255,.86);
    font-size:17px;
    line-height:1.95;
}

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4{
    color:#fff;
    line-height:1.25;
    letter-spacing:-.5px;
}

.blog-content h1{
    margin:42px 0 18px;
    font-size:38px;
}

.blog-content h2{
    margin:38px 0 16px;
    font-size:30px;
}

.blog-content h3{
    margin:32px 0 14px;
    font-size:24px;
}

.blog-content p{
    margin:0 0 22px;
}

.blog-content a{
    color:var(--bs-green);
    font-weight:800;
    text-decoration:none;
    border-bottom:1px solid rgba(183,255,42,.55);
}

.blog-content a:hover{
    color:#e6ff78;
}

.blog-content ul,
.blog-content ol{
    margin:0 0 24px;
    padding-left:28px;
}

.blog-content li{
    margin-bottom:10px;
}

.blog-content strong{
    color:#fff;
}

.blog-content blockquote{
    margin:30px 0;
    padding:22px 26px;
    border-left:4px solid var(--bs-green);
    border-radius:18px;
    background:rgba(183,255,42,.07);
    color:rgba(255,255,255,.88);
}

.blog-content img{
    display:block;
    max-width:100%;
    height:auto;
    margin:34px auto;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.10);
}

.blog-content table{
    width:100%;
    margin:30px 0;
    border-collapse:collapse;
    overflow:hidden;
    border-radius:18px;
}

.blog-content table td,
.blog-content table th{
    padding:14px 16px;
    border:1px solid rgba(255,255,255,.10);
}

.blog-detail-footer{
    margin-top:38px;
    padding-top:28px;
    border-top:1px solid rgba(255,255,255,.08);
}

@media(max-width:768px){

    .blog-detail-card{
        padding:22px;
        border-radius:26px;
    }

    .blog-detail-title{
        font-size:34px;
    }

    .blog-content{
        font-size:16px;
    }

    .blog-content h1{
        font-size:30px;
    }

    .blog-content h2{
        font-size:26px;
    }

    .blog-content h3{
        font-size:22px;
    }
}
/* BLOG LIST FINAL */

.blog-list-section{
    padding-top:90px;
}

.blog-list-title{
    margin-bottom:34px;
}

.blog-search-form{
    max-width:760px;
    margin:0 auto 48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}

.blog-search-form input{
    flex:1;
    min-width:280px;
    height:58px;
    border:none;
    outline:none;
    border-radius:999px;
    padding:0 22px;
    color:#fff;
    background:rgba(255,255,255,.065);
    border:1px solid rgba(255,255,255,.11);
}

.blog-search-form input:focus{
    border-color:rgba(183,255,42,.38);
    box-shadow:0 0 0 4px rgba(183,255,42,.08);
}

.blog-search-form button{
    height:58px;
    border:none;
    cursor:pointer;
}

.blog-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
    align-items:stretch;
}

.blog-card-pro{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.035)
        );
    border:1px solid rgba(255,255,255,.10);
    box-shadow:
        0 24px 70px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.05);
    transition:.28s ease;
}

.blog-card-pro:hover{
    transform:translateY(-8px);
    border-color:rgba(183,255,42,.24);
    box-shadow:
        0 34px 100px rgba(0,0,0,.38),
        0 0 50px rgba(183,255,42,.08);
}

.blog-card-image{
    display:block;
    padding:18px 18px 0;
}

.blog-card-image img{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius:22px;
    border:1px solid rgba(183,255,42,.18);
}

.blog-card-body{
    padding:22px;
}

.blog-card-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
}

.blog-card-meta span{
    display:inline-flex;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(183,255,42,.12);
    border:1px solid rgba(183,255,42,.18);
    color:var(--bs-green);
    font-size:11px;
    font-weight:900;
}

.blog-card-meta small{
    color:var(--bs-muted);
    font-size:12px;
}

.blog-card-body h2{
    margin-bottom:12px;
    font-size:24px;
    line-height:1.28;
    letter-spacing:-.4px;
}

.blog-card-body h2 a{
    color:#fff;
}

.blog-card-body h2 a:hover{
    color:var(--bs-green);
}

.blog-card-body p{
    min-height:96px;
    margin-bottom:22px;
    color:var(--bs-muted);
    font-size:15px;
    line-height:1.75;
}

.blog-read-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:52px;
    border-radius:999px;
    color:#07100a;
    font-size:14px;
    font-weight:900;
    background:
        linear-gradient(
            135deg,
            var(--bs-green),
            var(--bs-gold)
        );
    box-shadow:0 18px 40px rgba(183,255,42,.16);
}

.blog-read-link:hover{
    transform:translateY(-2px);
}

.blog-empty-card{
    grid-column:1/-1;
    padding:34px;
    border-radius:26px;
    text-align:center;
}

.blog-empty-card p{
    margin-top:10px;
    color:var(--bs-muted);
}

.blog-pagination{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:42px;
    flex-wrap:wrap;
}

@media(max-width:1100px){
    .blog-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:720px){
    .blog-list-section{
        padding-top:64px;
    }

    .blog-grid{
        grid-template-columns:1fr;
    }

    .blog-search-form{
        align-items:stretch;
    }

    .blog-search-form input,
    .blog-search-form button,
    .blog-search-form a{
        width:100%;
    }

    .blog-card-body h2{
        font-size:21px;
    }

    .blog-card-body p{
        min-height:auto;
    }
}

/* STANDINGS FINAL */

.standings-section{
    padding-top:90px;
}

.standings-card{
    max-width:1100px;
    margin:0 auto;
    padding:26px;
    border-radius:34px;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 30px 90px rgba(0,0,0,.35);
}

.standings-head{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:center;
    margin-bottom:22px;
    padding:0 4px;
}

.standings-head h2{
    font-size:24px;
}

.standings-head span{
    padding:9px 14px;
    border-radius:999px;
    background:rgba(183,255,42,.12);
    color:var(--bs-green);
    font-weight:900;
    font-size:12px;
}

.standings-table-wrap{
    overflow-x:auto;
}

.standings-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px;
}

.standings-table th{
    padding:14px 16px;
    color:var(--bs-muted);
    font-size:12px;
    text-align:left;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.standings-table td{
    padding:16px;
    background:rgba(255,255,255,.045);
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06);
    color:#fff;
    font-weight:700;
}

.standings-table tr td:first-child{
    border-left:1px solid rgba(255,255,255,.06);
    border-radius:18px 0 0 18px;
    color:var(--bs-green);
    font-weight:900;
}

.standings-table tr td:last-child{
    border-right:1px solid rgba(255,255,255,.06);
    border-radius:0 18px 18px 0;
}

.standing-team{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:220px;
}

.standing-team img{
    width:34px;
    height:34px;
    object-fit:contain;
}

.form-list{
    display:flex;
    gap:6px;
}

.form-list span{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    font-size:11px;
    font-weight:900;
}

.form-list .w{
    background:rgba(183,255,42,.18);
    color:var(--bs-green);
}

.form-list .d{
    background:rgba(57,231,255,.14);
    color:#39e7ff;
}

.form-list .l{
    background:rgba(255,77,109,.15);
    color:#ff4d6d;
}

@media(max-width:768px){
    .standings-card{
        padding:16px;
        border-radius:26px;
    }

    .standings-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .standings-table th,
    .standings-table td{
        padding:12px;
        font-size:13px;
    }
}
/* =========================
   PRICING FINAL
========================= */

.pricing-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px;
    align-items:stretch;
}

.pricing-card{
    position:relative;
    overflow:hidden;

    padding:32px;
    border-radius:32px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.035)
        );

    border:1px solid rgba(255,255,255,.10);

    box-shadow:
        0 26px 80px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.05);

    display:flex;
    flex-direction:column;

    transition:.3s ease;
}

.pricing-card:hover{
    transform:translateY(-6px);
    border-color:rgba(183,255,42,.20);
}

.pricing-card.featured{
    border-color:rgba(183,255,42,.34);

    transform:translateY(-10px);

    box-shadow:
        0 34px 110px rgba(0,0,0,.42),
        0 0 70px rgba(183,255,42,.10);
}

.pricing-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        radial-gradient(
            circle at top right,
            rgba(183,255,42,.12),
            transparent 36%
        );
}

.pricing-label{
    position:relative;
    z-index:1;

    width:max-content;

    margin-bottom:18px;

    padding:9px 14px;

    border-radius:999px;

    background:rgba(183,255,42,.11);
    border:1px solid rgba(183,255,42,.18);

    color:var(--bs-green);

    font-size:12px;
    font-weight:900;
}

.pricing-card h2{
    position:relative;
    z-index:1;

    margin-bottom:14px;

    font-size:34px;
    line-height:1.1;
}

.pricing-price{
    position:relative;
    z-index:1;

    margin-bottom:28px;

    font-size:52px;
    line-height:1;

    font-weight:900;
    color:#fff;
}

.pricing-price span{
    color:var(--bs-muted);

    font-size:14px;
    font-weight:700;
}

.pricing-card ul{
    position:relative;
    z-index:1;

    display:grid;
    gap:15px;

    margin:0 0 34px;
    padding:0;

    list-style:none;

    flex:1;
}

.pricing-card li{
    display:flex;
    align-items:flex-start;
    gap:12px;

    color:var(--bs-muted);

    line-height:1.7;
    font-size:15px;
}

.pricing-card li span{
    color:var(--bs-green);
    font-weight:900;
}

.pricing-card a{
    position:relative;
    z-index:1;

    margin-top:auto;
}

/* MOBILE */

@media(max-width:1000px){

    .pricing-grid{
        grid-template-columns:1fr;
    }

    .pricing-card.featured{
        transform:none;
    }

}
/* PREDICTION DETAIL */

.prediction-detail-section{
    padding-top:90px;
}

.prediction-detail-card{
    position:relative;
    max-width:1150px;
    margin:auto;
    padding:42px;
    border-radius:34px;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 30px 90px rgba(0,0,0,.35);
}

.prediction-detail-head{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:flex-start;
    margin-bottom:42px;
}

.prediction-detail-head h1{
    margin-top:20px;
    font-size:44px;
    line-height:1.15;
}

.prediction-detail-head p{
    max-width:720px;
    margin-top:14px;
    color:var(--bs-muted);
    line-height:1.8;
}

.prediction-plan-badge{
    padding:12px 18px;
    border-radius:999px;
    background:rgba(183,255,42,.12);
    border:1px solid rgba(183,255,42,.18);
    color:var(--bs-green);
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

.probability-grid{
    margin-top:46px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.probability-box{
    padding:26px;
    border-radius:24px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
    text-align:center;
}

.probability-box span{
    display:block;
    margin-bottom:12px;
    color:var(--bs-muted);
    font-size:13px;
    font-weight:800;
}

.probability-box h3{
    font-size:42px;
    color:var(--bs-green);
}

.prediction-detail-grid,
.odds-grid{
    margin-top:20px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.prediction-detail-grid div,
.odds-grid div{
    padding:22px;
    border-radius:22px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
    text-align:center;
}

.prediction-detail-grid span,
.odds-grid span{
    display:block;
    margin-bottom:10px;
    color:var(--bs-muted);
    font-size:12px;
    font-weight:800;
}

.prediction-detail-grid strong,
.odds-grid strong{
    color:#fff;
    font-size:18px;
}

.analysis-box,
.elite-box{
    margin-top:24px;
    padding:28px;
    border-radius:26px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}

.analysis-box h3,
.elite-box h3{
    margin-bottom:12px;
}

.analysis-box p,
.elite-box p{
    color:var(--bs-muted);
    line-height:1.85;
}

.elite-box{
    background:rgba(183,255,42,.075);
    border-color:rgba(183,255,42,.18);
}

.locked-blur{
    filter:blur(8px);
    pointer-events:none;
    user-select:none;
    opacity:.55;
}

.locked-overlay-card{
    margin-top:28px;
    padding:28px;
    border-radius:26px;
    background:rgba(8,13,20,.88);
    border:1px solid rgba(183,255,42,.20);
    text-align:center;
}

.locked-overlay-card h3{
    margin-bottom:12px;
}

.locked-overlay-card p{
    max-width:640px;
    margin:0 auto 20px;
    color:var(--bs-muted);
    line-height:1.8;
}

@media(max-width:900px){
    .prediction-detail-card{
        padding:24px;
        border-radius:26px;
    }

    .prediction-detail-head{
        flex-direction:column;
    }

    .prediction-detail-head h1{
        font-size:32px;
    }

    .probability-grid,
    .prediction-detail-grid,
    .odds-grid{
        grid-template-columns:1fr;
    }
}
/* PREDICTION DETAIL FINAL */

.prediction-detail-section{
    padding-top:90px;
}

.prediction-detail-card{
    position:relative;
    max-width:1150px;
    margin:auto;
    padding:44px;
    border-radius:36px;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.035)
        );
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 30px 90px rgba(0,0,0,.35);
}

.prediction-detail-head{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:flex-start;
    margin-bottom:46px;
}

.prediction-detail-head h1{
    max-width:820px;
    margin-top:20px;
    font-size:46px;
    line-height:1.14;
    letter-spacing:-1.2px;
}

.prediction-detail-head p{
    max-width:760px;
    margin-top:14px;
    color:var(--bs-muted);
    line-height:1.85;
}

.prediction-plan-badge{
    padding:12px 18px;
    border-radius:999px;
    background:rgba(183,255,42,.12);
    border:1px solid rgba(183,255,42,.18);
    color:var(--bs-green);
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

.prediction-main-result{
    margin-top:46px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.prediction-main-result div{
    padding:24px;
    border-radius:24px;
    text-align:center;
    background:rgba(183,255,42,.075);
    border:1px solid rgba(183,255,42,.16);
}

.prediction-main-result span{
    display:block;
    margin-bottom:10px;
    color:var(--bs-muted);
    font-size:13px;
    font-weight:800;
}

.prediction-main-result h2{
    font-size:26px;
    color:#fff;
}

.probability-grid{
    margin-top:26px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.probability-box{
    padding:26px;
    border-radius:24px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
    text-align:center;
}

.probability-box span{
    display:block;
    margin-bottom:12px;
    color:var(--bs-muted);
    font-size:13px;
    font-weight:800;
}

.probability-box h3{
    margin-bottom:14px;
    font-size:42px;
    color:var(--bs-green);
}

.probability-bar{
    width:100%;
    height:10px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.08);
}

.probability-bar div{
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,var(--bs-green),var(--bs-gold));
}

.prediction-detail-grid,
.odds-grid{
    margin-top:20px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.prediction-detail-grid div,
.odds-grid div{
    padding:22px;
    border-radius:22px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
    text-align:center;
}

.prediction-detail-grid span,
.odds-grid span{
    display:block;
    margin-bottom:10px;
    color:var(--bs-muted);
    font-size:12px;
    font-weight:800;
}

.prediction-detail-grid strong,
.odds-grid strong{
    color:#fff;
    font-size:18px;
    line-height:1.5;
}

.analysis-box,
.elite-box{
    margin-top:24px;
    padding:28px;
    border-radius:26px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}

.analysis-box h3,
.elite-box h3{
    margin-bottom:12px;
}

.analysis-box p,
.elite-box p{
    color:var(--bs-muted);
    line-height:1.85;
}

.elite-box{
    background:rgba(255,216,77,.075);
    border-color:rgba(255,216,77,.18);
}

.locked-blur{
    filter:blur(8px);
    pointer-events:none;
    user-select:none;
    opacity:.55;
}

.locked-overlay-card{
    margin-top:28px;
    padding:30px;
    border-radius:28px;
    background:rgba(8,13,20,.92);
    border:1px solid rgba(183,255,42,.20);
    text-align:center;
    box-shadow:0 24px 70px rgba(0,0,0,.32);
}

.locked-overlay-card h3{
    margin-bottom:12px;
}

.locked-overlay-card p{
    max-width:680px;
    margin:0 auto 22px;
    color:var(--bs-muted);
    line-height:1.8;
}

@media(max-width:900px){

    .prediction-detail-card{
        padding:24px;
        border-radius:26px;
    }

    .prediction-detail-head{
        flex-direction:column;
    }

    .prediction-detail-head h1{
        font-size:32px;
    }

    .prediction-main-result,
    .probability-grid,
    .prediction-detail-grid,
    .odds-grid{
        grid-template-columns:1fr;
    }
}

/* FORM + H2H */

.form-h2h-grid{
    margin-top:22px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.form-card{
    padding:24px;
    border-radius:24px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
}

.form-card h3{
    margin-bottom:16px;
    font-size:18px;
}

.form-card p{
    margin-top:16px;
    color:var(--bs-muted);
    line-height:1.7;
    font-size:14px;
}

.form-list-large{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.form-list-large span{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    font-size:12px;
    font-weight:900;
}

.form-list-large .w{
    background:rgba(183,255,42,.18);
    color:var(--bs-green);
}

.form-list-large .d{
    background:rgba(57,231,255,.14);
    color:#39e7ff;
}

.form-list-large .l{
    background:rgba(255,77,109,.15);
    color:#ff4d6d;
}

.h2h-mini-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}

.h2h-mini-grid div{
    padding:14px;
    border-radius:16px;
    background:rgba(255,255,255,.04);
    text-align:center;
}

.h2h-mini-grid strong{
    display:block;
    margin-bottom:6px;
    color:var(--bs-green);
    font-size:24px;
}

.h2h-mini-grid span{
    color:var(--bs-muted);
    font-size:11px;
    font-weight:800;
}

@media(max-width:900px){
    .form-h2h-grid{
        grid-template-columns:1fr;
    }
}
/* CHECKOUT PAGE */

.checkout-grid{
    max-width:1000px;
    margin:0 auto;
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:24px;
    align-items:start;
}

.checkout-card{
    padding:32px;
    border-radius:32px;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 28px 80px rgba(0,0,0,.30);
}

.checkout-badge{
    display:inline-flex;
    margin-bottom:18px;
    padding:9px 14px;
    border-radius:999px;
    background:rgba(183,255,42,.11);
    border:1px solid rgba(183,255,42,.18);
    color:var(--bs-green);
    font-size:12px;
    font-weight:900;
}

.checkout-card h2{
    margin-bottom:14px;
    font-size:36px;
}

.checkout-card h3{
    margin-bottom:20px;
    font-size:26px;
}

.checkout-price{
    margin-bottom:20px;
    font-size:44px;
    font-weight:900;
    color:#fff;
}

.checkout-price span{
    color:var(--bs-muted);
    font-size:14px;
}

.checkout-card p{
    color:var(--bs-muted);
    line-height:1.8;
}

.payment-info-list{
    display:grid;
    gap:14px;
}

.payment-info-list div{
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}

.payment-info-list span{
    display:block;
    margin-bottom:8px;
    color:var(--bs-muted);
    font-size:12px;
    font-weight:800;
}

.payment-info-list strong{
    color:#fff;
    font-size:17px;
}

.upload-box{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:170px;
    padding:24px;
    border-radius:26px;
    cursor:pointer;
    text-align:center;
    background:rgba(255,255,255,.045);
    border:1px dashed rgba(183,255,42,.35);
    transition:.25s ease;
}

.upload-box:hover{
    background:rgba(183,255,42,.08);
}

.upload-box input{
    display:none;
}

.upload-box span{
    display:block;
    margin-bottom:8px;
    color:#fff;
    font-size:18px;
    font-weight:900;
}

.upload-box small{
    color:var(--bs-muted);
}

@media(max-width:900px){
    .checkout-grid{
        grid-template-columns:1fr;
    }

    .checkout-card{
        padding:24px;
    }

    .checkout-price{
        font-size:36px;
    }
}
.pricing-card.plan-disabled:not(.featured){
    opacity:.52;
    filter:saturate(.65);
}

.pricing-card.plan-disabled:not(.featured):hover{
    transform:none;
}
.upgrade-modal{
    position:fixed;
    inset:0;
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(0,0,0,.72);
    backdrop-filter:blur(5px);
}

.upgrade-modal.active{
    display:flex;
}

.upgrade-modal-card{
    width:100%;
    max-width:520px;
    padding:34px;
    border-radius:32px;
    text-align:center;
    background:
        radial-gradient(circle at top right,rgba(183,255,42,.18),transparent 36%),
        linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 36px 120px rgba(0,0,0,.55);
}

.upgrade-modal-icon{
    width:72px;
    height:72px;
    margin:0 auto 20px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#07100a;
    font-size:22px;
    font-weight:950;
    background:linear-gradient(135deg,var(--bs-green),var(--bs-gold));
    box-shadow:0 18px 45px rgba(183,255,42,.22);
}

.upgrade-modal-card h3{
    margin-bottom:14px;
    font-size:30px;
}

.upgrade-modal-card p{
    color:var(--bs-muted);
    line-height:1.8;
    margin-bottom:24px;
}

.upgrade-modal-actions{
    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
}

.upgrade-modal-actions button{
    border:none;
    cursor:pointer;
}

.upgrade-modal-card small{
    display:block;
    margin-top:18px;
    color:var(--bs-muted);
    font-weight:800;
}

@media(max-width:560px){
    .upgrade-modal-card{
        padding:26px;
    }

    .upgrade-modal-card h3{
        font-size:24px;
    }

    .upgrade-modal-actions .bs-btn-primary,
    .upgrade-modal-actions .bs-btn-outline{
        width:100%;
    }
}
/* PAGINATION */

.pagination-wrap{
    margin-top:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}

.pagination-btn{
    width:52px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:16px;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    color:#fff;

    font-weight:800;

    transition:.25s ease;
}

.pagination-btn:hover{
    transform:translateY(-3px);

    border-color:rgba(183,255,42,.24);

    color:var(--bs-green);
}

.pagination-btn.active{
    background:linear-gradient(
        135deg,
        var(--bs-green),
        #efff74
    );

    color:#07100a;

    border-color:transparent;

    box-shadow:
        0 10px 30px rgba(183,255,42,.25);
}

/* =========================
   MATCH DETAIL LIVE REALTIME
========================= */

.match-detail-section{
    padding-top:120px;
    position:relative;
    overflow:hidden;
}

.match-detail-section::before{
    content:"";
    position:absolute;
    top:-180px;
    left:-120px;
    width:420px;
    height:420px;
    background:radial-gradient(circle, rgba(183,255,42,.14), transparent 70%);
    pointer-events:none;
}

.match-detail-card{
    position:relative;
    z-index:2;
    max-width:1180px;
    margin:auto;
    padding:42px;
    border-radius:36px;
    background:
        radial-gradient(circle at top left, rgba(183,255,42,.14), transparent 30%),
        radial-gradient(circle at bottom right, rgba(57,231,255,.10), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 35px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(20px);
}

.match-detail-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:32px;
}

.match-league-badge,
.status-badge,
.live-badge{
    display:inline-flex;
    align-items:center;
    width:max-content;
    padding:10px 16px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.match-league-badge{
    background:rgba(183,255,42,.08);
    border:1px solid rgba(183,255,42,.16);
    color:var(--bs-green);
}

.status-badge{
    background:rgba(253,209,60,.12);
    border:1px solid rgba(253,209,60,.22);
    color:#f6ff74;
}

.live-badge{
    background:rgba(255,77,109,.14);
    border:1px solid rgba(255,77,109,.28);
    color:#ff8a8a;
    box-shadow:0 0 24px rgba(255,77,109,.18);
    animation:liveBlink 1s infinite;
}

.match-detail-teams{
    display:grid;
    grid-template-columns:1fr 260px 1fr;
    align-items:center;
    gap:28px;
}

.match-detail-team{
    min-height:250px;
    padding:24px;
    border-radius:28px;
    text-align:center;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
}

.match-detail-team img{
    width:120px;
    height:120px;
    object-fit:contain;
    filter:drop-shadow(0 18px 30px rgba(0,0,0,.38));
    transition:.3s ease;
}

.match-detail-team:hover img{
    transform:translateY(-6px) scale(1.03);
}

.match-detail-team h2{
    color:#fff;
    font-size:30px;
    line-height:1.18;
    font-weight:900;
    letter-spacing:-.8px;
}

.match-detail-team span,
.match-detail-center span,
.match-info-grid span,
.live-stats-grid span,
.prediction-main-result span,
.prediction-detail-grid span,
.odds-grid span{
    color:var(--bs-muted);
    font-size:13px;
    font-weight:700;
}

.match-detail-center{
    padding:34px 24px;
    border-radius:30px;
    text-align:center;
    background:linear-gradient(180deg, rgba(183,255,42,.09), rgba(255,255,255,.04));
    border:1px solid rgba(255,255,255,.08);
    overflow:hidden;
}

.match-detail-center h1{
    margin:12px 0 14px;
    color:#fff;
    font-size:64px;
    line-height:1;
    font-weight:950;
    letter-spacing:-2px;
}

.match-detail-center strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:72px;
    height:38px;
    padding:0 18px;
    border-radius:999px;
    background:rgba(183,255,42,.14);
    color:var(--bs-green);
    font-size:13px;
    font-weight:900;
    letter-spacing:.8px;
}

.match-info-grid,
.live-stats-grid,
.prediction-main-result,
.prediction-detail-grid,
.odds-grid{
    margin-top:18px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.match-info-grid{
    margin-top:34px;
}

.match-info-grid > div,
.live-stats-grid > div,
.prediction-main-result > div,
.prediction-detail-grid > div,
.odds-grid > div,
.possession-card,
.match-live-panel{
    padding:20px;
    border-radius:22px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}

.match-info-grid strong,
.live-stats-grid strong,
.prediction-detail-grid strong,
.odds-grid strong{
    display:block;
    margin-top:8px;
    color:#fff;
    font-size:18px;
    line-height:1.45;
}

.prediction-main-result div{
    background:rgba(183,255,42,.075);
    border-color:rgba(183,255,42,.16);
    text-align:center;
}

.prediction-main-result h2{
    margin-top:8px;
    color:#fff;
    font-size:24px;
}

.possession-card{
    margin-top:18px;
}

.possession-head,
.possession-values{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:var(--bs-muted);
    font-size:13px;
    font-weight:800;
}

.possession-head strong{
    color:#fff;
}

.possession-bar{
    margin:14px 0;
    height:12px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.08);
}

.possession-bar > div{
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,var(--bs-green),var(--bs-cyan));
    transition:width .35s ease;
}

.match-live-panels{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:18px;
    margin-top:24px;
}

.match-live-panel h3{
    margin-bottom:16px;
    color:#fff;
    font-size:20px;
}

.event-timeline{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.event-item{
    display:grid;
    grid-template-columns:54px 1fr;
    gap:12px;
    padding:12px;
    border-radius:16px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
}

.event-minute{
    color:var(--bs-green);
    font-weight:950;
}

.event-content strong,
.lineup-team h4,
.lineup-player strong{
    color:#fff;
}

.event-content span,
.event-content small{
    display:block;
    margin-top:4px;
    color:var(--bs-muted);
}

.lineup-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
}

.lineup-team h4{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}

.lineup-team h4 span{
    color:var(--bs-green);
}

.lineup-player{
    display:grid;
    grid-template-columns:34px 1fr 42px;
    gap:8px;
    padding:9px 0;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.lineup-player span,
.lineup-player small,
.empty-live-text{
    color:var(--bs-muted);
}

.locked-overlay-card{
    margin-top:24px;
    padding:28px;
    border-radius:26px;
    background:rgba(8,13,20,.92);
    border:1px solid rgba(183,255,42,.20);
    text-align:center;
    box-shadow:0 24px 70px rgba(0,0,0,.32);
}

.locked-overlay-card h3{
    margin-bottom:12px;
    color:#fff;
}

.locked-overlay-card p{
    max-width:680px;
    margin:0 auto 22px;
    color:var(--bs-muted);
    line-height:1.8;
}

.match-detail-actions{
    margin-top:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
}

@media(max-width:1100px){
    .match-detail-teams,
    .match-live-panels{
        grid-template-columns:1fr;
    }

    .match-detail-center{
        max-width:420px;
        margin:auto;
        order:-1;
    }
}

@media(max-width:768px){
    .match-detail-section{
        padding-top:100px;
    }

    .match-detail-card{
        padding:24px 18px;
        border-radius:28px;
    }

    .match-detail-top{
        flex-direction:column;
        align-items:flex-start;
    }

    .match-detail-team{
        min-height:auto;
    }

    .match-detail-team img{
        width:96px;
        height:96px;
    }

    .match-detail-team h2{
        font-size:26px;
    }

    .match-detail-center h1{
        font-size:52px;
    }

    .match-info-grid,
    .live-stats-grid,
    .prediction-main-result,
    .prediction-detail-grid,
    .odds-grid{
        grid-template-columns:1fr;
    }

    .event-item{
        grid-template-columns:44px 1fr;
    }
}
.advanced-live-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:18px;
}

.advanced-live-card{
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}

.advanced-live-card span{
    color:rgba(255,255,255,.58);
    font-size:13px;
}

.advanced-live-card strong{
    display:block;
    margin-top:8px;
    color:#fff;
    font-size:18px;
}

@media (max-width:900px){
    .advanced-live-grid{
        grid-template-columns:1fr 1fr;
    }
}
.bs-footer-socials{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
    margin-top:34px;
}

.bs-footer-socials a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    border-radius:999px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
    color:var(--bs-muted);
    font-size:13px;
    font-weight:800;
}

.bs-footer-socials a:hover{
    color:var(--bs-green);
    border-color:rgba(183,255,42,.28);
}
/* =========================================================
   STANDINGS PAGE - FINAL REALISTIC UI
========================================================= */

.standings-section{
    position:relative;
    padding-top:96px;
    padding-bottom:100px;
    overflow:hidden;
}

.standings-section::before{
    content:"";
    position:absolute;
    top:-160px;
    right:-120px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(183,255,42,.10), transparent 70%);
    pointer-events:none;
}

.standings-section::after{
    content:"";
    position:absolute;
    left:-170px;
    bottom:6%;
    width:380px;
    height:380px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(57,231,255,.07), transparent 70%);
    pointer-events:none;
}

.standings-header-final{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:end;
    gap:28px;
    margin-bottom:34px;
}

.standings-kicker{
    display:inline-flex;
    align-items:center;
    width:max-content;
    margin-bottom:18px;
    padding:10px 16px;
    border-radius:999px;
    color:var(--bs-green);
    background:rgba(183,255,42,.09);
    border:1px solid rgba(183,255,42,.16);
    font-size:12px;
    font-weight:900;
    letter-spacing:.9px;
    text-transform:uppercase;
}

.standings-title-block h1{
    max-width:780px;
    margin-bottom:16px;
    color:#fff;
    font-size:56px;
    line-height:1.05;
    letter-spacing:-2px;
}

.standings-title-block p{
    max-width:740px;
    color:var(--bs-muted);
    font-size:16px;
    line-height:1.8;
}

.standings-season-card{
    min-width:280px;
    display:flex;
    align-items:center;
    gap:16px;
    padding:20px;
    border-radius:26px;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 22px 60px rgba(0,0,0,.26);
}

.standings-season-card img{
    width:58px;
    height:58px;
    object-fit:contain;
    filter:drop-shadow(0 10px 24px rgba(0,0,0,.34));
}

.standings-season-card strong{
    display:block;
    margin-bottom:6px;
    color:#fff;
    font-size:18px;
    font-weight:850;
}

.standings-season-card span{
    color:var(--bs-muted);
    font-size:13px;
    font-weight:700;
}

.standings-board-final{
    position:relative;
    z-index:2;
    padding:28px;
    border-radius:34px;
    background:
        radial-gradient(circle at top right, rgba(183,255,42,.075), transparent 28%),
        linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 30px 85px rgba(0,0,0,.32);
    overflow:hidden;
}

.standings-board-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:24px;
}

.standings-board-head h2{
    margin-bottom:8px;
    color:#fff;
    font-size:28px;
    font-weight:900;
    letter-spacing:-.6px;
}

.standings-board-head p{
    color:var(--bs-muted);
    font-size:14px;
    line-height:1.6;
}

.standings-mini-note{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    border-radius:999px;
    color:var(--bs-green);
    background:rgba(183,255,42,.09);
    border:1px solid rgba(183,255,42,.16);
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

.standings-table-scroll{
    overflow-x:auto;
}

.standings-table-final{
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px;
}

.standings-table-final th{
    padding:0 16px 12px;
    color:rgba(255,255,255,.45);
    font-size:11px;
    font-weight:900;
    letter-spacing:.9px;
    text-transform:uppercase;
    text-align:left;
}

.standings-table-final td{
    padding:16px;
    color:#dfe6f3;
    background:rgba(255,255,255,.045);
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06);
    font-size:14px;
    font-weight:700;
    transition:.22s ease;
}

.standings-table-final tbody tr:hover td{
    background:rgba(255,255,255,.064);
    border-color:rgba(255,255,255,.10);
}

.standings-table-final tr td:first-child{
    border-left:1px solid rgba(255,255,255,.06);
    border-radius:18px 0 0 18px;
}

.standings-table-final tr td:last-child{
    border-right:1px solid rgba(255,255,255,.06);
    border-radius:0 18px 18px 0;
}

.rank-th,
.rank-td{
    width:70px;
}

.rank-td span{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#fff;
    background:rgba(255,255,255,.07);
    font-size:13px;
    font-weight:900;
}

.club-td{
    min-width:280px;
}

.club-cell{
    display:flex;
    align-items:center;
    gap:14px;
}

.club-cell img,
.club-placeholder{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:50%;
    object-fit:contain;
    padding:5px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 10px 24px rgba(0,0,0,.24);
}

.club-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:12px;
    font-weight:900;
}

.club-cell div{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.club-cell strong{
    color:#fff;
    font-size:14px;
    font-weight:850;
}

.club-cell small{
    color:var(--bs-soft);
    font-size:11px;
    font-weight:700;
}

.pts-td strong{
    color:#fff;
    font-size:20px;
    font-weight:950;
}

.gd-positive{
    color:var(--bs-green);
}

.gd-negative{
    color:#ff7d96;
}

.form-pills{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:nowrap;
}

.form-pills span{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.07);
    font-size:11px;
    font-weight:900;
}

.form-pills .w{
    color:var(--bs-green);
    background:rgba(183,255,42,.14);
}

.form-pills .d{
    color:var(--bs-cyan);
    background:rgba(57,231,255,.12);
}

.form-pills .l{
    color:#ff7d96;
    background:rgba(255,77,109,.12);
}

.form-pills .empty-form{
    color:var(--bs-muted);
    background:rgba(255,255,255,.06);
}

.standings-empty-final{
    padding:44px !important;
    text-align:center;
    color:var(--bs-muted);
}

.standings-empty-final h3{
    margin-bottom:8px;
    color:#fff;
    font-size:22px;
}

@media(max-width:980px){
    .standings-header-final{
        grid-template-columns:1fr;
        align-items:start;
    }

    .standings-title-block h1{
        font-size:42px;
    }

    .standings-season-card{
        width:100%;
        min-width:0;
    }

    .standings-board-head{
        flex-direction:column;
    }
}

@media(max-width:768px){
    .standings-section{
        padding-top:76px;
        padding-bottom:72px;
    }

    .standings-title-block h1{
        font-size:34px;
        letter-spacing:-1px;
    }

    .standings-board-final{
        padding:16px;
        border-radius:26px;
    }

    .standings-table-final th,
    .standings-table-final td{
        padding:13px 12px;
        font-size:13px;
    }

    .club-td{
        min-width:230px;
    }

    .club-cell strong{
        font-size:13px;
    }
}
/* MATCHES LIST FINAL */

.match-page-section{
    padding-top:90px;
}

.match-tabs{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    justify-content:center;
    margin-bottom:34px;
}

.match-tab{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    border-radius:999px;
    color:var(--bs-muted);
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
    font-size:13px;
    font-weight:850;
}

.match-tab:hover,
.match-tab.active{
    color:#07100a;
    background:linear-gradient(135deg,var(--bs-green),var(--bs-gold));
    border-color:transparent;
}

.matches-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}

.match-card{
    display:block;
    padding:24px;
    border-radius:30px;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 24px 70px rgba(0,0,0,.25);
    transition:.25s ease;
}

.match-card:hover{
    transform:translateY(-5px);
    border-color:rgba(183,255,42,.20);
}

.match-card-top,
.match-card-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.match-league{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.match-league img{
    width:24px;
    height:24px;
    object-fit:contain;
}

.match-league span{
    color:var(--bs-muted);
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.match-status{
    min-height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 12px;
    border-radius:999px;
    font-size:11px;
    font-weight:950;
    white-space:nowrap;
}

.match-status.live{
    color:#ff8a8a;
    background:rgba(255,77,109,.12);
    border:1px solid rgba(255,77,109,.20);
}

.match-status.finished{
    color:var(--bs-green);
    background:rgba(183,255,42,.10);
    border:1px solid rgba(183,255,42,.16);
}

.match-status.upcoming{
    color:var(--bs-cyan);
    background:rgba(57,231,255,.09);
    border:1px solid rgba(57,231,255,.14);
}

.live-ping{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ff4d6d;
    box-shadow:0 0 14px rgba(255,77,109,.75);
}

.match-main{
    display:grid;
    grid-template-columns:1fr 120px 1fr;
    align-items:center;
    gap:18px;
    margin:28px 0;
}

.match-team{
    min-height:132px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:13px;
    padding:16px;
    border-radius:22px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
}

.match-team img{
    width:62px;
    height:62px;
    object-fit:contain;
    filter:drop-shadow(0 12px 20px rgba(0,0,0,.24));
}

.match-team h3{
    color:#fff;
    font-size:15px;
    line-height:1.3;
    text-align:center;
}

.match-score-center{
    text-align:center;
}

.match-score{
    color:#fff;
    font-size:34px;
    font-weight:950;
    letter-spacing:-1px;
}

.match-score span{
    color:var(--bs-muted);
    margin:0 4px;
}

.match-date{
    margin-top:8px;
    color:var(--bs-soft);
    font-size:12px;
    font-weight:750;
}

.match-venue{
    color:var(--bs-muted);
    font-size:13px;
    font-weight:750;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.match-live-stats{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.match-live-stats span{
    padding:7px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:var(--bs-muted);
    font-size:11px;
    font-weight:850;
}

.empty-match-state{
    padding:34px;
    border-radius:28px;
    text-align:center;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}

.empty-match-state h3{
    margin-bottom:10px;
}

.empty-match-state p{
    color:var(--bs-muted);
}

.match-pagination{
    margin-top:44px;
    display:flex;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
}

@media(max-width:980px){
    .matches-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:640px){
    .match-card{
        padding:18px;
        border-radius:24px;
    }

    .match-main{
        grid-template-columns:1fr;
    }

    .match-score-center{
        order:-1;
    }

    .match-card-top,
    .match-card-bottom{
        flex-direction:column;
        align-items:flex-start;
    }

    .match-live-stats{
        justify-content:flex-start;
    }
}
/* PREDICTIONS FINAL */

.predictions-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.prediction-modern-card{
    padding:24px;
    border-radius:30px;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.035)
        );
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 24px 70px rgba(0,0,0,.24);
    transition:.25s ease;
}

.prediction-modern-card:hover{
    transform:translateY(-5px);
    border-color:rgba(183,255,42,.16);
}

.prediction-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.prediction-league{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.prediction-league img{
    width:24px;
    height:24px;
    object-fit:contain;
}

.prediction-league span{
    color:var(--bs-muted);
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.prediction-risk{
    min-height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
}

.prediction-risk.low{
    color:var(--bs-green);
    background:rgba(183,255,42,.10);
    border:1px solid rgba(183,255,42,.18);
}

.prediction-risk.medium{
    color:#ffd56a;
    background:rgba(255,213,106,.10);
    border:1px solid rgba(255,213,106,.18);
}

.prediction-risk.high{
    color:#ff8a8a;
    background:rgba(255,77,109,.10);
    border:1px solid rgba(255,77,109,.18);
}

.prediction-match{
    margin:30px 0;
    display:grid;
    grid-template-columns:1fr 120px 1fr;
    gap:18px;
    align-items:center;
}

.prediction-team{
    min-height:138px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
    padding:18px;
    border-radius:24px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
}

.prediction-team img{
    width:66px;
    height:66px;
    object-fit:contain;
    filter:drop-shadow(0 12px 20px rgba(0,0,0,.25));
}

.prediction-team h3{
    color:#fff;
    font-size:15px;
    line-height:1.35;
    text-align:center;
}

.prediction-center{
    text-align:center;
}

.prediction-vs{
    color:#fff;
    font-size:28px;
    font-weight:950;
}

.prediction-confidence{
    margin-top:10px;
    color:var(--bs-green);
    font-size:13px;
    font-weight:900;
}

.prediction-result-box{
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:14px 18px;
    border-radius:20px;
    background:rgba(183,255,42,.08);
    border:1px solid rgba(183,255,42,.14);
    color:#fff;
    font-size:15px;
    font-weight:900;
}

.prediction-probability{
    margin-top:24px;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.prediction-probability-item{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.prediction-probability-label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.prediction-probability-label span{
    color:var(--bs-muted);
    font-size:13px;
    font-weight:800;
}

.prediction-probability-label strong{
    color:#fff;
    font-size:13px;
    font-weight:900;
}

.prediction-progress{
    height:10px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.06);
}

.prediction-progress-fill{
    height:100%;
    border-radius:999px;
}

.prediction-progress-fill.green{
    background:linear-gradient(90deg,#b7ff2a,#d7ff8b);
}

.prediction-progress-fill.yellow{
    background:linear-gradient(90deg,#ffd56a,#ffefb0);
}

.prediction-progress-fill.red{
    background:linear-gradient(90deg,#ff5d7d,#ff9bad);
}

.prediction-extra-grid{
    margin-top:24px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.prediction-extra-card{
    padding:16px;
    border-radius:20px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
    text-align:center;
}

.prediction-extra-card span{
    display:block;
    margin-bottom:8px;
    color:var(--bs-muted);
    font-size:11px;
    font-weight:800;
}

.prediction-extra-card strong{
    color:#fff;
    font-size:15px;
    font-weight:900;
}

.prediction-actions{
    margin-top:24px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.prediction-actions .bs-btn-primary,
.prediction-actions .bs-btn-outline{
    width:100%;
}

@media(max-width:980px){

    .predictions-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:640px){

    .prediction-modern-card{
        padding:18px;
        border-radius:24px;
    }

    .prediction-match{
        grid-template-columns:1fr;
    }

    .prediction-center{
        order:-1;
    }

    .prediction-extra-grid{
        grid-template-columns:1fr;
    }

    .prediction-actions{
        grid-template-columns:1fr;
    }

}
/* PREDICTION DETAIL POLISH */

.prediction-top-meta{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.status-badge.success{
    background:rgba(183,255,42,.10);
    border:1px solid rgba(183,255,42,.18);
    color:var(--bs-green);
}

.prediction-detail-card .probability-bar{
    width:100%;
    height:12px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.075);
}

.prediction-detail-card .probability-bar div{
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,var(--bs-green),var(--bs-gold));
}

.prediction-detail-card .elite-box .bs-btn-primary{
    display:inline-flex;
}

.prediction-detail-card .locked-overlay-card{
    position:relative;
    z-index:4;
}

@media(max-width:768px){
    .prediction-top-meta{
        align-items:flex-start;
    }

    .prediction-detail-card .match-detail-center h1{
        font-size:44px;
    }
}
.pricing-section{
    padding-top:90px;
}

.pricing-description{
    position:relative;
    z-index:1;
    min-height:78px;
    margin-bottom:22px;
    color:var(--bs-muted);
    font-size:15px;
    line-height:1.7;
}

.pricing-note{
    max-width:760px;
    margin:34px auto 0;
    padding:18px 22px;
    border-radius:22px;
    text-align:center;
    color:var(--bs-muted);
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}

.pricing-note strong{
    color:#fff;
}
/* CHECKOUT FINAL POLISH */

.checkout-section{
    padding-top:90px;
}

.checkout-plan-top,
.checkout-payment-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:20px;
}

.checkout-description{
    margin-bottom:22px;
}

.checkout-feature-list{
    display:grid;
    gap:12px;
    margin-top:22px;
}

.checkout-feature-list div{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:var(--bs-muted);
    font-size:15px;
    line-height:1.55;
}

.checkout-feature-list span{
    color:var(--bs-green);
    font-weight:900;
}

.checkout-secure-note{
    margin-top:24px;
    padding:16px;
    border-radius:18px;
    color:var(--bs-muted);
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    font-size:14px;
    line-height:1.6;
}

.checkout-payment-head h3{
    margin-top:14px;
    font-size:26px;
}

.checkout-step-badge{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border-radius:999px;
    color:var(--bs-green);
    background:rgba(183,255,42,.09);
    border:1px solid rgba(183,255,42,.16);
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

.checkout-total-price{
    color:var(--bs-green) !important;
}

.checkout-instruction-box{
    margin-top:22px;
    padding:20px;
    border-radius:22px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
}

.checkout-instruction-box h4{
    margin-bottom:14px;
    color:#fff;
    font-size:16px;
}

.checkout-instruction-box ol{
    padding-left:20px;
    color:var(--bs-muted);
    line-height:1.8;
    font-size:14px;
}

.checkout-upload-form{
    margin-top:24px;
}

.checkout-upload-box{
    min-height:180px;
}

.checkout-submit-btn{
    width:100%;
    height:56px;
    margin-top:18px;
    border:none;
    cursor:pointer;
    font-size:15px;
    font-weight:900;
}

.status-badge.warning{
    background:rgba(255,213,106,.10);
    border:1px solid rgba(255,213,106,.18);
    color:#ffd56a;
}

@media(max-width:768px){
    .checkout-plan-top,
    .checkout-payment-head{
        flex-direction:column;
    }
}
/* PROFILE FINAL */

.profile-section{
    padding-top:90px;
}

.profile-shell{
    max-width:1080px;
    margin:0 auto;
    padding:32px;
    border-radius:34px;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 30px 85px rgba(0,0,0,.32);
}

.profile-header-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:24px;
}

.profile-user-main{
    display:flex;
    align-items:center;
    gap:18px;
}

.profile-avatar{
    width:78px;
    height:78px;
    border-radius:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#07100a;
    font-size:30px;
    font-weight:950;
    background:linear-gradient(135deg,var(--bs-green),var(--bs-gold));
    box-shadow:0 18px 42px rgba(183,255,42,.18);
}

.profile-user-main h2{
    margin-bottom:6px;
    color:#fff;
    font-size:30px;
}

.profile-user-main p{
    color:var(--bs-muted);
}

.profile-plan-badge{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 16px;
    border-radius:999px;
    color:var(--bs-green);
    background:rgba(183,255,42,.10);
    border:1px solid rgba(183,255,42,.18);
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
}

.profile-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.profile-stat-card{
    padding:20px;
    border-radius:22px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}

.profile-stat-card span{
    display:block;
    margin-bottom:10px;
    color:var(--bs-muted);
    font-size:12px;
    font-weight:800;
}

.profile-stat-card strong{
    color:#fff;
    font-size:22px;
    font-weight:900;
}

.profile-plan-panel{
    margin-top:18px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:18px;
    align-items:center;
    padding:24px;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
}

.profile-plan-panel.active{
    background:rgba(183,255,42,.075);
    border-color:rgba(183,255,42,.18);
}

.profile-plan-panel h3{
    margin-bottom:10px;
    color:#fff;
}

.profile-plan-panel p{
    color:var(--bs-muted);
    line-height:1.8;
}

.profile-plan-panel p strong{
    color:#fff;
}

.profile-expire-card{
    min-width:220px;
    padding:18px;
    border-radius:20px;
    background:rgba(0,0,0,.16);
    border:1px solid rgba(255,255,255,.08);
}

.profile-expire-card span{
    display:block;
    margin-bottom:8px;
    color:var(--bs-muted);
    font-size:12px;
    font-weight:800;
}

.profile-expire-card strong{
    color:#fff;
    font-size:16px;
}

.profile-history-card{
    margin-top:24px;
    padding:24px;
    border-radius:28px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
}

.profile-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.profile-section-head h3{
    color:#fff;
}

.profile-section-head span{
    color:var(--bs-green);
    font-size:12px;
    font-weight:900;
}

.profile-table-wrap{
    overflow-x:auto;
}

.profile-table{
    width:100%;
    min-width:780px;
    border-collapse:collapse;
}

.profile-table th{
    padding:14px;
    color:var(--bs-muted);
    font-size:12px;
    text-align:left;
}

.profile-table td{
    padding:14px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#fff;
    font-size:14px;
}

.profile-status{
    display:inline-flex;
    min-height:30px;
    align-items:center;
    padding:0 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
}

.profile-status.active,
.profile-status.paid{
    color:var(--bs-green);
    background:rgba(183,255,42,.10);
    border:1px solid rgba(183,255,42,.16);
}

.profile-status.pending{
    color:#ffd56a;
    background:rgba(255,213,106,.10);
    border:1px solid rgba(255,213,106,.16);
}

.profile-status.rejected,
.profile-status.expired{
    color:#ff8a8a;
    background:rgba(255,77,109,.10);
    border:1px solid rgba(255,77,109,.16);
}

.profile-actions{
    margin-top:26px;
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

@media(max-width:900px){
    .profile-stats-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .profile-plan-panel{
        grid-template-columns:1fr;
    }
}

@media(max-width:640px){
    .profile-shell{
        padding:20px;
        border-radius:26px;
    }

    .profile-header-card{
        flex-direction:column;
        align-items:flex-start;
    }

    .profile-stats-grid{
        grid-template-columns:1fr;
    }

    .profile-actions .bs-btn-primary,
    .profile-actions .bs-btn-outline{
        width:100%;
    }
}
/* =========================================================
   HOME FINAL CLEAN + AI MATCH TICKER
========================================================= */

.bs-home-hero{
    position:relative;
    padding:30px 0 72px;
    overflow:hidden;
}

.bs-home-hero::before{
    content:"";
    position:absolute;
    top:-180px;
    left:-140px;
    width:460px;
    height:460px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(183,255,42,.13), transparent 70%);
    pointer-events:none;
}

.bs-home-hero::after{
    content:"";
    position:absolute;
    right:-180px;
    bottom:-180px;
    width:500px;
    height:500px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(57,231,255,.09), transparent 70%);
    pointer-events:none;
}

.bs-home-hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);
    gap:56px;
    align-items:center;
}

.bs-home-copy h1{
    max-width:740px;
    margin-bottom:24px;
    color:#fff;
    font-size:66px;
    line-height:1.02;
    letter-spacing:-3px;
}

.bs-home-copy p{
    max-width:640px;
    margin-bottom:34px;
    color:var(--bs-muted);
    font-size:17px;
    line-height:1.85;
}

.bs-home-stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    max-width:450px;
}

.bs-home-stats div{
    padding:20px;
    border-radius:22px;
    background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}

.bs-home-stats strong{
    display:block;
    margin-bottom:6px;
    color:var(--bs-green);
    font-size:29px;
    font-weight:950;
}

.bs-home-stats span{
    color:var(--bs-soft);
    font-size:13px;
    font-weight:750;
}

.bs-home-featured-wrap{
    position:relative;
}

.bs-home-featured-wrap::before{
    content:"";
    position:absolute;
    inset:42px;
    z-index:-1;
    background:linear-gradient(135deg,rgba(183,255,42,.20),rgba(57,231,255,.12));
    filter:blur(84px);
}

.bs-home-featured-card{
    position:relative;
    display:block;
    overflow:hidden;
    padding:30px;
    border-radius:34px;
    color:#fff;
    background:
        radial-gradient(circle at top right, rgba(183,255,42,.13), transparent 32%),
        radial-gradient(circle at bottom left, rgba(57,231,255,.09), transparent 34%),
        linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));
    border:1px solid rgba(255,255,255,.105);
    box-shadow:0 34px 110px rgba(0,0,0,.42);
    transition:.28s ease;
}

.bs-home-featured-card:hover{
    transform:translateY(-5px);
    border-color:rgba(183,255,42,.22);
}

.bs-featured-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:28px;
}

.bs-featured-head span{
    display:block;
    margin-bottom:7px;
    color:var(--bs-green);
    font-size:12px;
    font-weight:950;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.bs-featured-head strong{
    color:#fff;
    font-size:22px;
    font-weight:950;
}

.bs-featured-head .live-dot{
    flex:0 0 12px;
    margin-top:6px;
}

.bs-featured-teams{
    display:grid;
    grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr);
    gap:18px;
    align-items:center;
}

.bs-featured-team{
    min-height:178px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:14px;
    padding:18px;
    border-radius:24px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}

.bs-featured-team img,
.bs-featured-team .team-logo-placeholder{
    width:76px;
    height:76px;
    object-fit:contain;
    filter:drop-shadow(0 14px 24px rgba(0,0,0,.25));
}

.bs-featured-team h3{
    color:#fff;
    font-size:17px;
    line-height:1.3;
    text-align:center;
}

.bs-featured-score{
    min-height:66px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:22px;
    color:#07100a;
    background:linear-gradient(135deg,var(--bs-green),var(--bs-gold));
    font-size:24px;
    font-weight:950;
    text-align:center;
    box-shadow:0 14px 34px rgba(183,255,42,.16);
}

.bs-featured-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:20px;
}

.bs-featured-meta div{
    min-width:0;
    padding:16px;
    border-radius:20px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.07);
}

.bs-featured-meta span{
    display:block;
    margin-bottom:8px;
    color:var(--bs-muted);
    font-size:12px;
    font-weight:800;
}

.bs-featured-meta strong{
    display:block;
    color:#fff;
    font-size:14px;
    font-weight:900;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.bs-featured-bars{
    display:grid;
    gap:15px;
    margin-top:22px;
}

.bs-featured-bars div span{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:8px;
    color:var(--bs-muted);
    font-size:13px;
    font-weight:800;
}

.bs-featured-bars div span b{
    color:#fff;
}

.bs-featured-bars i{
    display:block;
    height:9px;
    border-radius:999px;
    overflow:hidden;
    background:rgba(255,255,255,.075);
}

.bs-featured-bars em{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,var(--bs-green),var(--bs-gold));
}

.bs-featured-bars em.draw{
    background:linear-gradient(90deg,#ffd56a,#ffefb0);
}

.bs-featured-bars em.away{
    background:linear-gradient(90deg,#ff5d7d,#ff9bad);
}

/* AI TICKER */

.bs-ai-ticker-section{
    position:relative;
    z-index:2;
    margin-top:42px;
    padding:18px;
    border-radius:28px;
    background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.032));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 22px 70px rgba(0,0,0,.22);
}

.bs-ai-ticker-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
    padding:0 4px;
}

.bs-ai-ticker-head span{
    display:block;
    margin-bottom:4px;
    color:var(--bs-green);
    font-size:11px;
    font-weight:950;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.bs-ai-ticker-head strong{
    color:#fff;
    font-size:17px;
    font-weight:950;
}

.bs-ai-ticker-head a{
    color:var(--bs-green);
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

.bs-ai-ticker{
    overflow:hidden;
    border-radius:22px;
}

.bs-ai-ticker-track{
    display:flex;
    width:max-content;
    animation:bsTickerMove 34s linear infinite;
}

.bs-ai-ticker:hover .bs-ai-ticker-track{
    animation-play-state:paused;
}

.bs-ai-ticker-card{
    min-width:520px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    margin-right:12px;
    padding:14px 16px;
    border-radius:20px;
    color:#fff;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.07);
    transition:.22s ease;
}

.bs-ai-ticker-card:hover{
    background:rgba(255,255,255,.067);
    border-color:rgba(183,255,42,.17);
}

.ticker-club{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.ticker-club.right{
    justify-content:flex-end;
    text-align:right;
}

.ticker-club img{
    width:32px;
    height:32px;
    object-fit:contain;
    flex:0 0 32px;
}

.ticker-club span{
    color:#fff;
    font-size:13px;
    font-weight:850;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ticker-center{
    text-align:center;
}

.ticker-center strong{
    display:block;
    color:var(--bs-green);
    font-size:18px;
    font-weight:950;
}

.ticker-center small{
    display:block;
    margin-top:3px;
    color:var(--bs-muted);
    font-size:10px;
    font-weight:850;
    white-space:nowrap;
}

.ticker-ai-pill{
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border-radius:999px;
    color:#07100a;
    background:linear-gradient(135deg,var(--bs-green),var(--bs-gold));
    font-size:11px;
    font-weight:950;
    white-space:nowrap;
}

@keyframes bsTickerMove{
    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }
}

/* RESPONSIVE */

@media(max-width:1100px){
    .bs-home-hero-grid{
        grid-template-columns:1fr;
        gap:42px;
    }

    .bs-home-copy h1{
        font-size:52px;
    }

    .bs-home-stats{
        max-width:100%;
    }
}

@media(max-width:768px){
    .bs-home-hero{
        padding:30px 0 56px;
    }

    .bs-home-copy h1{
        font-size:38px;
        letter-spacing:-1.3px;
    }

    .bs-home-copy p{
        font-size:15px;
    }

    .bs-home-featured-card{
        padding:20px;
        border-radius:28px;
    }

    .bs-featured-teams{
        grid-template-columns:1fr;
    }

    .bs-featured-score{
        order:-1;
    }

    .bs-featured-team{
        min-height:auto;
    }

    .bs-featured-meta{
        grid-template-columns:1fr;
    }

    .bs-ai-ticker-section{
        margin-top:30px;
        padding:14px;
        border-radius:24px;
    }

    .bs-ai-ticker-head{
        align-items:flex-start;
    }

    .bs-ai-ticker-card{
        min-width:340px;
        grid-template-columns:1fr;
        gap:10px;
        text-align:center;
    }

    .ticker-club,
    .ticker-club.right{
        justify-content:center;
        text-align:center;
    }

    .ticker-ai-pill{
        display:none;
    }
}

.feature-icon{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}

.feature-icon img{
    width:65px;
    height:65px;
    object-fit:contain;
    display:block;
    position:relative;
    z-index:2;

    filter:
        drop-shadow(0 0 6px rgba(183,255,42,.55))
        drop-shadow(0 0 14px rgba(183,255,42,.35))
        drop-shadow(0 0 28px rgba(183,255,42,.22));

    transition:all .35s ease;
}

.feature-card:hover .feature-icon img{
    transform:scale(1.06);
    filter:
        drop-shadow(0 0 8px rgba(183,255,42,.75))
        drop-shadow(0 0 18px rgba(183,255,42,.50))
        drop-shadow(0 0 36px rgba(183,255,42,.30));
}
/* MATCH DETAIL FINAL POLISH */

.match-detail-section{
    padding-top:90px;
}

.match-detail-card{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    background:
        radial-gradient(circle at top right, rgba(183,255,42,.08), transparent 30%),
        radial-gradient(circle at bottom left, rgba(57,231,255,.06), transparent 32%),
        linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 32px 90px rgba(0,0,0,.34);
}

.match-detail-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
}

.match-detail-teams{
    margin-top:30px;
}

.match-detail-team img,
.match-detail-team .team-logo-placeholder{
    width:92px;
    height:92px;
    object-fit:contain;
    margin-bottom:16px;
    filter:drop-shadow(0 16px 28px rgba(0,0,0,.28));
}

.match-detail-team .team-logo-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:26px;
    color:var(--bs-green);
    background:rgba(183,255,42,.10);
    border:1px solid rgba(183,255,42,.18);
    font-size:22px;
    font-weight:950;
}

.match-detail-team h2{
    max-width:240px;
    margin:auto;
    color:#fff;
    font-size:26px;
    line-height:1.2;
    text-align:center;
}

.match-detail-team span{
    margin-top:8px;
    display:block;
    color:var(--bs-muted);
    font-size:12px;
    font-weight:850;
    text-transform:uppercase;
}

.match-detail-center h1{
    color:var(--bs-green);
    font-size:64px;
    letter-spacing:-2px;
}

.match-detail-center strong{
    color:#fff;
}

.match-info-grid,
.live-stats-grid,
.advanced-live-grid,
.prediction-main-result,
.prediction-detail-grid,
.odds-grid,
.form-h2h-grid{
    margin-top:24px;
}

.match-info-grid div,
.live-stats-grid div,
.advanced-live-card,
.prediction-main-result div,
.prediction-detail-grid div,
.odds-grid div,
.form-card{
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.possession-card{
    margin-top:24px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}

.possession-bar{
    overflow:hidden;
    background:rgba(255,255,255,.075);
}

.possession-bar div{
    background:linear-gradient(90deg,var(--bs-green),var(--bs-gold));
}

.match-live-panels{
    margin-top:28px;
}

.match-live-panel{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:28px;
}

.match-live-panel h3{
    color:#fff;
}

.event-timeline{
    display:grid;
    gap:12px;
}

.event-item{
    display:grid;
    grid-template-columns:58px 1fr;
    gap:14px;
    align-items:flex-start;
    padding:14px;
    border-radius:18px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
}

.event-minute{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    color:#07100a;
    background:linear-gradient(135deg,var(--bs-green),var(--bs-gold));
    font-size:12px;
    font-weight:950;
}

.event-content strong{
    display:block;
    margin-bottom:5px;
    color:#fff;
}

.event-content span{
    display:block;
    color:var(--bs-muted);
    font-size:13px;
    line-height:1.5;
}

.event-content small{
    display:block;
    margin-top:5px;
    color:var(--bs-soft);
}

.lineup-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.lineup-team{
    padding:18px;
    border-radius:22px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
}

.lineup-team h4{
    margin-bottom:14px;
    color:#fff;
}

.lineup-team h4 span{
    margin-left:8px;
    color:var(--bs-green);
    font-size:12px;
}

.lineup-player{
    display:grid;
    grid-template-columns:38px 1fr auto;
    gap:10px;
    align-items:center;
    padding:10px 0;
    border-top:1px solid rgba(255,255,255,.07);
}

.lineup-player span{
    color:var(--bs-green);
    font-weight:900;
}

.lineup-player strong{
    color:#fff;
    font-size:13px;
}

.lineup-player small{
    color:var(--bs-muted);
}

.empty-live-text{
    color:var(--bs-muted);
    line-height:1.7;
}

@media(max-width:900px){
    .lineup-grid{
        grid-template-columns:1fr;
    }

    .match-detail-center h1{
        font-size:48px;
    }
}

@media(max-width:768px){
    .match-detail-section{
        padding-top:72px;
    }

    .match-detail-card{
        border-radius:26px;
    }

    .match-detail-teams{
        gap:18px;
    }

    .match-detail-team img,
    .match-detail-team .team-logo-placeholder{
        width:72px;
        height:72px;
    }

    .match-detail-team h2{
        font-size:20px;
    }

    .event-item{
        grid-template-columns:1fr;
    }

    .lineup-player{
        grid-template-columns:32px 1fr;
    }

    .lineup-player small{
        grid-column:2;
    }
}
/* PREMIUM MOTION SYSTEM */

.prediction-card,
.feature-card,
.hero-stat-card,
.match-detail-card,
.standings-card,
.pricing-card,
.glass-card{
    transition:
        transform .32s ease,
        box-shadow .32s ease,
        border-color .32s ease,
        background .32s ease;
}

.prediction-card:hover,
.feature-card:hover,
.pricing-card:hover,
.glass-card:hover{
    transform:translateY(-6px);
    border-color:rgba(183,255,42,.18);
    box-shadow:
        0 20px 60px rgba(0,0,0,.35),
        0 0 0 1px rgba(183,255,42,.08),
        0 0 30px rgba(183,255,42,.08);
}

.prediction-card{
    position:relative;
    overflow:hidden;
}

.prediction-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            120deg,
            transparent 20%,
            rgba(255,255,255,.05) 45%,
            transparent 70%
        );
    transform:translateX(-120%);
    transition:transform .9s ease;
    pointer-events:none;
}

.prediction-card:hover::before{
    transform:translateX(120%);
}

.live-dot{
    position:relative;
}

.live-dot::after{
    content:"";
    position:absolute;
    inset:-4px;
    border-radius:999px;
    border:1px solid rgba(255,77,109,.28);
    animation:livePulse 1.6s infinite;
}

@keyframes livePulse{
    0%{
        transform:scale(.8);
        opacity:1;
    }

    100%{
        transform:scale(2.1);
        opacity:0;
    }
}

.bar .fill{
    position:relative;
    overflow:hidden;
}

.bar .fill::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.28),
            transparent
        );
    animation:barShine 2.6s linear infinite;
}

@keyframes barShine{
    from{
        transform:translateX(-100%);
    }

    to{
        transform:translateX(200%);
    }
}

.bs-btn-primary,
.bs-btn-outline{
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}

.bs-btn-primary:hover,
.bs-btn-outline:hover{
    transform:translateY(-2px);
}

.bs-btn-primary:hover{
    box-shadow:
        0 12px 30px rgba(183,255,42,.24);
}

.feature-icon img{
    transition:
        transform .3s ease,
        filter .3s ease;
}

.feature-card:hover .feature-icon img{
    transform:translateY(-4px) scale(1.06);
}

html{
    scroll-behavior:smooth;
}
.bs-ai-live-title{
    display:flex;
    align-items:center;
    gap:12px;
}

.bs-ai-live-badge{
    height:30px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    padding:0 13px;
    border-radius:999px;
    color:#fff !important;
    background:linear-gradient(135deg,#ff2d55,#ff6b6b);
    border:1px solid rgba(255,77,109,.35);
    box-shadow:0 0 18px rgba(255,45,85,.28);
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:.8px;
}

.bs-ai-live-title strong{
    color:#fff;
    font-size:17px;
    font-weight:950;
}

.bs-ai-live-badge::before{
    content:"";
    width:7px;
    height:7px;
    margin-right:7px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 12px rgba(255,255,255,.85);
}
/* =========================================================
   HOME FINAL OVERRIDE - CLEAN TICKER + STATUS
========================================================= */

.bs-ai-ticker-head{
    align-items:center !important;
}

.bs-ai-live-title{
    display:flex;
    align-items:center;
    gap:12px;
}

.bs-ai-live-title strong{
    color:#fff;
    font-size:17px;
    font-weight:950;
}

.bs-ai-live-badge{
    height:32px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border-radius:999px;
    color:#fff !important;
    background:linear-gradient(135deg,#ff2d55,#ff6b6b);
    border:1px solid rgba(255,77,109,.35);
    box-shadow:0 0 18px rgba(255,45,85,.30);
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:.8px;
}

.bs-ai-live-badge::before{
    content:"";
    width:7px;
    height:7px;
    margin-right:7px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 12px rgba(255,255,255,.85);
}

.ticker-center small{
    min-height:24px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:999px;
    margin-top:5px;
    font-size:10px;
    font-weight:900;
    letter-spacing:.4px;
}

.status-live{
    color:#fff !important;
    background:linear-gradient(135deg,#ff2d55,#ff6b6b);
    box-shadow:0 0 18px rgba(255,45,85,.28);
}

.status-halftime{
    color:#fff !important;
    background:linear-gradient(135deg,#ff8a00,#ffb347);
}

.status-finished{
    color:#07100a !important;
    background:linear-gradient(135deg,#b7ff2a,#fdd13c);
}

.status-extra{
    color:#fff !important;
    background:linear-gradient(135deg,#7b61ff,#9d8cff);
}

.status-upcoming{
    color:#dfe6f3 !important;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
}

.bs-ai-ticker-card{
    min-height:78px;
}

@media(max-width:768px){
    .bs-ai-ticker-head{
        flex-direction:row !important;
        align-items:center !important;
    }

    .bs-ai-live-title strong{
        display:none;
    }
}
/* =========================================================
MATCH DETAIL PREMIUM UI
========================================================= */

.match-detail-section{
    padding-top:120px;
    padding-bottom:120px;
}

.match-detail-card{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    padding:34px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    box-shadow:
        0 25px 80px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.match-detail-card::before{
    content:"";
    position:absolute;
    inset:-30%;
    background:
        radial-gradient(circle at top right,
        rgba(183,255,42,.14),
        transparent 30%);
    pointer-events:none;
}

/* TOP */

.match-detail-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:34px;
}

.match-league-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 20px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

/* LIVE */

.live-badge{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 18px;
    border-radius:999px;
    background:rgba(255,59,59,.15);
    border:1px solid rgba(255,59,59,.35);
    color:#ff5d5d;
    font-weight:800;
    font-size:13px;
    letter-spacing:.08em;
    animation:livePulse 1.8s infinite;
}

.live-badge::before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:#ff4d4d;
    box-shadow:0 0 18px #ff4d4d;
}

@keyframes livePulse{
    0%{
        box-shadow:0 0 0 rgba(255,0,0,.0);
    }
    50%{
        box-shadow:0 0 24px rgba(255,0,0,.18);
    }
    100%{
        box-shadow:0 0 0 rgba(255,0,0,.0);
    }
}

/* TEAMS */

.match-detail-teams{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:28px;
    align-items:center;
    margin-bottom:34px;
}

.match-detail-team{
    text-align:center;
}

.match-detail-team img,
.team-logo-placeholder{
    width:118px;
    height:118px;
    object-fit:contain;
    margin:auto auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:28px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.08),
        rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 15px 35px rgba(0,0,0,.35),
        0 0 30px rgba(183,255,42,.08);
    padding:18px;
}

.match-detail-team h2{
    margin:0 0 8px;
    font-size:26px;
    font-weight:900;
    color:#fff;
}

.match-detail-team span{
    color:rgba(255,255,255,.5);
    font-size:14px;
}

.match-detail-center{
    text-align:center;
    min-width:240px;
}

.match-detail-center span{
    display:block;
    margin-bottom:14px;
    color:rgba(255,255,255,.55);
    font-size:14px;
}

.match-detail-center h1{
    margin:0;
    font-size:72px;
    line-height:1;
    font-weight:900;
    color:#fff;
    text-shadow:
        0 0 30px rgba(183,255,42,.18);
}

.match-detail-center strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:18px;
    padding:12px 18px;
    border-radius:16px;
    background:rgba(183,255,42,.10);
    border:1px solid rgba(183,255,42,.20);
    color:var(--bs-green);
    font-size:13px;
    font-weight:800;
}

/* INFO GRID */

.match-info-grid,
.live-stats-grid,
.advanced-live-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:22px;
}

.advanced-live-grid{
    grid-template-columns:repeat(4,1fr);
}

.match-info-grid div,
.live-stats-grid div,
.advanced-live-card{
    padding:22px;
    border-radius:24px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
}

.match-info-grid span,
.live-stats-grid span,
.advanced-live-card span{
    display:block;
    margin-bottom:10px;
    color:rgba(255,255,255,.55);
    font-size:13px;
}

.match-info-grid strong,
.live-stats-grid strong,
.advanced-live-card strong{
    color:#fff;
    font-size:24px;
    font-weight:900;
}

/* POSSESSION */

.possession-card{
    margin-top:26px;
    padding:28px;
    border-radius:30px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
}

.possession-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.possession-head strong{
    color:#fff;
    font-size:18px;
}

.possession-head span{
    color:rgba(255,255,255,.6);
    font-size:14px;
}

.possession-bar{
    height:18px;
    border-radius:999px;
    overflow:hidden;
    background:rgba(255,255,255,.06);
}

.possession-bar div{
    height:100%;
    border-radius:999px;
    background:
        linear-gradient(90deg,
        var(--bs-green),
        #f4d03f);
}

.possession-values{
    display:flex;
    justify-content:space-between;
    margin-top:14px;
    font-weight:800;
    color:#fff;
}

/* TIMELINE */

.match-live-panels{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-top:34px;
}

.match-live-panel{
    padding:28px;
    border-radius:30px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
}

.match-live-panel h3{
    margin-bottom:24px;
    color:#fff;
    font-size:22px;
}

.event-item{
    display:flex;
    gap:18px;
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.event-minute{
    min-width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(183,255,42,.12);
    color:var(--bs-green);
    font-weight:900;
}

.event-content strong{
    display:block;
    color:#fff;
    margin-bottom:6px;
}

.event-content span{
    display:block;
    color:rgba(255,255,255,.6);
    margin-bottom:6px;
}

.event-content small{
    color:rgba(255,255,255,.4);
}

/* LINEUP */

.lineup-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.lineup-team{
    padding:20px;
    border-radius:22px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
}

.lineup-team h4{
    display:flex;
    justify-content:space-between;
    margin-bottom:18px;
    color:#fff;
}

.lineup-team h4 span{
    color:var(--bs-green);
}

.lineup-player{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 0;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.lineup-player span{
    width:34px;
    height:34px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(183,255,42,.12);
    color:var(--bs-green);
    font-weight:900;
    font-size:13px;
}

.lineup-player strong{
    flex:1;
    color:#fff;
}

.lineup-player small{
    color:rgba(255,255,255,.45);
}

/* ACTION */

.match-detail-actions{
    display:flex;
    gap:14px;
    margin-top:34px;
}

/* MOBILE */

@media(max-width:980px){

    .match-detail-teams{
        grid-template-columns:1fr;
    }

    .match-detail-center{
        order:-1;
    }

    .match-info-grid,
    .live-stats-grid,
    .advanced-live-grid{
        grid-template-columns:1fr 1fr;
    }

    .match-live-panels{
        grid-template-columns:1fr;
    }

    .lineup-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:720px){

    .match-detail-card{
        padding:22px;
        border-radius:28px;
    }

    .match-detail-center h1{
        font-size:52px;
    }

    .match-detail-team img,
    .team-logo-placeholder{
        width:92px;
        height:92px;
    }

    .match-detail-team h2{
        font-size:22px;
    }

    .match-info-grid,
    .live-stats-grid,
    .advanced-live-grid{
        grid-template-columns:1fr;
    }

    .match-detail-actions{
        position:sticky;
        bottom:85px;
        z-index:50;
        background:rgba(5,7,13,.85);
        backdrop-filter:blur(18px);
        padding:14px;
        border-radius:24px;
    }

    .match-detail-actions a{
        flex:1;
    }
}
/* =========================================================
PREDICTION DETAIL PREMIUM UI
========================================================= */

.prediction-detail-section{
    padding-top:120px;
    padding-bottom:120px;
}

.prediction-detail-card{
    position:relative;
    overflow:hidden;
    padding:36px;
    border-radius:36px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    box-shadow:
        0 25px 80px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.prediction-detail-card::before{
    content:"";
    position:absolute;
    inset:-30%;
    background:
        radial-gradient(circle at top right,
        rgba(183,255,42,.12),
        transparent 30%);
    pointer-events:none;
}

/* HEADER */

.prediction-detail-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:30px;
    margin-bottom:36px;
}

.prediction-top-meta{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    flex-wrap:wrap;
}

.prediction-detail-head h1{
    margin:0 0 14px;
    font-size:48px;
    line-height:1.1;
    color:#fff;
    font-weight:900;
}

.prediction-detail-head p{
    max-width:760px;
    color:rgba(255,255,255,.58);
    line-height:1.8;
    font-size:15px;
}

.prediction-plan-badge{
    padding:14px 22px;
    border-radius:18px;
    background:
        linear-gradient(135deg,
        rgba(183,255,42,.18),
        rgba(255,215,0,.10));
    border:1px solid rgba(183,255,42,.22);
    color:var(--bs-green);
    font-size:14px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap;
}

/* MAIN RESULT */

.prediction-main-result{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:34px;
}

.prediction-main-result div{
    padding:28px;
    border-radius:28px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    text-align:center;
}

.prediction-main-result span{
    display:block;
    margin-bottom:12px;
    color:rgba(255,255,255,.55);
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.prediction-main-result h2{
    margin:0;
    color:#fff;
    font-size:34px;
    font-weight:900;
}

/* ANALYSIS BOX */

.analysis-box{
    margin-top:28px;
    padding:30px;
    border-radius:30px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
}

.analysis-box h3{
    margin-bottom:18px;
    color:#fff;
    font-size:24px;
}

.analysis-box p{
    color:rgba(255,255,255,.62);
    line-height:1.9;
}

/* PROBABILITY */

.probability-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:28px;
}

.probability-box{
    padding:28px;
    border-radius:28px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
}

.probability-box span{
    display:block;
    margin-bottom:12px;
    color:rgba(255,255,255,.55);
}

.probability-box h3{
    margin:0 0 18px;
    color:#fff;
    font-size:38px;
    font-weight:900;
}

.probability-bar{
    height:14px;
    border-radius:999px;
    overflow:hidden;
    background:rgba(255,255,255,.06);
}

.probability-bar div{
    height:100%;
    border-radius:999px;
    background:
        linear-gradient(90deg,
        var(--bs-green),
        #f4d03f);
    box-shadow:0 0 24px rgba(183,255,42,.18);
}

/* DETAIL GRID */

.prediction-detail-grid,
.odds-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:28px;
}

.prediction-detail-grid div,
.odds-grid div{
    padding:24px;
    border-radius:24px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
}

.prediction-detail-grid span,
.odds-grid span{
    display:block;
    margin-bottom:10px;
    color:rgba(255,255,255,.55);
    font-size:13px;
}

.prediction-detail-grid strong,
.odds-grid strong{
    color:#fff;
    font-size:24px;
    font-weight:900;
}

/* FORM H2H */

.form-h2h-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:30px;
}

.form-card{
    padding:28px;
    border-radius:28px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
}

.form-card h3{
    margin-bottom:20px;
    color:#fff;
    font-size:22px;
}

.form-card p{
    margin-top:20px;
    color:rgba(255,255,255,.58);
    line-height:1.7;
}

/* FORM BADGES */

.form-list-large{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.form-list-large span{
    width:42px;
    height:42px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    font-size:14px;
}

.form-list-large .w{
    background:rgba(80,255,120,.12);
    color:#62ff7d;
    border:1px solid rgba(80,255,120,.22);
}

.form-list-large .d{
    background:rgba(255,215,0,.12);
    color:#ffd84a;
    border:1px solid rgba(255,215,0,.22);
}

.form-list-large .l{
    background:rgba(255,80,80,.12);
    color:#ff6868;
    border:1px solid rgba(255,80,80,.22);
}

/* H2H */

.h2h-mini-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

.h2h-mini-grid div{
    padding:20px;
    border-radius:20px;
    text-align:center;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
}

.h2h-mini-grid strong{
    display:block;
    margin-bottom:10px;
    color:#fff;
    font-size:32px;
    font-weight:900;
}

.h2h-mini-grid span{
    color:rgba(255,255,255,.55);
    font-size:13px;
}

/* ELITE */

.elite-box{
    margin-top:30px;
    padding:34px;
    border-radius:32px;
    background:
        linear-gradient(135deg,
        rgba(183,255,42,.12),
        rgba(255,215,0,.06));
    border:1px solid rgba(183,255,42,.16);
    position:relative;
    overflow:hidden;
}

.elite-box::before{
    content:"";
    position:absolute;
    inset:-20%;
    background:
        radial-gradient(circle,
        rgba(183,255,42,.12),
        transparent 40%);
    pointer-events:none;
}

.elite-box h3{
    position:relative;
    z-index:2;
    margin-bottom:16px;
    color:#fff;
    font-size:28px;
}

.elite-box p{
    position:relative;
    z-index:2;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

/* LOCK */

.locked-overlay-card{
    margin-top:34px;
    padding:40px;
    border-radius:32px;
    text-align:center;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
}

.locked-overlay-card h3{
    margin-bottom:16px;
    color:#fff;
    font-size:30px;
}

.locked-overlay-card p{
    max-width:720px;
    margin:auto;
    color:rgba(255,255,255,.6);
    line-height:1.9;
}

/* BLUR */

.locked-blur{
    position:relative;
    filter:blur(10px);
    opacity:.65;
    pointer-events:none;
    user-select:none;
}

/* MOBILE */

@media(max-width:1100px){

    .form-h2h-grid{
        grid-template-columns:1fr;
    }

    .prediction-main-result,
    .probability-grid,
    .prediction-detail-grid,
    .odds-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:780px){

    .prediction-detail-card{
        padding:24px;
        border-radius:28px;
    }

    .prediction-detail-head{
        flex-direction:column;
    }

    .prediction-detail-head h1{
        font-size:34px;
    }

    .prediction-main-result,
    .probability-grid,
    .prediction-detail-grid,
    .odds-grid{
        grid-template-columns:1fr;
    }

    .h2h-mini-grid{
        grid-template-columns:1fr;
    }

    .elite-box{
        padding:26px;
    }

    .locked-overlay-card{
        padding:28px;
    }
}
/* =========================================================
MATCH PAGE PREMIUM
========================================================= */

.bs-match-page{
    padding-top:120px;
    padding-bottom:120px;
}

.bs-match-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:40px;
    flex-wrap:wrap;
}

.bs-page-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 12px;
    border-radius:999px;
    background:rgba(183,255,42,.10);
    border:1px solid rgba(183,255,42,.18);
    color:var(--bs-green);
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
    margin-bottom:18px;
}

.bs-match-hero h1{
    margin:0 0 14px;
    color:#fff;
    font-size:56px;
    line-height:1.05;
    font-weight:900;
}

.bs-match-hero p{
    max-width:760px;
    color:rgba(255,255,255,.58);
    line-height:1.9;
}

.bs-match-hero-right{
    display:flex;
    gap:18px;
}

.bs-match-mini-stat{
    min-width:140px;
    padding:24px;
    border-radius:28px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
}

.bs-match-mini-stat strong{
    display:block;
    margin-bottom:10px;
    color:#fff;
    font-size:34px;
    font-weight:900;
}

.bs-match-mini-stat span{
    color:rgba(255,255,255,.55);
}

.bs-match-mini-stat.live{
    border-color:rgba(255,80,80,.20);
    background:rgba(255,80,80,.06);
}

/* TABS */

.bs-match-tabs{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-bottom:34px;
}

.bs-match-tab{
    padding:14px 22px;
    border-radius:18px;
    text-decoration:none;
    color:rgba(255,255,255,.68);
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    transition:.25s;
    font-weight:700;
}

.bs-match-tab:hover,
.bs-match-tab.active{
    color:#08120c;
    background:var(--bs-green);
    border-color:var(--bs-green);
}

/* GRID */

.bs-matches-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.bs-match-card{
    position:relative;
    overflow:hidden;
    padding:28px;
    border-radius:34px;
    text-decoration:none;
    color:inherit;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    transition:.28s;
}

.bs-match-card:hover{
    transform:translateY(-6px);
    border-color:rgba(183,255,42,.20);
    box-shadow:0 24px 70px rgba(0,0,0,.35);
}

.bs-match-card-glow{
    position:absolute;
    inset:-30%;
    background:
        radial-gradient(circle at top right,
        rgba(183,255,42,.12),
        transparent 30%);
    pointer-events:none;
}

.bs-match-card-top{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:28px;
}

.bs-match-league{
    display:flex;
    align-items:center;
    gap:12px;
}

.bs-match-league img{
    width:34px;
    height:34px;
    object-fit:contain;
}

.bs-match-league span{
    color:#fff;
    font-weight:700;
}

.bs-live-pill,
.bs-finished-pill,
.bs-upcoming-pill{
    padding:10px 16px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
}

.bs-live-pill{
    display:flex;
    align-items:center;
    gap:10px;
    background:rgba(255,80,80,.10);
    border:1px solid rgba(255,80,80,.18);
    color:#ff7070;
}

.bs-live-pill i{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#ff4d4d;
    box-shadow:0 0 16px #ff4d4d;
}

.bs-finished-pill{
    background:rgba(255,255,255,.08);
    color:#fff;
}

.bs-upcoming-pill{
    background:rgba(183,255,42,.10);
    color:var(--bs-green);
}

.bs-match-main{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:20px;
}

.bs-match-team{
    text-align:center;
}

.bs-match-team img{
    width:84px;
    height:84px;
    object-fit:contain;
    margin-bottom:16px;
}

.bs-match-team h3{
    margin:0;
    color:#fff;
    font-size:20px;
    font-weight:800;
}

.bs-match-center{
    text-align:center;
}

.bs-match-score{
    margin-bottom:12px;
    color:#fff;
    font-size:48px;
    font-weight:900;
}

.bs-match-score span{
    opacity:.5;
}

.bs-match-date{
    color:rgba(255,255,255,.52);
    font-size:13px;
}

/* AI */

.bs-ai-confidence{
    margin-top:28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.bs-ai-confidence span{
    color:rgba(255,255,255,.55);
}

.bs-ai-confidence strong{
    color:#fff;
    font-size:26px;
    font-weight:900;
}

.bs-ai-bar{
    height:14px;
    border-radius:999px;
    overflow:hidden;
    background:rgba(255,255,255,.06);
    margin-top:14px;
}

.bs-ai-bar div{
    height:100%;
    border-radius:999px;
    background:
        linear-gradient(90deg,
        var(--bs-green),
        #f4d03f);
    box-shadow:0 0 24px rgba(183,255,42,.25);
}

/* FOOTER */

.bs-match-footer{
    margin-top:26px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}

.bs-match-venue{
    color:rgba(255,255,255,.5);
    font-size:13px;
}

.bs-live-mini-stats{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.bs-live-mini-stats span{
    padding:10px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    color:#fff;
    font-size:12px;
    font-weight:700;
}

/* MOBILE */

@media(max-width:1100px){

    .bs-matches-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .bs-match-page{
        padding-top:100px;
    }

    .bs-match-hero h1{
        font-size:38px;
    }

    .bs-match-main{
        grid-template-columns:1fr;
    }

    .bs-match-score{
        font-size:40px;
    }

    .bs-match-team img{
        width:68px;
        height:68px;
    }

    .bs-match-card{
        padding:22px;
        border-radius:28px;
    }

    .bs-match-mini-stat{
        min-width:auto;
        flex:1;
    }
}
/* =========================================================
MATCH PAGE MOBILE FINAL FIX
========================================================= */

@media(max-width:768px){

    .bs-match-hero{
        margin-bottom:22px !important;
    }

    .bs-match-hero h1{
        font-size:32px !important;
        line-height:1.12 !important;
        letter-spacing:-.8px !important;
    }

    .bs-match-hero p{
        font-size:14px !important;
        line-height:1.7 !important;
    }

    .bs-match-hero-right{
        width:100%;
        display:grid !important;
        grid-template-columns:1fr 1fr;
        gap:10px !important;
    }

    .bs-match-mini-stat{
        padding:16px !important;
        border-radius:20px !important;
    }

    .bs-match-mini-stat strong{
        font-size:24px !important;
        margin-bottom:4px !important;
    }

    .bs-match-tabs{
        display:grid !important;
        grid-template-columns:1fr 1fr;
        gap:10px !important;
        margin-bottom:22px !important;
    }

    .bs-match-tab{
        min-height:48px;
        padding:0 14px !important;
        border-radius:18px !important;
        font-size:14px !important;
        text-align:center;
    }

    .bs-matches-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:16px !important;
    }

    .bs-match-card{
        padding:18px !important;
        border-radius:24px !important;
        min-height:auto !important;
    }

    .bs-match-card-top{
        margin-bottom:18px !important;
        gap:10px !important;
    }

    .bs-match-league{
        min-width:0;
        gap:8px !important;
    }

    .bs-match-league img{
        width:24px !important;
        height:24px !important;
        flex:0 0 24px;
    }

    .bs-match-league span{
        font-size:12px !important;
        max-width:160px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .bs-live-pill,
    .bs-finished-pill,
    .bs-upcoming-pill{
        min-height:32px;
        font-size:10px !important;
        flex:0 0 auto;
    }

    .bs-match-main{
        display:grid !important;
        grid-template-columns:1fr 82px 1fr !important;
        gap:10px !important;
        align-items:center !important;
        margin:0 !important;
    }

    .bs-match-team{
        min-width:0;
        padding:12px 8px;
        border-radius:18px;
        background:rgba(255,255,255,.035);
        border:1px solid rgba(255,255,255,.06);
    }

    .bs-match-team img{
        width:54px !important;
        height:54px !important;
        margin:0 auto 10px !important;
        object-fit:contain;
    }

    .bs-match-team h3{
        font-size:13px !important;
        line-height:1.25 !important;
        min-height:34px;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        overflow:hidden;
    }

    .bs-match-center{
        min-width:0;
    }

    .bs-match-score{
        font-size:28px !important;
        line-height:1 !important;
        margin-bottom:8px !important;
        white-space:nowrap;
    }

    .bs-match-date{
        font-size:10px !important;
        line-height:1.35 !important;
    }

    .bs-ai-confidence{
        margin-top:16px !important;
    }

    .bs-ai-confidence span{
        font-size:12px !important;
    }

    .bs-ai-confidence strong{
        font-size:20px !important;
    }

    .bs-ai-bar{
        height:9px !important;
        margin-top:8px !important;
    }

    .bs-match-footer{
        margin-top:14px !important;
        gap:10px !important;
    }

    .bs-match-venue{
        max-width:100%;
        font-size:11px !important;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .bs-live-mini-stats{
        width:100%;
        justify-content:flex-start;
        gap:8px !important;
    }

    .bs-live-mini-stats span{
        padding:7px 10px !important;
        border-radius:12px !important;
        font-size:11px !important;
    }

    .mobile-bottom-nav{
        left:10px !important;
        right:10px !important;
        bottom:10px !important;
    }
}

@media(max-width:420px){

    .container{
        width:min(100% - 24px, 1180px) !important;
    }

    .bs-match-main{
        grid-template-columns:1fr 76px 1fr !important;
        gap:8px !important;
    }

    .bs-match-team img{
        width:48px !important;
        height:48px !important;
    }

    .bs-match-team h3{
        font-size:12px !important;
    }

    .bs-match-score{
        font-size:26px !important;
    }

    .bs-match-league span{
        max-width:138px;
    }
}
/* =========================================================
MATCH MOBILE CLEAN HEADER + SCROLL TABS
========================================================= */

@media(max-width:768px){

    .bs-match-hero{
        display:block !important;
        margin-bottom:22px !important;
    }

    .bs-match-hero-right{
        display:none !important;
    }

    .bs-match-hero h1{
        max-width:340px !important;
        font-size:29px !important;
        line-height:1.12 !important;
        letter-spacing:-1px !important;
        margin-bottom:14px !important;
    }

    .bs-match-hero p{
        max-width:330px !important;
        font-size:14px !important;
        line-height:1.65 !important;
    }

    .bs-match-tabs{
        display:flex !important;
        flex-wrap:nowrap !important;
        gap:10px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        padding:0 2px 12px !important;
        margin-bottom:18px !important;
    }

    .bs-match-tabs::-webkit-scrollbar{
        height:0;
        display:none;
    }

    .bs-match-tab{
        flex:0 0 auto !important;
        min-width:max-content !important;
        height:46px !important;
        min-height:46px !important;
        padding:0 20px !important;
        border-radius:999px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        scroll-snap-align:start;
        font-size:14px !important;
        font-weight:900 !important;
        line-height:1 !important;
        white-space:nowrap !important;
    }

    .bs-match-tab.active{
        padding:0 24px !important;
    }
}

@media(max-width:420px){

    .bs-match-tabs{
        margin-left:-2px !important;
        margin-right:-2px !important;
    }

    .bs-match-tab{
        height:44px !important;
        min-height:44px !important;
        padding:0 18px !important;
        font-size:13px !important;
    }
}
/* =========================================================
HOME MOBILE RESET FINAL - CLEAN VERSION
========================================================= */

@media(max-width:768px){

    .bs-home-hero{
        padding:34px 0 34px !important;
    }

    .bs-home-hero-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:24px !important;
    }

    .bs-home-copy h1{
        font-size:32px !important;
        line-height:1.12 !important;
        letter-spacing:-1px !important;
        margin-bottom:14px !important;
    }

    .bs-home-copy p{
        font-size:14px !important;
        line-height:1.7 !important;
        margin-bottom:20px !important;
    }

    .hero-buttons{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
        margin-bottom:18px !important;
    }

    .hero-buttons .bs-btn-primary,
    .hero-buttons .bs-btn-outline{
        width:100% !important;
        height:46px !important;
        border-radius:999px !important;
        font-size:12px !important;
        padding:0 12px !important;
    }

    .bs-home-stats{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
    }

    .bs-home-stats div{
        padding:16px !important;
        border-radius:18px !important;
    }

    .bs-home-stats strong{
        font-size:24px !important;
        line-height:1 !important;
    }

    .bs-home-stats span{
        font-size:11px !important;
    }

    /* FEATURED MATCH CARD */

    .bs-home-featured-card{
        padding:18px !important;
        border-radius:24px !important;
    }

    .bs-featured-head{
        margin-bottom:16px !important;
    }

    .bs-featured-teams{
        display:grid !important;
        grid-template-columns:1fr 76px 1fr !important;
        gap:10px !important;
        align-items:center !important;
    }

    .bs-featured-team{
        min-height:112px !important;
        padding:12px 8px !important;
        border-radius:18px !important;
    }

    .bs-featured-team img,
    .bs-featured-team .team-logo-placeholder{
        width:48px !important;
        height:48px !important;
        margin:0 auto 10px !important;
        padding:0 !important;
        object-fit:contain !important;
    }

    .bs-featured-team h3{
        font-size:12px !important;
        line-height:1.25 !important;
        min-height:30px !important;
        text-align:center !important;
        margin:0 !important;
    }

    .bs-featured-score{
        width:76px !important;
        height:58px !important;
        min-height:58px !important;
        border-radius:18px !important;
        font-size:22px !important;
        line-height:1 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .bs-featured-meta{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
        margin-top:16px !important;
    }

    .bs-featured-meta div{
        padding:14px !important;
        border-radius:18px !important;
    }

    .bs-featured-bars{
        margin-top:16px !important;
    }

    .bs-featured-bars div span{
        font-size:12px !important;
    }

    /* AI TICKER */

    .bs-ai-ticker-section{
        margin-top:22px !important;
        padding:16px !important;
        border-radius:22px !important;
    }

    .bs-ai-ticker{
        overflow-x:auto !important;
        overflow-y:hidden !important;
        border-radius:18px !important;
    }

    .bs-ai-ticker::-webkit-scrollbar{
        display:none !important;
    }

    .bs-ai-ticker-track{
        display:flex !important;
        flex-wrap:nowrap !important;
        gap:10px !important;
        width:max-content !important;
        animation:none !important;
    }

    .bs-ai-ticker-card{
        min-width:300px !important;
        max-width:300px !important;
        min-height:72px !important;
        display:grid !important;
        grid-template-columns:1fr 70px 1fr auto !important;
        gap:8px !important;
        align-items:center !important;
        padding:12px !important;
        border-radius:18px !important;
        text-align:left !important;
    }

    .ticker-club{
        display:flex !important;
        align-items:center !important;
        gap:6px !important;
        justify-content:flex-start !important;
        min-width:0 !important;
    }

    .ticker-club.right{
        justify-content:flex-end !important;
        text-align:right !important;
    }

    .ticker-club img{
        width:24px !important;
        height:24px !important;
        flex:0 0 24px !important;
    }

    .ticker-club span{
        max-width:62px !important;
        font-size:10px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .ticker-center{
        text-align:center !important;
    }

    .ticker-center strong{
        font-size:18px !important;
        line-height:1 !important;
    }

    .ticker-center small{
        min-height:22px !important;
        padding:0 8px !important;
        font-size:9px !important;
        margin-top:5px !important;
    }

    .ticker-ai-pill{
        display:flex !important;
        height:30px !important;
        padding:0 9px !important;
        font-size:9px !important;
    }

    /* FEATURES */

    .feature-section{
        padding:48px 0 60px !important;
    }

    .section-title{
        margin-bottom:22px !important;
    }

    .section-title h2{
        font-size:28px !important;
        line-height:1.18 !important;
    }

    .feature-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    .feature-card{
        padding:20px !important;
        border-radius:22px !important;
    }

    /* LIVE MATCH SECTION */

    .live-match-section{
        padding:40px 0 110px !important;
    }

    .live-match-section .teams{
        display:grid !important;
        grid-template-columns:1fr 70px 1fr !important;
        gap:10px !important;
        align-items:center !important;
    }

    .live-match-section .team{
        min-height:108px !important;
        padding:12px 8px !important;
        border-radius:18px !important;
    }

    .live-match-section .team img,
    .live-match-section .team-logo-placeholder{
        width:46px !important;
        height:46px !important;
        margin:0 auto 8px !important;
    }

    .live-match-section .team h4{
        font-size:12px !important;
        line-height:1.25 !important;
        min-height:30px !important;
    }

    .live-match-section .vs{
        width:70px !important;
        height:54px !important;
        font-size:20px !important;
    }

    .prediction-result{
        margin-bottom:0 !important;
    }
}
/* =========================================================
FEATURED MATCH MOBILE SCORE CENTER FIX
========================================================= */

@media(max-width:768px){

    .bs-featured-teams{
        display:grid !important;
        grid-template-columns:1fr 92px 1fr !important;
        align-items:center !important;
        gap:12px !important;
    }

    .bs-featured-score{
        order:2 !important;

        width:92px !important;
        height:64px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:0 auto !important;

        font-size:28px !important;
        font-weight:900 !important;
        line-height:1 !important;

        border-radius:20px !important;

        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
    }

    .bs-featured-team:first-child{
        order:1 !important;
    }

    .bs-featured-team:last-child{
        order:3 !important;
    }

    .bs-featured-team{
        width:100% !important;
        min-height:120px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        text-align:center !important;
    }

    .bs-featured-team h3{
        font-size:13px !important;
        line-height:1.25 !important;
    }
}
/* =========================================================
MATCH DETAIL MOBILE FINAL CLEAN
========================================================= */

@media(max-width:768px){

    .match-detail-section{
        padding-top:15px !important;
        padding-bottom:25px !important;
    }

    .match-detail-section .container{
        width:min(100% - 24px, 1180px) !important;
    }

    .match-detail-card{
        padding:16px !important;
        border-radius:24px !important;
        overflow:hidden !important;
    }

    .match-detail-top{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:10px !important;
        flex-wrap:nowrap !important;
        margin-bottom:18px !important;
    }

    .match-league-badge{
        max-width:210px !important;
        height:34px !important;
        padding:0 13px !important;
        border-radius:999px !important;
        font-size:10px !important;
        font-weight:950 !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    .status-badge,
    .live-badge{
        height:34px !important;
        min-height:34px !important;
        padding:0 13px !important;
        border-radius:999px !important;
        font-size:10px !important;
        font-weight:950 !important;
        white-space:nowrap !important;
    }

    .match-detail-teams{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr) !important;
        gap:10px !important;
        align-items:center !important;
        margin:0 0 16px !important;
    }

    .match-detail-team{
        width:100% !important;
        min-width:0 !important;
        min-height:120px !important;
        padding:12px 7px !important;
        border-radius:18px !important;
        background:rgba(255,255,255,.05) !important;
        border:1px solid rgba(255,255,255,.08) !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }

    .match-detail-team:first-child{
        order:1 !important;
    }

    .match-detail-center{
        order:2 !important;
        width:86px !important;
        min-width:86px !important;
        max-width:86px !important;
        padding:0 !important;
        margin:0 !important;
        background:transparent !important;
        border:none !important;
        box-shadow:none !important;
        text-align:center !important;
    }

    .match-detail-team:last-child{
        order:3 !important;
    }

    .match-detail-team img,
    .match-detail-team .team-logo-placeholder{
        width:50px !important;
        height:50px !important;
        min-width:50px !important;
        min-height:50px !important;
        margin:0 auto 10px !important;
        padding:0 !important;
        border-radius:14px !important;
        object-fit:contain !important;
        background:transparent !important;
        border:none !important;
        box-shadow:none !important;
    }

    .match-detail-team h2{
        max-width:88px !important;
        min-height:34px !important;
        margin:0 auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        color:#fff !important;
        font-size:12px !important;
        line-height:1.22 !important;
        font-weight:950 !important;
        text-align:center !important;
        white-space:normal !important;
        overflow:hidden !important;
    }

    .match-detail-team > span,
    .match-detail-center > span{
        display:none !important;
    }

    .match-detail-center h1{
        width:86px !important;
        height:60px !important;
        min-height:60px !important;
        margin:0 auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:18px !important;
        background:linear-gradient(135deg,var(--bs-green),var(--bs-gold)) !important;
        color:#07100a !important;
        font-size:25px !important;
        font-weight:950 !important;
        line-height:1 !important;
        letter-spacing:-1px !important;
        text-shadow:none !important;
        box-shadow:0 12px 28px rgba(183,255,42,.20) !important;
    }

    .match-detail-center strong{
        width:max-content !important;
        max-width:86px !important;
        min-height:26px !important;
        margin:8px auto 0 !important;
        padding:0 9px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:999px !important;
        font-size:9px !important;
        font-weight:950 !important;
        line-height:1 !important;
        white-space:nowrap !important;
    }

    .match-info-grid,
    .live-stats-grid{
        display:grid !important;
        grid-template-columns:repeat(3, 1fr) !important;
        gap:8px !important;
        margin-top:12px !important;
    }

    .match-info-grid > div,
    .live-stats-grid > div{
        min-height:74px !important;
        padding:10px 8px !important;
        border-radius:16px !important;
        text-align:center !important;
    }

    .match-info-grid span,
    .live-stats-grid span{
        margin-bottom:6px !important;
        font-size:8.5px !important;
        line-height:1.15 !important;
        text-align:center !important;
    }

    .match-info-grid strong,
    .live-stats-grid strong{
        font-size:12px !important;
        line-height:1.2 !important;
        text-align:center !important;
        word-break:break-word !important;
    }

    .match-info-grid strong[data-live-last-sync]{
        font-size:10px !important;
    }

    .advanced-live-grid{
        display:grid !important;
        grid-template-columns:repeat(2, 1fr) !important;
        gap:8px !important;
        margin-top:12px !important;
    }

    .prediction-main-result{
        display:grid !important;
        grid-template-columns:repeat(3, 1fr) !important;
        gap:8px !important;
        margin-top:12px !important;
    }

    .advanced-live-card,
    .prediction-main-result > div{
        min-height:72px !important;
        padding:10px 8px !important;
        border-radius:16px !important;
        text-align:center !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:center !important;
    }

    .advanced-live-card span,
    .prediction-main-result span{
        margin-bottom:6px !important;
        font-size:9px !important;
        line-height:1.2 !important;
        text-align:center !important;
    }

    .advanced-live-card strong,
    .prediction-main-result h2{
        font-size:14px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        word-break:break-word !important;
        text-align:center !important;
    }

    .possession-card{
        margin-top:12px !important;
        padding:15px !important;
        border-radius:20px !important;
    }

    .possession-head{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:5px !important;
        text-align:center !important;
        margin-bottom:12px !important;
    }

    .possession-head span{
        max-width:none !important;
        font-size:10px !important;
    }

    .possession-head strong{
        font-size:13px !important;
    }

    .possession-bar{
        height:10px !important;
    }

    .possession-values{
        margin-top:10px !important;
        font-size:12px !important;
    }

    .locked-overlay-card{
        margin-top:14px !important;
        padding:20px 15px !important;
        border-radius:20px !important;
    }

    .locked-overlay-card h3{
        font-size:19px !important;
    }

    .locked-overlay-card p{
        font-size:13px !important;
        line-height:1.65 !important;
    }

    .match-live-panels{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
        margin-top:14px !important;
    }

    .match-live-panel{
        padding:16px !important;
        border-radius:22px !important;
    }

    .match-live-panel h3{
        margin-bottom:12px !important;
        font-size:18px !important;
    }

    .event-item{
        display:grid !important;
        grid-template-columns:42px 1fr !important;
        gap:10px !important;
        padding:10px 0 !important;
    }

    .event-minute{
        width:42px !important;
        min-width:42px !important;
        height:42px !important;
        border-radius:14px !important;
        font-size:10px !important;
    }

    .event-content strong{
        font-size:13px !important;
    }

    .event-content span,
    .event-content small,
    .empty-live-text{
        font-size:12px !important;
        line-height:1.55 !important;
    }

    .lineup-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    .lineup-team{
        padding:13px !important;
        border-radius:18px !important;
    }

    .lineup-team h4{
        display:block !important;
        margin-bottom:10px !important;
        font-size:14px !important;
    }

    .lineup-player{
        display:grid !important;
        grid-template-columns:30px 1fr auto !important;
        gap:8px !important;
        padding:8px 0 !important;
    }

    .lineup-player span{
        width:30px !important;
        height:30px !important;
        border-radius:10px !important;
        font-size:11px !important;
    }

    .lineup-player strong{
        font-size:12px !important;
    }

    .lineup-player small{
        font-size:11px !important;
    }

    .match-detail-actions{
        position:sticky !important;
        bottom:82px !important;
        z-index:90 !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:9px !important;
        margin-top:14px !important;
        padding:10px !important;
        border-radius:22px !important;
        background:rgba(5,7,13,.88) !important;
        border:1px solid rgba(255,255,255,.10) !important;
        backdrop-filter:blur(18px) !important;
    }

    .match-detail-actions a{
        width:100% !important;
        min-height:43px !important;
        padding:0 8px !important;
        border-radius:15px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:10px !important;
        font-weight:950 !important;
        text-align:center !important;
        line-height:1.2 !important;
        white-space:normal !important;
    }
}

@media(max-width:420px){

    .match-info-grid,
    .live-stats-grid,
    .prediction-main-result{
        gap:7px !important;
    }

    .match-info-grid > div,
    .live-stats-grid > div,
    .prediction-main-result > div{
        padding:9px 6px !important;
        border-radius:15px !important;
    }

    .match-info-grid strong,
    .live-stats-grid strong{
        font-size:11px !important;
    }

    .match-info-grid strong[data-live-last-sync]{
        font-size:9px !important;
    }

    .prediction-main-result h2{
        font-size:12px !important;
    }
}
/* MATCH DETAIL MOBILE ACTION FIX */

@media(max-width:768px){

    .match-detail-actions{
        position:relative !important;
        bottom:auto !important;
        z-index:5 !important;
        margin-top:18px !important;
        margin-bottom:0 !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
        padding:10px !important;
        border-radius:22px !important;
        background:rgba(5,7,13,.88) !important;
        border:1px solid rgba(255,255,255,.10) !important;
        backdrop-filter:blur(18px) !important;
    }

    .match-live-panel{
        overflow:hidden !important;
        padding-bottom:18px !important;
    }

    .match-detail-actions a{
        min-height:44px !important;
        padding:0 10px !important;
        border-radius:16px !important;
        font-size:10px !important;
        line-height:1.2 !important;
        white-space:normal !important;
    }
}
/* =========================================================
MATCH DETAIL FINAL SAFETY PATCH
========================================================= */

.match-detail-card > *{
    position:relative;
    z-index:2;
}

.match-detail-card::before{
    z-index:1;
}

.match-detail-team img{
    background:transparent;
}

.match-detail-center h1{
    white-space:nowrap;
}

.prediction-main-result h2 *{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

@media(max-width:768px){

    .match-detail-card::before{
        opacity:.55;
    }

    .match-detail-teams{
        position:relative;
        z-index:3;
    }

    .match-detail-center h1{
        overflow:hidden;
    }

    .prediction-main-result h2{
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .match-live-panel{
        max-width:100%;
    }

    .event-content{
        min-width:0;
    }

    .lineup-player{
        min-width:0;
    }

    .lineup-player strong{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
}
/* =========================================================
PREDICTION MOBILE FINAL FIX - LOGO VS LOGO PRESISI
========================================================= */

@media(max-width:768px){

    .predictions-page .predictions-grid{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }

    .predictions-page .prediction-modern-card{
        padding:16px !important;
        border-radius:24px !important;
    }

    .predictions-page .prediction-match{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr) !important;
        align-items:center !important;
        gap:10px !important;
        margin:18px 0 !important;
        padding:0 !important;
    }

    .predictions-page .prediction-team,
    .predictions-page .prediction-center{
        order:0 !important;
        position:static !important;
        transform:none !important;
    }

    .predictions-page .prediction-team{
        min-width:0 !important;
        min-height:116px !important;
        padding:12px 7px !important;
        border-radius:18px !important;
        background:rgba(255,255,255,.04) !important;
        border:1px solid rgba(255,255,255,.08) !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        gap:8px !important;
    }

    .predictions-page .prediction-team img,
    .predictions-page .prediction-team-placeholder{
        width:58px !important;
        height:58px !important;
        min-width:58px !important;
        min-height:58px !important;
        max-width:58px !important;
        max-height:58px !important;
        margin:0 auto !important;
        padding:6px !important;
        border-radius:16px !important;
        object-fit:contain !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .predictions-page .prediction-team-placeholder{
        color:#d7ff38 !important;
        font-size:20px !important;
        font-weight:950 !important;
    }

    .predictions-page .prediction-team h3{
        width:100% !important;
        min-height:30px !important;
        max-height:30px !important;
        margin:0 !important;
        font-size:11px !important;
        line-height:1.25 !important;
        font-weight:900 !important;
        text-align:center !important;
        overflow:hidden !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
    }

    .predictions-page .prediction-center{
        width:62px !important;
        min-width:62px !important;
        padding:0 !important;
        margin:0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }

    .predictions-page .prediction-vs{
        font-size:24px !important;
        line-height:1 !important;
        font-weight:950 !important;
    }

    .predictions-page .prediction-confidence{
        margin-top:5px !important;
        font-size:10px !important;
        line-height:1 !important;
        font-weight:950 !important;
        white-space:nowrap !important;
    }

    .predictions-page .prediction-extra-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .predictions-page .prediction-actions{
        grid-template-columns:1fr 1fr !important;
        gap:8px !important;
    }
}
/* =========================================================
FULL PREDICTION MOBILE COMPACT FIX
========================================================= */

@media(max-width:768px){

    .prediction-detail-section{
        padding-top:18px !important;
        padding-bottom:105px !important;
    }

    .prediction-detail-card{
        padding:16px !important;
        border-radius:24px !important;
    }

    .prediction-detail-head{
        margin-bottom:18px !important;
        gap:14px !important;
    }

    .prediction-detail-head h1{
        font-size:30px !important;
        line-height:1.1 !important;
        letter-spacing:-1px !important;
        margin-bottom:12px !important;
    }

    .prediction-detail-head p{
        font-size:13px !important;
        line-height:1.65 !important;
    }

    .prediction-plan-badge{
        height:38px !important;
        padding:0 16px !important;
        border-radius:14px !important;
        font-size:12px !important;
    }

    .prediction-main-result{
        grid-template-columns:repeat(3,1fr) !important;
        gap:8px !important;
        margin-top:16px !important;
    }

    .prediction-main-result div{
        min-height:72px !important;
        padding:10px 6px !important;
        border-radius:16px !important;
    }

    .prediction-main-result span{
        font-size:8px !important;
        margin-bottom:5px !important;
        letter-spacing:.3px !important;
    }

    .prediction-main-result h2{
        font-size:13px !important;
        line-height:1.15 !important;
    }

    .analysis-box,
    .elite-box,
    .locked-overlay-card{
        margin-top:14px !important;
        padding:16px !important;
        border-radius:20px !important;
    }

    .analysis-box h3,
    .elite-box h3,
    .locked-overlay-card h3{
        font-size:18px !important;
        margin-bottom:10px !important;
    }

    .analysis-box p,
    .elite-box p,
    .locked-overlay-card p{
        font-size:13px !important;
        line-height:1.65 !important;
    }

    .probability-grid{
        grid-template-columns:1fr !important;
        gap:10px !important;
        margin-top:14px !important;
    }

    .probability-box{
        min-height:auto !important;
        padding:14px 16px !important;
        border-radius:18px !important;
    }

    .probability-box span{
        margin-bottom:6px !important;
        font-size:11px !important;
    }

    .probability-box h3{
        margin:0 0 10px !important;
        font-size:28px !important;
        line-height:1 !important;
    }

    .probability-bar{
        height:9px !important;
    }

    .prediction-detail-grid,
    .odds-grid{
        grid-template-columns:repeat(3,1fr) !important;
        gap:8px !important;
        margin-top:12px !important;
    }

    .prediction-detail-grid div,
    .odds-grid div{
        min-height:68px !important;
        padding:10px 6px !important;
        border-radius:16px !important;
        text-align:center !important;
    }

    .prediction-detail-grid span,
    .odds-grid span{
        font-size:8px !important;
        margin-bottom:5px !important;
    }

    .prediction-detail-grid strong,
    .odds-grid strong{
        font-size:12px !important;
        line-height:1.2 !important;
    }

    .form-h2h-grid{
        grid-template-columns:1fr !important;
        gap:10px !important;
        margin-top:14px !important;
    }

    .form-card{
        padding:14px !important;
        border-radius:18px !important;
    }

    .form-card h3{
        font-size:16px !important;
        margin-bottom:10px !important;
    }

    .form-card p{
        font-size:12px !important;
        line-height:1.55 !important;
        margin-top:10px !important;
    }
}