.lb-home{
  --lb-bg:#060b13;
  --lb-card:#101b2f;
  --lb-card-2:#14233d;
  --lb-card-3:#182846;
  --lb-text:#f4f7fc;
  --lb-muted:#93a3bf;
  --lb-soft:#c8d4e7;
  --lb-line:rgba(255,255,255,.08);
  --lb-line-strong:rgba(255,255,255,.14);
  --lb-shadow:0 24px 60px rgba(0,0,0,.26);
  --lb-blue:#51b8ff;
  --lb-blue-2:#8fd6ff;
  --lb-red:#ff667c;
  --lb-red-2:#ff99a8;
  --lb-yellow:#ffcb6b;
  --lb-green:#33d17a;
  max-width:1280px;
  margin:0 auto;
  padding:20px 16px 48px;
  color:var(--lb-text);
}
.lb-home a{color:inherit;text-decoration:none}
.lb-home__hero{margin-bottom:18px}
.lb-home__title{font-size:clamp(30px,4vw,44px);line-height:1.05;margin:0;color:#fff;letter-spacing:-.03em}
.lb-home__lead{margin:10px 0 0;max-width:860px;color:var(--lb-muted);font-size:15px;line-height:1.65}
.lb-home__topbar,
.lb-home__section,
.lb-home__card,
.lb-home__panel,
.lb-home__list-item,
.lb-home__faq-item,
.lb-home__metric{
  border:1px solid var(--lb-line);
  border-radius:22px;
  background:radial-gradient(circle at 0% 0%, rgba(81,184,255,.13), transparent 24%),radial-gradient(circle at 100% 0%, rgba(154,134,255,.10), transparent 18%),linear-gradient(180deg,#0f192b 0%,#0a1220 100%);
  box-shadow:var(--lb-shadow);
}
.lb-home__topbar,.lb-home__section{padding:20px;margin-bottom:18px}
.lb-home__filters-row{display:flex;gap:12px;flex-direction:column}
.lb-home__chips{display:flex;gap:10px;flex-wrap:wrap}
.lb-home__chip,
.lb-home__pill,
.lb-home__tab{
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;
  background:rgba(255,255,255,.04);border:1px solid var(--lb-line);
  color:var(--lb-soft);font-size:13px;line-height:1;font-weight:700;
}
.lb-home__chip.is-active,.lb-home__tab.is-active{background:rgba(81,184,255,.18);border-color:rgba(81,184,255,.24);color:#fff}
.lb-home__metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.lb-home__metric{padding:14px}
.lb-home__metric-value{display:block;font-size:24px;font-weight:800;color:#fff}
.lb-home__metric-label{display:block;font-size:13px;color:var(--lb-muted);margin-top:4px}
.lb-home__section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
.lb-home__section-head h2{margin:0 0 4px;font-size:24px;line-height:1.15;color:#fff;letter-spacing:-.02em}
.lb-home__section-head p{margin:0;color:var(--lb-muted);line-height:1.5}
.lb-home__more{white-space:nowrap;color:var(--lb-blue-2);font-weight:700}
.lb-home__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lb-home__card,.lb-home__panel{padding:18px}
.lb-home__card h3,.lb-home__panel h3{margin:4px 0 8px;font-size:20px;line-height:1.28;color:#fff}
.lb-home__eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lb-muted)}
.lb-home__meta{font-size:13px;color:var(--lb-soft)}
.lb-home__excerpt{margin:10px 0 0;color:var(--lb-soft);line-height:1.55}
.lb-home__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.lb-home__actions a{
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;
  border:1px solid var(--lb-line);background:rgba(255,255,255,.04);color:var(--lb-soft);font-weight:700;font-size:13px;
}
.lb-home__actions a:hover{border-color:rgba(81,184,255,.24);color:#fff}
.lb-home__list{display:flex;flex-direction:column;gap:10px}
.lb-home__list-item{display:flex;justify-content:space-between;gap:12px;padding:16px 18px}
.lb-home__list-main{display:flex;gap:12px;align-items:flex-start}
.lb-home__status{min-width:58px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--lb-line);font-size:12px;font-weight:800;text-align:center;color:var(--lb-soft)}
.lb-home__status.live{background:rgba(255,102,124,.14);border-color:rgba(255,102,124,.24);color:#ffe5ea}
.lb-home__status.finished{color:var(--lb-muted)}
.lb-home__status.soon,.lb-home__status.upcoming{background:rgba(51,209,122,.12);border-color:rgba(51,209,122,.2);color:#dbffea}
.lb-home__list-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.lb-home__score{font-size:22px;font-weight:800;color:#fff}
.lb-home__tabs-inline{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.lb-home__tabs-block{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lb-home__tab-block h3{margin:0 0 10px;font-size:18px;color:#fff}
.lb-home__mixed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lb-home__panel-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}
.lb-home__panel-head a{color:var(--lb-blue-2);font-weight:700}
.lb-home__table{width:100%;border-collapse:collapse;font-size:14px}
.lb-home__table th,.lb-home__table td{padding:8px 6px;border-bottom:1px solid var(--lb-line);text-align:left;color:var(--lb-soft)}
.lb-home__table th{color:var(--lb-muted);font-weight:800}
.lb-home__trend-value{font-size:24px;font-weight:800;margin-top:8px;color:#fff}
.lb-home__faq{display:flex;flex-direction:column;gap:10px}
.lb-home__faq-item{padding:16px 18px}
.lb-home__faq-item summary{cursor:pointer;font-weight:700;color:#fff}
.lb-home__faq-answer{margin-top:10px;color:var(--lb-soft);line-height:1.6}
.lb-home__empty{padding:12px 14px;border:1px dashed var(--lb-line-strong);border-radius:14px;color:var(--lb-muted);background:rgba(255,255,255,.03)}
.lb-home__chips--filters{overflow:auto;padding-bottom:2px;flex-wrap:nowrap}
.lb-home__chips--quick-pairs{margin-bottom:14px}

.lb-home__card--match-strong{padding:20px;background:linear-gradient(180deg,#12203a 0%,#0d1628 100%)}
.lb-home__match-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}
.lb-home__match-title{margin:0 0 14px !important;font-size:24px !important;line-height:1.15 !important}
.lb-home__form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.lb-home__form-team{display:grid;gap:8px;padding:12px 14px;border-radius:16px;border:1px solid var(--lb-line);background:rgba(255,255,255,.03)}
.lb-home__form-team-name{font-size:14px;font-weight:800;color:#fff}
.lb-home__form-pills{display:flex;flex-wrap:wrap;gap:8px}
.lb-home__form-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--lb-line);background:rgba(255,255,255,.04);color:var(--lb-soft);font-size:12px;font-weight:800}
.lb-home__form-pill--w{background:rgba(51,209,122,.12);border-color:rgba(51,209,122,.2);color:#dbffea}
.lb-home__form-pill--l{background:rgba(255,102,124,.14);border-color:rgba(255,102,124,.24);color:#ffe5ea}
.lb-home__form-pill--d{background:rgba(255,203,107,.14);border-color:rgba(255,203,107,.22);color:#fff3d1}
.lb-home__summary-block{display:grid;gap:8px;margin-top:12px}
.lb-home__summary-title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lb-muted)}
.lb-home__summary-pills{display:flex;flex-wrap:wrap;gap:8px}
.lb-home__actions--strong{margin-top:16px}

.lb-home__card--h2h-tool{padding:20px}
.lb-home__summary-grid{display:grid;gap:10px;margin-top:12px}
.lb-home__summary-row{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--lb-line);background:rgba(255,255,255,.03)}
.lb-home__summary-label{font-size:12px;color:var(--lb-muted);font-weight:700}
.lb-home__summary-value{font-size:13px;color:#fff;text-align:right;line-height:1.4}

@media (max-width: 1180px){
  .lb-home__cards,.lb-home__tabs-block,.lb-home__mixed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 820px){
  .lb-home__form-grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .lb-home{padding:16px 12px 36px}
  .lb-home__metrics-grid,.lb-home__cards,.lb-home__tabs-block,.lb-home__mixed-grid{grid-template-columns:1fr}
  .lb-home__section-head{flex-direction:column;align-items:flex-start}
  .lb-home__list-item{flex-direction:column}
  .lb-home__list-side{align-items:flex-start}
  .lb-home__chip{padding:9px 12px;font-size:13px}
  .lb-home__metric-value{font-size:20px}
  .lb-home__match-title{font-size:22px !important}
  .lb-home__summary-row{flex-direction:column;align-items:flex-start}
}