.bybetucl302-v302-hero-banner{position:relative;min-height:var(--bybetucl302-v302-hero-height,420px);border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#071327,#13254b);background-size:cover;background-position:center;color:#fff;margin:20px 0;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.bybetucl302-v302-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.14),transparent 30%),linear-gradient(90deg,rgba(2,6,23,.92),rgba(2,6,23,.46));pointer-events:none}
.bybetucl302-v302-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:28px;align-items:center;min-height:var(--bybetucl302-v302-hero-height,420px);padding:42px}
.bybetucl302-v302-hero-badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.bybetucl302-v302-hero-title{font-size:clamp(32px,5vw,64px);line-height:.98;margin:0 0 14px;font-weight:900;letter-spacing:-.04em;max-width:850px;color:#fff}
.bybetucl302-v302-hero-subtitle{font-size:clamp(15px,2vw,20px);line-height:1.55;margin:0 0 18px;color:rgba(255,255,255,.84);max-width:720px}
.bybetucl302-v302-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.bybetucl302-v302-hero-meta span{padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.1);font-weight:800}
.bybetucl302-v302-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.bybetucl302-v302-hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:14px;text-decoration:none;font-weight:900}.bybetucl302-v302-hero-btn-primary{background:#23c55e;color:#052e16}.bybetucl302-v302-hero-btn-secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18)}
.bybetucl302-v302-hero-panel{display:grid;gap:12px}.bybetucl302-v302-hero-match-card,.bybetucl302-v302-hero-info-card,.bybetucl302-v302-hero-news-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);border-radius:24px;padding:20px;box-shadow:0 18px 38px rgba(0,0,0,.16)}
.bybetucl302-v302-hero-team{display:flex;align-items:center;gap:12px;padding:12px 0}.bybetucl302-v302-hero-logo{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#fff,#9ca3af);display:inline-block}.bybetucl302-v302-hero-score{font-size:42px;line-height:1;font-weight:950;text-align:center;padding:14px;border-radius:18px;background:rgba(0,0,0,.18)}.bybetucl302-v302-hero-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.bybetucl302-v302-hero-mini-stats span{background:rgba(0,0,0,.18);border-radius:14px;padding:10px;text-align:center;font-weight:800}.bybetucl302-v302-hero-info-card strong,.bybetucl302-v302-hero-news-card strong{display:block;font-size:18px;margin-bottom:6px}.bybetucl302-v302-hero-info-card span,.bybetucl302-v302-hero-news-card p{color:rgba(255,255,255,.8);margin:0;line-height:1.5}.bybetucl302-v302-countdown{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.bybetucl302-v302-countdown div{min-width:88px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px;text-align:center}.bybetucl302-v302-countdown strong{display:block;font-size:28px;line-height:1}.bybetucl302-v302-countdown span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.75)}
.bybetucl302-v302-theme-light.bybetucl302-v302-hero-banner{background:#f8fafc;color:#0f172a}.bybetucl302-v302-theme-light .bybetucl302-v302-hero-title{color:#0f172a}.bybetucl302-v302-theme-light .bybetucl302-v302-hero-subtitle{color:#475569}.bybetucl302-v302-theme-light .bybetucl302-v302-hero-btn-secondary{color:#0f172a;border-color:rgba(15,23,42,.12);background:rgba(15,23,42,.06)}
@media(max-width:820px){.bybetucl302-v302-hero-banner{border-radius:20px}.bybetucl302-v302-hero-inner{grid-template-columns:1fr;padding:26px;gap:20px}.bybetucl302-v302-hero-panel{order:2}.bybetucl302-v302-hero-actions{position:relative}.bybetucl302-v302-hero-btn{width:100%}.bybetucl302-v302-countdown div{flex:1;min-width:70px}.bybetucl302-v302-hero-mini-stats{grid-template-columns:1fr}}


/* v3.0.2 hero logo isolation */
.bybetucl302-v302-hero-logo-img{width:52px;height:52px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.1);padding:4px;box-shadow:0 8px 22px rgba(0,0,0,.25);}
.bybetucl302-v302-hero-team{display:flex;align-items:center;gap:10px;}