.live-page {
 --ink: #071b36;
 --muted: #49677f;
 --line: rgba(10, 168, 255, .18);
 --blue: #0079c8;
 --cyan: #35c6ff;
 --purple: #7a5cff;
 --green: #2f8f5b;
 --amber: #c78000;
 max-width: 1040px;
 margin: 0 auto;
 padding: 6px 0 36px;
 color: var(--ink);
 font-family: inherit;
}
.live-page * { box-sizing: border-box; }
.live-page a {
 color: var(--blue);
 text-decoration: none;
 overflow-wrap: anywhere;
}
.live-page a:hover { color: #005f9f; text-decoration: underline; }
.live-hero {
 display: grid;
 grid-template-columns: 112px minmax(0, 1fr);
 gap: 18px;
 align-items: center;
 margin-bottom: 18px;
 padding: 24px;
 border: 1px solid var(--line);
 border-radius: 18px;
 background:
  radial-gradient(circle at 4% 8%, rgba(53, 198, 255, .28), transparent 30%),
  radial-gradient(circle at 100% 0%, rgba(122, 92, 255, .16), transparent 28%),
  linear-gradient(135deg, #ffffff 0%, #f0fbff 100%);
 box-shadow: 0 14px 36px rgba(0, 105, 170, .09);
}
.live-logo {
 width: 112px;
 min-height: 86px;
 display: grid;
 place-items: center;
 padding: 10px;
 border: 1px solid rgba(10, 168, 255, .16);
 border-radius: 16px;
 background: #fff;
}
.live-logo img {
 max-width: 100%;
 height: auto;
 display: block;
}
.live-kicker {
 margin: 0 0 8px;
 color: var(--blue);
 font-size: 12px;
 font-weight: 900;
 letter-spacing: 0;
 text-transform: uppercase;
}
.live-hero h1 {
 margin: 0 0 10px;
 color: var(--ink);
 font-size: clamp(30px, 5vw, 48px);
 line-height: 1.08;
 font-weight: 900;
}
.live-lead {
 max-width: 760px;
 margin: 0;
 color: var(--muted);
 font-size: 17px;
 line-height: 1.6;
}
.live-intro {
 margin: 0 0 18px;
 padding: 16px 18px;
 border: 1px solid rgba(10, 168, 255, .14);
 border-radius: 14px;
 background: #fff;
 color: var(--muted);
 box-shadow: 0 10px 28px rgba(0, 87, 140, .05);
}
.live-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 14px;
}
.live-card {
 --accent: var(--blue);
 display: flex;
 flex-direction: column;
 min-height: 100%;
 padding: 18px;
 border: 1px solid rgba(10, 168, 255, .16);
 border-left: 5px solid var(--accent);
 border-radius: 14px;
 background: linear-gradient(180deg, #ffffff, #f7fcff);
 box-shadow: 0 10px 28px rgba(0, 87, 140, .06);
}
.live-card.is-purple { --accent: var(--purple); }
.live-card.is-blue { --accent: var(--blue); }
.live-card.is-green { --accent: var(--green); }
.live-card.is-amber { --accent: var(--amber); }
.live-card.is-cyan { --accent: #00a7d8; }
.live-card h2 {
 display: flex;
 align-items: center;
 gap: 10px;
 margin: 0 0 10px;
 color: var(--ink);
 font-size: 20px;
 line-height: 1.2;
 font-weight: 900;
}
.live-num {
 flex: 0 0 auto;
 width: 30px;
 height: 30px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border-radius: 999px;
 background: var(--accent);
 color: #fff;
 font-size: 13px;
 font-weight: 900;
}
.live-card p,
.live-card li {
 margin: 0 0 8px;
 color: var(--muted);
 font-size: 15px;
 line-height: 1.55;
}
.live-card ul {
 margin: 0;
 padding-left: 20px;
}
.live-card ul ul { margin-top: 6px; }
.live-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 margin-top: auto;
 padding-top: 10px;
}
.live-button {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 38px;
 padding: 8px 12px;
 border: 1px solid color-mix(in srgb, var(--accent) 38%, white);
 border-radius: 999px;
 background: var(--accent);
 color: #fff !important;
 font-weight: 800;
 line-height: 1.2;
 text-decoration: none !important;
}
.live-button.secondary {
 background: #fff;
 color: var(--accent) !important;
}
.live-full { grid-column: 1 / -1; }
.live-finale {
 margin-top: 18px;
 padding: 18px;
 border-top: 1px solid var(--line);
 color: var(--muted);
 text-align: center;
}
.live-socials {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 10px;
 margin-top: 10px;
}
@media (max-width: 760px) {
 .live-hero {
  grid-template-columns: 1fr;
  padding: 20px 16px;
  text-align: left;
 }
 .live-logo { width: 96px; min-height: 72px; }
 .live-grid { grid-template-columns: 1fr; }
 .live-card { padding: 16px; }
 .live-card h2 { font-size: 19px; }
}