:root {
  --mc-black: #050505;
  --mc-panel: #111111;
  --mc-panel-2: #191919;
  --mc-line: rgba(255,255,255,.12);
  --mc-muted: rgba(255,255,255,.64);
  --mc-orange: #ff5a00;
  --mc-hot: #ff7a00;
  --mc-red: #ff2a00;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body {
  margin: 0;
  color: #fff;
  background: radial-gradient(circle at 82% -10%, rgba(255,90,0,.19), transparent 30rem), linear-gradient(180deg, #111 0, var(--mc-black) 70%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: #ffc4a5; }
.boot-screen { min-height: 100vh; display: grid; place-items: center; align-content: center; gap: 1rem; color: var(--mc-muted); }
.boot-screen img { width: min(280px, 72vw); filter: drop-shadow(0 18px 35px rgba(255,90,0,.25)); }
.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 1040; display: flex; flex-direction: column; width: 276px; min-height: 0; padding: 1.25rem 1rem; background: linear-gradient(180deg,#191919,#090909 72%,#050505); border-right: 1px solid var(--mc-line); transition: transform .2s ease; }
.sidebar-close { display:none; position:absolute; top:1rem; right:1rem; width:2.25rem; height:2.25rem; place-items:center; padding:0; border:1px solid rgba(255,255,255,.25); border-radius:.65rem; background:transparent; color:#ffad84; }
.sidebar-close svg { width:1.15rem; height:1.15rem; }
.sidebar-brand { display: block; padding: .4rem .5rem 1.5rem; }
.sidebar-brand img { width: 190px; max-width: 100%; }
.sidebar-user { padding: .8rem; margin-bottom: 1.25rem; border: 1px solid rgba(255,90,0,.3); border-radius: 1rem; background: radial-gradient(circle at top right, rgba(255,90,0,.2), transparent 60%), rgba(255,255,255,.04); }
.avatar { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(135deg,var(--mc-hot),var(--mc-red)); font-weight: 900; }
.sidebar-nav { display: grid; flex: 1 1 auto; gap: .35rem; min-height: 0; overflow-y: auto; padding-bottom: .5rem; }
.sidebar-logout { flex: 0 0 auto; padding-top: .75rem; border-top: 1px solid rgba(255,255,255,.08); }
.nav-label { margin: .8rem .7rem .3rem; color: #ffad84; font-size: .68rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.nav-link { display: flex; gap: .7rem; align-items: center; padding: .72rem .8rem; border-radius: .75rem; color: rgba(255,255,255,.68); text-decoration: none; font-weight: 700; }
.nav-link:hover, .nav-link.active { color: #fff; background: linear-gradient(135deg,rgba(255,90,0,.9),rgba(255,42,0,.86)); box-shadow: 0 10px 24px rgba(255,90,0,.18); }
.nav-link .nav-icon { width: 22px; text-align: center; color: #ff9b70; }
.nav-link.active .nav-icon { color: #fff; }
.topbar { position: sticky; top: 0; z-index: 1000; min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .55rem 1.5rem; border-bottom: 1px solid var(--mc-line); background: rgba(5,5,5,.84); backdrop-filter: blur(16px); }
.main { min-width: 0; margin-left: 276px; overflow-x: hidden; }
.content { max-width: 1700px; min-width: 0; padding: 1.5rem; }
.eyebrow { color: #ffad84; font-size: .7rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.page-title { max-width: 100%; overflow-wrap: anywhere; font-size: clamp(1.8rem, 3vw, 3.2rem); line-height: 1; font-weight: 950; letter-spacing: -.05em; }
.panel, .stat, .media-card, .session-card { border: 1px solid var(--mc-line); border-radius: 1rem; background: linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),var(--mc-panel); box-shadow: 0 18px 50px rgba(0,0,0,.18); }
.panel { padding: 1.35rem; }
.stat { padding: 1rem 1.1rem; }
.stat strong { display: block; font-size: 2rem; line-height: 1; }
.stat span, .muted { color: var(--mc-muted); }
.hero-panel { overflow: hidden; position: relative; background: radial-gradient(circle at top right,rgba(255,90,0,.2),transparent 30%),linear-gradient(135deg,#1b1715,#101010 60%); }
.hero-panel:after { content: "LIVE PRODUCTION"; position: absolute; right: 1.25rem; bottom: .8rem; color: rgba(255,255,255,.06); font-size: clamp(2rem,7vw,6rem); font-weight: 950; letter-spacing: -.08em; pointer-events: none; }
.btn-mc { --bs-btn-color:#fff; --bs-btn-bg:var(--mc-orange); --bs-btn-border-color:var(--mc-orange); --bs-btn-hover-color:#fff; --bs-btn-hover-bg:var(--mc-hot); --bs-btn-hover-border-color:var(--mc-hot); font-weight: 800; }
.btn-outline-mc { --bs-btn-color:#ffc0a0; --bs-btn-border-color:rgba(255,122,0,.42); --bs-btn-hover-color:#fff; --bs-btn-hover-bg:rgba(255,90,0,.16); --bs-btn-hover-border-color:var(--mc-orange); }
.form-control, .form-select { color:#fff; background:#0b0b0b; border-color:var(--mc-line); }
.form-control:focus, .form-select:focus { color:#fff; background:#111; border-color:var(--mc-orange); box-shadow:0 0 0 .2rem rgba(255,90,0,.16); }
.table { --bs-table-bg:transparent; --bs-table-color:#fff; --bs-table-border-color:rgba(255,255,255,.1); }
.table thead th { color:#ffad84; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; }
.badge-live { color:#fff; background:var(--mc-red); }
.badge-soft { color:#ffc4a5; background:rgba(255,90,0,.13); border:1px solid rgba(255,90,0,.28); }
.score-strip { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:.7rem; padding:1rem; border:1px solid var(--mc-line); border-radius:.8rem; background:rgba(0,0,0,.24); }
.score-strip .score { font-size:2rem; font-weight:950; letter-spacing:.08em; }
.team { display:flex; align-items:center; gap:.55rem; min-width:0; font-weight:800; }
.team:last-child { justify-content:flex-end; text-align:right; }
.team-logo { width:34px; height:34px; display:grid; place-items:center; flex:0 0 34px; overflow:hidden; border:1px solid var(--mc-line); border-radius:10px; background:#222; }
.team-logo img { width:100%; height:100%; object-fit:contain; }
.detail { min-height:58px; padding:.65rem .75rem; border:1px solid rgba(255,255,255,.08); border-radius:.7rem; background:rgba(255,255,255,.035); }
.detail small { display:block; color:var(--mc-muted); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }
.detail strong { display:block; overflow:hidden; margin-top:.2rem; text-overflow:ellipsis; white-space:nowrap; }
.auth-layout { min-height:calc(100vh - 52px); display:grid; place-items:center; padding:2rem 1rem 5rem; }
.auth-card { width:min(460px,100%); padding:2rem; }
.social-grid { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
.modal-backdrop-custom { position:fixed; inset:0; z-index:1200; display:grid; place-items:center; padding:1rem; background:rgba(0,0,0,.8); backdrop-filter:blur(8px); }
.modal-card-custom { width:min(680px,100%); max-height:calc(100vh - 2rem); overflow:auto; padding:1.5rem; }
.feature-access-option { display:flex; align-items:flex-start; gap:.75rem; padding:.8rem .9rem; border:1px solid rgba(255,255,255,.14); border-radius:.65rem; cursor:pointer; }
.feature-access-option:hover { border-color:rgba(255,128,96,.7); background:rgba(255,255,255,.03); }
.feature-access-option-disabled { opacity:.55; cursor:not-allowed; }
.feature-access-option .form-check-input { margin-top:.2rem; }
.crash-report-item { border:1px solid rgba(255,255,255,.12); border-radius:.75rem; background:rgba(255,255,255,.025); overflow:hidden; }
.crash-report-item + .crash-report-item { margin-top:.65rem; }
.crash-report-item summary { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1rem 1.1rem; cursor:pointer; list-style:none; }
.crash-report-item summary::-webkit-details-marker { display:none; }
.crash-report-item summary > div:first-child { min-width:0; }
.crash-report-item summary strong, .crash-report-item summary small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.crash-report-item summary small { color:#9da5b3; margin-top:.2rem; }
.crash-report-meta { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.45rem; color:#ffb08a; font-size:.78rem; text-align:right; }
.crash-report-meta span { border:1px solid rgba(255,122,0,.35); border-radius:999px; padding:.2rem .45rem; }
.crash-report-detail { padding:0 1.1rem 1.1rem; border-top:1px solid rgba(255,255,255,.1); }
.crash-report-detail small, .crash-report-detail strong { display:block; }
.crash-report-detail small { color:#9da5b3; margin-top:.9rem; }
.crash-report-detail strong { color:#fff; margin-top:.25rem; overflow-wrap:anywhere; }
.crash-report-detail pre { max-height:360px; overflow:auto; padding:1rem; border:1px solid rgba(255,255,255,.1); border-radius:.6rem; background:#080808; color:#d6dbe4; font-size:.78rem; white-space:pre-wrap; overflow-wrap:anywhere; }
.crash-report-empty { padding:3rem 1rem; text-align:center; border:1px dashed rgba(255,255,255,.16); border-radius:.75rem; }
@media (max-width: 700px) { .crash-report-item summary { align-items:flex-start; flex-direction:column; } .crash-report-meta { justify-content:flex-start; text-align:left; } }
.toast-area { position:fixed; right:1rem; bottom:1rem; z-index:1300; width:min(390px,calc(100vw - 2rem)); }
.mc-toast { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:.75rem; padding:.85rem 1rem; border:1px solid rgba(255,255,255,.16); border-radius:.8rem; background:#181818; box-shadow:0 16px 40px rgba(0,0,0,.35); color:#fff; }
.mc-toast-success { border-color:rgba(255,122,0,.55); background:linear-gradient(135deg,rgba(255,90,0,.92),rgba(177,15,15,.92)); }
.mc-toast-danger { border-color:rgba(255,80,60,.6); }
.mc-toast-close { padding:0; border:0; background:transparent; color:inherit; font-size:1.25rem; line-height:1; }
.password-strength { display:flex; align-items:center; gap:.65rem; min-height:1.15rem; }
.password-strength-bars { display:flex; gap:.2rem; }
.password-strength-bars i { display:block; width:2.3rem; height:.35rem; border-radius:99px; background:rgba(255,255,255,.14); }
.password-strength-bars i.is-filled { background:var(--mc-orange); box-shadow:0 0 8px rgba(255,90,0,.3); }
.password-strength-label { color:var(--mc-muted); font-size:.75rem; font-weight:700; }
.confirm-dialog { width:min(460px,100%); }
.builder-background-selected { border-color:var(--mc-orange); box-shadow:0 0 0 .15rem rgba(255,90,0,.2),0 18px 50px rgba(255,90,0,.12); }
.thumbnail-stage { position:relative; aspect-ratio:16/9; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:.9rem; background-color:#050505; background-position:center; background-repeat:no-repeat; background-size:cover; }
.thumbnail-grid-overlay { position:absolute; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px); background-size:5% 5%; }
.builder-logo { position:absolute; z-index:2; width:auto; max-width:22%; max-height:30%; transform:translate(-50%,-50%); cursor:grab; user-select:none; touch-action:none; filter:drop-shadow(0 6px 12px rgba(0,0,0,.6)); }
.builder-logo:active { cursor:grabbing; }
.builder-team-options { display:grid; max-height:22rem; overflow-y:auto; border:1px solid var(--mc-line); border-radius:.75rem; background:#0b0b0b; }
.builder-team-option { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.8rem .9rem; border:0; border-bottom:1px solid rgba(255,255,255,.08); background:transparent; color:#fff; text-align:left; }
.builder-team-option:last-child { border-bottom:0; }
.builder-team-option:hover, .builder-team-option.active { background:rgba(255,90,0,.18); }
.builder-team-option small { color:#ffad84; }
.builder-selected-team { padding:.45rem .6rem .35rem; border:1px solid rgba(255,255,255,.12); border-radius:.65rem; color:#fff; }
.builder-selected-team-header { display:flex; align-items:center; gap:.6rem; min-width:0; }
.builder-selected-team-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.builder-logo-size-input { width:5rem; margin-left:auto; }
.builder-logo-range { display:block; width:100%; margin:.15rem 0 0; }
.builder-selected-team .icon-action { width:1.75rem; height:1.75rem; flex-basis:1.75rem; color:#ff8060; }
.icon-action { display:inline-grid; width:2rem; height:2rem; place-items:center; flex:0 0 2rem; padding:0; border:1px solid currentColor; border-radius:.6rem; background:transparent; font-size:1.35rem; line-height:1; }
.session-card .icon-action:not(.text-danger) { color:#ffb08a; }
.icon-action svg { width:1rem; height:1rem; }
.icon-action:hover { color:#fff !important; background:rgba(255,42,0,.2); }
.package-assignment-controls { display:flex; align-items:center; justify-content:flex-end; gap:.55rem; min-width:16rem; }
.package-assignment-controls .form-select { min-width:10rem; }
.feature-access-action { display:inline-grid; width:2.65rem; height:2.65rem; place-items:center; padding:0; border:1px solid #ff7a00; border-radius:.7rem; color:#fff; background:linear-gradient(135deg,rgba(255,90,0,.9),rgba(177,15,15,.9)); box-shadow:0 0 0 1px rgba(255,122,0,.18),0 6px 16px rgba(255,42,0,.18); transition:transform .18s ease,box-shadow .18s ease,filter .18s ease; }
.feature-access-action svg { width:1.25rem; height:1.25rem; }
.feature-access-action:hover, .feature-access-action:focus-visible { color:#fff; filter:brightness(1.12); transform:translateY(-1px); box-shadow:0 0 0 3px rgba(255,122,0,.18),0 8px 20px rgba(255,42,0,.25); }
.feature-search-wrap { position:relative; margin:.75rem 0 1rem; }
.feature-search-wrap svg { position:absolute; top:50%; left:.85rem; width:1rem; height:1rem; color:#ffad84; transform:translateY(-50%); pointer-events:none; }
.feature-search-wrap .form-control { padding-left:2.45rem; }
.feature-search-count { color:#ffad84; font-size:.78rem; font-weight:800; white-space:nowrap; }
.package-feature-card[hidden] { display:none !important; }
.panel [data-edit-package] {
  color: #ffad84;
  background: rgba(255,90,0,.1);
  border-color: rgba(255,122,0,.7);
  box-shadow: 0 0 0 1px rgba(255,90,0,.08), 0 6px 18px rgba(255,90,0,.12);
}
.panel [data-edit-package]:hover,
.panel [data-edit-package]:focus-visible {
  color: #fff;
  background: linear-gradient(135deg, #ff5a00, #ff2a00);
  border-color: #ffad84;
  box-shadow: 0 0 0 3px rgba(255,122,0,.2), 0 8px 22px rgba(255,42,0,.2);
}
.button-icon { width:1rem; height:1rem; margin-right:.35rem; vertical-align:-.12em; }
.badge-warning { color:#24130b; background:#ffad84; }
.rtmp-hero { display:flex; align-items:center; justify-content:space-between; gap:2rem; background:radial-gradient(circle at top right,rgba(255,90,0,.2),transparent 38%),linear-gradient(135deg,#211916,#111); }
.rtmp-hero code { color:#ffc0a0; }
.rtmp-hero-meta { display:flex; gap:2rem; text-align:right; }
.rtmp-hero-meta small { display:block; color:var(--mc-muted); text-transform:uppercase; letter-spacing:.08em; font-size:.68rem; }
.rtmp-hero-meta strong { display:block; margin-top:.25rem; font-size:1.35rem; }
.rtmp-path-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.25rem .75rem; align-items:center; padding:.8rem .9rem; border:1px solid rgba(255,255,255,.1); border-radius:.7rem; background:rgba(255,255,255,.03); }
.rtmp-path-row small { grid-column:1 / -1; }
.rtmp-status-dot { width:.65rem; height:.65rem; flex:0 0 .65rem; border-radius:50%; background:#777; }
.rtmp-status-dot.is-live { background:#ff3d27; box-shadow:0 0 0 .25rem rgba(255,61,39,.14),0 0 15px rgba(255,61,39,.7); }
.rtmp-log-list { display:grid; gap:.55rem; max-height:25rem; overflow:auto; }
.rtmp-log-list-wide { max-height:32rem; }
.rtmp-log-entry { display:grid; grid-template-columns:1.6rem minmax(0,1fr); gap:.55rem; align-items:start; padding:.55rem .65rem; border-bottom:1px solid rgba(255,255,255,.07); }
.rtmp-log-entry strong { display:block; overflow-wrap:anywhere; font-size:.84rem; font-weight:600; }
.rtmp-log-entry small { display:block; margin-top:.18rem; color:var(--mc-muted); font-size:.7rem; }
.rtmp-log-icon { display:grid; width:1.35rem; height:1.35rem; place-items:center; border-radius:50%; background:rgba(255,255,255,.08); color:#ffad84; font-weight:900; }
.rtmp-log-error, .rtmp-log-fatal { color:#fff; background:var(--mc-red); }
.rtmp-log-warn { color:#24130b; background:#ffad84; }
@media (max-width:767.98px) { .rtmp-hero { display:block; } .rtmp-hero-meta { justify-content:space-between; margin-top:1.5rem; text-align:left; } }
.logo-search { position:relative; max-width:32rem; }
.logo-search .form-control { padding-left:2.5rem; }
.logo-search-icon { position:absolute; top:50%; left:.9rem; z-index:1; color:#ffad84; font-size:1.3rem; line-height:1; transform:translateY(-50%); pointer-events:none; }
.mobile-only { display:none; }
@media (max-width: 991.98px) {
  .sidebar { width:100vw; transform:translateX(-100%); box-shadow:20px 0 60px rgba(0,0,0,.45); }
  .sidebar.open { transform:translateX(0); }
  .sidebar-close { display:grid; }
  .sidebar-shade { position:fixed; inset:0; z-index:1030; background:rgba(0,0,0,.72); }
  .main { margin-left:0; }
  .content { padding:1rem; }
  .mobile-only { display:inline-flex; }
}
@media (max-width: 575.98px) {
  .topbar { min-height: 52px; padding:.55rem 1rem; }
  .panel { padding:1rem; }
  .auth-card { padding:1.25rem; }
  .team { font-size:.8rem; }
  .team-logo { width:28px; height:28px; flex-basis:28px; }
}

.director-match-card { min-height: 100%; }
.director-scoreboard { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:1rem; text-align:center; }
.director-scoreboard > div { display:flex; align-items:center; justify-content:center; gap:.6rem; min-width:0; }
.director-scoreboard > div:last-child { flex-direction:row-reverse; }
.director-team-logo, .director-team-fallback { width:42px; height:42px; flex:0 0 42px; border-radius:12px; object-fit:contain; background:#050505; border:1px solid rgba(255,255,255,.15); }
.director-team-fallback { display:grid; place-items:center; color:#ff9a70; font-weight:800; font-size:1.25rem; }
.director-score { font-size:2.4rem; white-space:nowrap; }
.director-clock { margin-top:1rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.1); text-align:center; color:#ffad84; font-weight:700; letter-spacing:.04em; }
.director-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; }
.director-actions .btn { font-size:.82rem; }
@media (max-width:767.98px) {
  .director-match-card { padding:1rem; }
  .director-scoreboard { gap:.45rem; }
  .director-scoreboard > div { flex-direction:column !important; font-size:.78rem; }
  .director-team-logo,.director-team-fallback { width:36px; height:36px; flex-basis:36px; }
  .director-score { font-size:2rem; }
  .director-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .director-actions .btn { min-height:3.25rem; padding:.7rem .45rem; font-size:.78rem; font-weight:800; }
}
@media (max-width:400px) {
  .director-actions { grid-template-columns:1fr; }
  .director-actions .btn { min-height:3.5rem; }
}

.public-stream-page { max-width: 1440px; margin: 0 auto; padding: clamp(1.25rem, 3vw, 3rem); }
.public-stream-header { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:2rem; }
.public-stream-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,32rem),1fr)); gap:1.25rem; }
.public-stream-section + .public-stream-section { margin-top:2.5rem; }
.public-stream-section-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.public-stream-sort { width:auto; min-width:8.5rem; color:#fff; background-color:#111; border-color:var(--mc-line); }
.public-stream-card { overflow:hidden; padding:0; }
.public-stream-video { aspect-ratio:16 / 9; background:#050505; }
.public-stream-video iframe { display:block; width:100%; height:100%; border:0; }
.public-stream-placeholder { display:flex; height:100%; flex-direction:column; align-items:center; justify-content:center; gap:.65rem; color:#fff; text-align:center; }
.public-stream-placeholder small { color:var(--mc-muted); }
.public-stream-card-body { padding:1.25rem; }
.public-stream-phase { color:var(--mc-muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }
.public-stream-score { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:1rem; margin-top:1.25rem; padding-top:1rem; border-top:1px solid var(--mc-line); }
.public-stream-team { display:flex; align-items:center; gap:.65rem; min-width:0; }
.public-stream-team-away { justify-content:flex-end; text-align:right; }
.public-stream-team strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.public-stream-score-value { font-size:1.65rem; white-space:nowrap; }
.public-video-score { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:.75rem; margin:.8rem 0; padding:.65rem 0; border-top:1px solid var(--mc-line); border-bottom:1px solid var(--mc-line); }
.public-video-score strong:last-child { text-align:right; }
.public-video-score b { font-size:1.2rem; }
.public-stream-team-logo, .public-stream-team-fallback { width:2.75rem; height:2.75rem; flex:0 0 2.75rem; border-radius:.75rem; object-fit:contain; background:#050505; border:1px solid rgba(255,255,255,.15); }
.public-stream-team-fallback { display:grid; place-items:center; color:#ff9a70; font-weight:800; }
.public-stream-empty { text-align:center; padding:clamp(2rem,8vw,6rem) 1.5rem; }
.public-stream-updated { margin-top:1rem; text-align:right; }
@media (max-width:575.98px) { .public-stream-header { align-items:flex-start; flex-direction:column; } .public-stream-header .btn { width:100%; } .public-stream-card-body { padding:1rem; } .public-stream-score { gap:.45rem; } .public-stream-team { gap:.4rem; font-size:.82rem; } .public-stream-team-logo, .public-stream-team-fallback { width:2.25rem; height:2.25rem; flex-basis:2.25rem; } .public-stream-score-value { font-size:1.35rem; } }

.marketing-home { min-height:100vh; overflow:hidden; background:radial-gradient(circle at 78% 4%, rgba(255,90,0,.18), transparent 28rem), #050505; }
.marketing-hero, .marketing-live, .marketing-packages, .marketing-download, .marketing-footer { width:min(1440px, calc(100% - 3rem)); margin:0 auto; }
.marketing-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr); align-items:center; min-height:700px; gap:4rem; padding:5rem 0 6rem; }
.marketing-hero-copy { position:relative; z-index:1; max-width:43rem; }
.marketing-hero h1 { margin:.8rem 0 1.5rem; font-size:clamp(4rem, 8vw, 8.7rem); font-weight:950; line-height:.82; letter-spacing:-.085em; }
.marketing-hero h1 span { color:#ff6b24; text-shadow:0 0 35px rgba(255,90,0,.3); }
.marketing-hero p { max-width:36rem; color:var(--mc-muted); font-size:clamp(1rem,1.6vw,1.25rem); line-height:1.6; }
.marketing-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.marketing-proof { display:flex; flex-wrap:wrap; gap:1.5rem; margin-top:2.4rem; color:var(--mc-muted); font-size:.82rem; }
.marketing-proof strong { color:#fff; }
.marketing-hero-mark { position:relative; display:grid; place-items:center; aspect-ratio:1; max-width:34rem; margin-left:auto; border:1px solid rgba(255,122,0,.4); border-radius:50%; background:radial-gradient(circle, rgba(255,90,0,.2), rgba(255,42,0,.04) 42%, transparent 68%); box-shadow:0 0 100px rgba(255,90,0,.15), inset 0 0 80px rgba(255,90,0,.1); }
.marketing-hero-mark img { position:relative; z-index:1; width:42%; filter:drop-shadow(0 0 35px rgba(255,122,0,.5)); }
.marketing-hero-mark span { position:absolute; right:12%; bottom:17%; z-index:2; color:#ffad84; font-size:.72rem; font-weight:900; letter-spacing:.16em; line-height:1.35; text-align:right; }
.marketing-orbit { position:absolute; inset:10%; border:1px dashed rgba(255,255,255,.18); border-radius:50%; transform:rotate(-28deg); }
.marketing-orbit-two { inset:20% -4% 20% 16%; border-color:rgba(255,90,0,.5); transform:rotate(32deg); }
.marketing-section-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:1.5rem; }
.marketing-section-heading h2 { margin:.55rem 0 0; font-size:clamp(1.8rem,3vw,3.2rem); font-weight:900; letter-spacing:-.055em; }
.marketing-live, .marketing-packages { padding:5rem 0; border-top:1px solid rgba(255,255,255,.1); }
.marketing-live .public-stream-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr)); }
.marketing-empty { padding:4rem 2rem; text-align:center; border:1px solid rgba(255,255,255,.12); border-radius:1.25rem; background:linear-gradient(135deg,rgba(255,90,0,.1),rgba(255,255,255,.025)); }
.marketing-empty h3 { margin:.65rem 0 .45rem; font-size:1.8rem; }
.marketing-empty p { margin:0; color:var(--mc-muted); }
.marketing-package-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr)); gap:1rem; }
.marketing-package { padding:1.5rem; border:1px solid rgba(255,255,255,.14); border-radius:1.1rem; background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02)); }
.marketing-package-premium { border-color:rgba(255,90,0,.7); background:linear-gradient(160deg,rgba(255,90,0,.18),rgba(177,15,15,.08) 55%,rgba(255,255,255,.025)); box-shadow:0 18px 50px rgba(255,42,0,.1); }
.marketing-package h3 { margin:1rem 0 .45rem; font-size:1.7rem; font-weight:900; }
.marketing-package p { min-height:3rem; color:var(--mc-muted); }
.marketing-package-index { color:rgba(255,255,255,.32); font-size:1.4rem; font-weight:900; }
.marketing-price { margin:1.5rem 0; color:#fff; font-size:2.3rem; font-weight:950; letter-spacing:-.06em; }
.marketing-package ul { display:grid; gap:.9rem; min-height:12rem; margin:0 0 1.5rem; padding:0; list-style:none; }
.marketing-package li { display:flex; gap:.65rem; align-items:flex-start; color:#fff; }
.marketing-package li > span:first-child { color:#ff7a00; font-weight:900; }
.marketing-package li small { display:block; margin-top:.15rem; color:var(--mc-muted); line-height:1.4; }
.marketing-download { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:3rem; border:1px solid rgba(255,122,0,.45); border-radius:1.4rem; background:linear-gradient(110deg,rgba(255,90,0,.2),rgba(255,42,0,.04)); }
.marketing-download h2 { margin:.5rem 0 .6rem; font-size:clamp(1.8rem,3vw,3rem); font-weight:900; letter-spacing:-.06em; }
.marketing-download p { color:var(--mc-muted); }
.marketing-footer { display:flex; justify-content:space-between; gap:1rem; padding:2.5rem 0; color:var(--mc-muted); font-size:.85rem; }
.marketing-footer a { color:#ffad84; }
@media (max-width:800px) { .marketing-hero { grid-template-columns:1fr; min-height:auto; padding-top:4rem; } .marketing-hero-mark { width:min(70vw,26rem); margin:1rem auto 0; } .marketing-section-heading, .marketing-download, .marketing-footer { align-items:flex-start; flex-direction:column; } .marketing-download { padding:2rem; } }
@media (max-width:575.98px) { .marketing-hero, .marketing-live, .marketing-packages, .marketing-download, .marketing-footer { width:min(100% - 2rem, 1440px); } .marketing-hero h1 { font-size:clamp(3.7rem,18vw,6rem); } .marketing-actions .btn { width:100%; } .marketing-footer { gap:.45rem; } }

/* Package feature tiles: the whole tile is selectable, not just a detached checkbox. */
#package-modal .col-12.col-md-6 > .form-check {
  position: relative;
  min-height: 7.25rem;
  margin: 0;
  padding: 1rem 1rem 1rem 3.6rem !important;
  overflow: hidden;
  color: var(--mc-text);
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,90,0,.035));
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px !important;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
#package-modal .col-12.col-md-6 > .form-check:hover {
  border-color: rgba(255,122,0,.72) !important;
  transform: translateY(-1px);
}
#package-modal .col-12.col-md-6 > .form-check:has(.form-check-input:checked) {
  background: linear-gradient(145deg, rgba(255,90,0,.18), rgba(177,15,15,.12));
  border-color: #ff7a00 !important;
  box-shadow: 0 0 0 1px rgba(255,122,0,.2), 0 10px 26px rgba(255,42,0,.1);
}
#package-modal .col-12.col-md-6 > .form-check .form-check-input {
  position: absolute;
  top: 1.15rem;
  left: 1rem;
  float: none;
  width: 1.35rem;
  height: 1.35rem;
  margin: 0;
  border: 1px solid rgba(255,255,255,.5);
  background-color: #111;
  cursor: pointer;
}
#package-modal .col-12.col-md-6 > .form-check .form-check-input:checked {
  border-color: #ff7a00;
  background-color: #ff5a00;
}
#package-modal .col-12.col-md-6 > .form-check .form-check-input:focus {
  box-shadow: 0 0 0 .25rem rgba(255,122,0,.2);
}
#package-modal .col-12.col-md-6 > .form-check small {
  display: block;
  margin-top: .45rem;
  margin-left: 0 !important;
  color: var(--mc-muted);
  line-height: 1.45;
}