.t84-front { --t84-blue:#0b3d91; --t84-gold:#f2b705; --t84-border:#d9e1f2; --t84-bg:#f6f8fc; font-family:inherit; }
.t84-event-list { display:grid; grid-template-columns:repeat(auto-fit, minmax(270px,1fr)); gap:18px; }
.t84-event-card, .t84-card-form, .t84-action-box, .t84-bet-form, .t84-live-section { background:#fff; border:1px solid var(--t84-border); border-radius:20px; box-shadow:0 12px 28px rgba(11,61,145,.08); overflow:hidden; margin:18px 0; }
.t84-event-image { min-height:155px; background-size:cover; background-position:center; }
.t84-event-content { padding:18px; }
.t84-pill { display:inline-block; padding:6px 11px; border-radius:999px; background:var(--t84-blue); color:#fff; font-weight:700; font-size:12px; letter-spacing:.02em; }
.t84-event-card h3, .t84-front h2, .t84-front h3, .t84-front h4 { color:var(--t84-blue); }
.t84-muted { color:#667085; }
.t84-meta { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.t84-meta span { background:#f4f7ff; border:1px solid var(--t84-border); border-radius:10px; padding:6px 9px; }
.t84-announcement { background:#fff8df; border-left:5px solid var(--t84-gold); padding:12px 14px; border-radius:12px; }
.t84-hero { display:grid; grid-template-columns:minmax(240px, 36%) 1fr; gap:22px; align-items:stretch; margin-bottom:20px; }
.t84-hero-img { min-height:260px; border-radius:22px; background-size:cover; background-position:center; box-shadow:0 12px 28px rgba(11,61,145,.12); }
.t84-action-box, .t84-bet-form, .t84-live-section { padding:18px; }
.t84-ok, .t84-message.success { color:#176b2c; background:#e5f5e9; border:1px solid #bae3c4; padding:12px; border-radius:12px; }
.t84-message.error { color:#b42318; background:#fff1f0; border:1px solid #f3b6b0; padding:12px; border-radius:12px; }
.t84-btn { display:inline-block; border:0; background:linear-gradient(135deg, var(--t84-blue), #1558c0); color:#fff; padding:12px 18px; border-radius:14px; font-weight:800; cursor:pointer; text-decoration:none; }
.t84-btn:hover { filter:brightness(1.05); color:#fff; }
.t84-card-form { padding:20px; }
.t84-form-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.t84-form-grid label { display:flex; flex-direction:column; gap:6px; font-weight:700; }
.t84-form-grid input, .t84-form-grid select, .t84-score-input { border:1px solid var(--t84-border); border-radius:12px; padding:10px; }
.t84-score-input { width:70px; }
.t84-public-table { width:100%; border-collapse:collapse; background:#fff; overflow:hidden; border-radius:14px; }
.t84-public-table th { background:var(--t84-blue); color:#fff; text-align:left; }
.t84-public-table th, .t84-public-table td { padding:11px 12px; border-bottom:1px solid var(--t84-border); }
.t84-results-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.t84-match-groups { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:14px; }
.t84-match-group { border:1px solid var(--t84-border); border-radius:16px; padding:12px; background:#fafcff; }
.t84-match { display:grid; grid-template-columns:1fr auto 1fr; gap:8px; align-items:center; padding:9px 0; border-bottom:1px dashed var(--t84-border); }
.t84-match span:last-child { text-align:right; }
.t84-match strong { background:var(--t84-gold); color:#2a2200; border-radius:10px; padding:5px 9px; }
.t84-empty { background:#fff; border:1px solid var(--t84-border); border-radius:14px; padding:16px; }
.t84-shortcode-hint { font-size:12px; opacity:.65; }
@media (max-width:800px){ .t84-hero,.t84-form-grid,.t84-results-grid{ grid-template-columns:1fr; } }