:root {
  --bs-black: #07090c;
  --bs-panel: #10151b;
  --bs-blue: #40c8ff;
  --bs-red: #ef3d36;
  --bs-cream: #f5f2ea;
  --bs-muted: #9ea8b3;
}

.bs-hiring-ribbon {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 500;
  display: flex;
  flex-direction: column;
  min-width: 145px;
  padding: 12px 16px;
  background: linear-gradient(135deg, #ef3d36, #a80d14);
  border: 1px solid rgba(255, 255, 255, .35);
  color: #fff;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0 10px 34px rgba(0, 0, 0, .45);
}
.bs-hiring-ribbon strong { font-size: .78rem; letter-spacing: .14em; }
.bs-hiring-ribbon span { margin-top: 3px; font-size: .56rem; letter-spacing: .08em; opacity: .82; }

.bs-live-instagram {
  max-width: 900px;
  margin: 0 auto;
  border: 1px solid rgba(64, 200, 255, .28);
  background: #fff;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .38);
}
.bs-live-instagram iframe { display: block; width: 100%; height: 745px; border: 0; background: #fff; }
.bs-live-instagram p {
  margin: 0;
  padding: 12px 16px;
  background: var(--bs-black);
  color: var(--bs-muted);
  text-align: center;
  font: 600 .66rem/1.4 'JetBrains Mono', ui-monospace, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.bs-live-instagram a { color: var(--bs-blue); }

.bs-roster-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  margin: 0 0 24px;
  padding: 18px;
  background: rgba(16, 21, 27, .9);
  border: 1px solid rgba(64, 200, 255, .18);
}
.bs-roster-filters > div { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.bs-roster-filters span {
  margin-right: 7px;
  color: var(--bs-muted);
  font: 600 .62rem/1 'JetBrains Mono', ui-monospace, monospace;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.bs-roster-filters button {
  padding: 8px 12px;
  border: 1px solid #27313b;
  color: #aab3bc;
  font: 600 .62rem/1 'JetBrains Mono', ui-monospace, monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: .2s ease;
}
.bs-roster-filters button:hover,
.bs-roster-filters button.active { border-color: var(--bs-blue); background: rgba(64, 200, 255, .1); color: var(--bs-blue); }

.bs-home-sponsor {
  display: grid;
  grid-template-columns: minmax(180px, 320px) minmax(0, 1fr);
  gap: clamp(28px, 6vw, 80px);
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(60px, 8vw, 100px) 32px;
  color: var(--bs-cream);
}
.bs-home-sponsor img { width: 100%; aspect-ratio: 1; object-fit: cover; border: 1px solid rgba(64, 200, 255, .28); }
.bs-home-sponsor h2 { margin: 8px 0 18px; font: 400 clamp(2.5rem, 6vw, 5.5rem)/.9 'Bebas Neue', Impact, sans-serif; text-transform: uppercase; }
.bs-home-sponsor p:not(.bs-eyebrow) { max-width: 650px; color: var(--bs-muted); font: italic 1.06rem/1.7 Spectral, Georgia, serif; }
.bs-home-sponsor a { display: inline-block; margin-top: 24px; color: var(--bs-blue); font: 700 .7rem/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .15em; text-transform: uppercase; }

.bs-lounge-callout {
  margin-top: 18px;
  padding: 14px 16px;
  border-left: 3px solid var(--bs-blue);
  background: rgba(64, 200, 255, .08);
  color: var(--bs-cream);
}
.bs-lounge-callout strong,
.bs-lounge-callout span { display: block; }
.bs-lounge-callout strong { font: 700 .72rem/1.4 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .09em; text-transform: uppercase; }
.bs-lounge-callout span { margin-top: 5px; color: var(--bs-muted); font: italic .9rem/1.5 Spectral, Georgia, serif; }

.bs-events-page { min-height: 100vh; background: var(--bs-black); color: var(--bs-cream); }
.bs-events-nav {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 28px;
  border-bottom: 1px solid rgba(64, 200, 255, .18);
  background: rgba(7, 9, 12, .92);
  backdrop-filter: blur(18px);
}
.bs-wordmark img { width: 105px; height: 55px; object-fit: contain; }
.bs-events-nav nav { display: flex; align-items: center; gap: 22px; }
.bs-events-nav nav a { color: #b9c0c7; font: 600 .62rem/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; }
.bs-events-nav nav a:hover { color: var(--bs-blue); }
.bs-events-nav .bs-nav-book { padding: 11px 14px; border: 1px solid var(--bs-blue); color: var(--bs-blue); }

.bs-events-hero { position: relative; min-height: 720px; display: grid; place-items: center; overflow: hidden; padding: 110px 24px 70px; }
.bs-events-hero-bg { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,9,12,.2), rgba(7,9,12,.82)), url('/assets/media/blindside-hero-glyph-wall.webp') center/cover no-repeat; filter: saturate(1.05); }
.bs-events-hero-content { position: relative; z-index: 1; max-width: 980px; text-align: center; }
.bs-cross-mark { width: 120px; height: 120px; margin: 0 auto 26px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 60px rgba(64,200,255,.35); }
.bs-eyebrow { color: var(--bs-blue); font: 700 .65rem/1.5 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .27em; text-transform: uppercase; }
.bs-events-hero h1 { margin: 14px 0 22px; font: 400 clamp(4.5rem, 12vw, 10rem)/.78 'Bebas Neue', Impact, sans-serif; letter-spacing: .01em; text-transform: uppercase; }
.bs-events-hero h1 span { color: var(--bs-blue); text-shadow: 0 0 45px rgba(64,200,255,.34); }
.bs-events-lead { max-width: 720px; margin: 0 auto; color: #ccd2d7; font: italic clamp(1rem, 2vw, 1.25rem)/1.65 Spectral, Georgia, serif; }

.bs-bulletin, .bs-sponsor-section, .bs-tour-status, .bs-split-section { max-width: 1240px; margin: 0 auto; padding: clamp(60px, 8vw, 110px) 28px; }
.bs-section-heading h2, .bs-sponsor-section h2, .bs-tour-status h2, .bs-split-section h2 { margin: 9px 0 22px; font: 400 clamp(2.8rem, 6vw, 5.5rem)/.9 'Bebas Neue', Impact, sans-serif; text-transform: uppercase; }
.bs-special-card { position: relative; display: grid; grid-template-columns: 150px 1fr; gap: 34px; margin-top: 35px; padding: clamp(28px, 5vw, 54px); border: 1px solid rgba(64,200,255,.3); background: linear-gradient(135deg, #111820, #0b0e12); box-shadow: 0 22px 70px rgba(0,0,0,.35); }
.bs-special-card::before { content: ''; position: absolute; inset: 10px; pointer-events: none; border: 1px dashed rgba(255,255,255,.1); }
.bs-special-date { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 165px; background: var(--bs-red); color: #fff; }
.bs-special-date strong, .bs-special-date small { font: 700 .7rem/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .2em; }
.bs-special-date span { font: 400 5.7rem/.95 'Bebas Neue', Impact, sans-serif; }
.bs-special-card > div:last-child { position: relative; z-index: 1; }
.bs-special-card h3 { margin: 8px 0 16px; font: 400 clamp(2rem, 4vw, 3.5rem)/.95 'Bebas Neue', Impact, sans-serif; text-transform: uppercase; }
.bs-special-card p:not(.bs-pin) { color: var(--bs-muted); font: 400 1.02rem/1.75 Spectral, Georgia, serif; }
.bs-pin { display: inline-block; padding: 5px 9px; background: rgba(239,61,54,.15); color: #ff756f; font: 700 .58rem/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .17em; text-transform: uppercase; }
.bs-action-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.bs-primary, .bs-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; font: 700 .63rem/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; }
.bs-primary { background: var(--bs-blue); color: #061017; border: 1px solid var(--bs-blue); }
.bs-secondary { border: 1px solid #3d4955; color: #d6dbe0; }

.bs-split-section { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.bs-hiring-card, .bs-lounge-card { padding: clamp(34px, 5vw, 62px); border: 1px solid #202934; background: var(--bs-panel); }
.bs-hiring-card { background: linear-gradient(135deg, rgba(164,16,22,.28), #10151b 60%); }
.bs-split-section article > p:not(.bs-eyebrow) { margin-bottom: 28px; color: var(--bs-muted); font: 400 1rem/1.72 Spectral, Georgia, serif; }

.bs-sponsor-section { display: grid; grid-template-columns: minmax(200px, 380px) 1fr; gap: clamp(38px, 7vw, 90px); align-items: center; border-top: 1px solid #202934; }
.bs-sponsor-logo img { width: 100%; aspect-ratio: 1; object-fit: cover; border: 1px solid rgba(64,200,255,.28); }
.bs-sponsor-section > div:last-child > p:not(.bs-eyebrow) { max-width: 650px; color: var(--bs-muted); font: 400 1.05rem/1.75 Spectral, Georgia, serif; }
.bs-tour-status { text-align: center; border-top: 1px solid #202934; }
.bs-tour-status > p:last-child { max-width: 700px; margin: 0 auto; color: var(--bs-muted); font: italic 1.05rem/1.7 Spectral, Georgia, serif; }
.bs-events-footer { padding: 60px 24px; border-top: 1px solid #202934; background: #050608; text-align: center; }
.bs-events-footer img { width: 150px; margin: 0 auto 22px; }
.bs-events-footer p { margin: 5px 0; color: #7e8994; font: 600 .62rem/1.5 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .09em; text-transform: uppercase; }

.section { padding-top: clamp(3.5rem, 6vw, 6rem) !important; padding-bottom: clamp(3.5rem, 6vw, 6rem) !important; }

@media (max-width: 900px) {
  .bs-events-nav nav a:not(.bs-nav-book):not([href="/events"]):not([href="/"]) { display: none; }
  .bs-special-card, .bs-sponsor-section, .bs-home-sponsor { grid-template-columns: 1fr; }
  .bs-special-date { width: 130px; }
  .bs-split-section { grid-template-columns: 1fr; }
  .bs-sponsor-logo, .bs-home-sponsor > img { max-width: 340px; }
}

@media (max-width: 640px) {
  .bs-hiring-ribbon { right: 10px; bottom: 10px; min-width: 130px; padding: 10px 12px; }
  .bs-live-instagram iframe { height: 650px; }
  .bs-roster-filters { display: block; padding: 14px; }
  .bs-roster-filters > div + div { margin-top: 13px; }
  .bs-events-nav { height: 62px; padding: 0 14px; }
  .bs-wordmark img { width: 85px; height: 48px; }
  .bs-events-nav nav { gap: 12px; }
  .bs-events-nav nav a { font-size: .56rem; }
  .bs-events-hero { min-height: 620px; padding-top: 90px; }
  .bs-cross-mark { width: 90px; height: 90px; }
  .bs-special-card { grid-template-columns: 1fr; padding: 22px; }
  .bs-special-date { min-height: 125px; }
  .bs-special-date span { font-size: 4.4rem; }
  .bs-action-row { flex-direction: column; }
  .bs-primary, .bs-secondary { width: 100%; }
  .bs-bulletin, .bs-sponsor-section, .bs-tour-status, .bs-split-section { padding-left: 18px; padding-right: 18px; }
  .bs-events-footer p { font-size: .54rem; }

  [data-loc="client/src/pages/Home.tsx:136"] { width: 100% !important; justify-content: center !important; align-items: center !important; }
  [data-loc="client/src/pages/Home.tsx:137"], [data-loc="client/src/pages/Home.tsx:142"] { display: flex !important; width: 100% !important; justify-content: center !important; }
  [data-loc="client/src/pages/Home.tsx:138"], [data-loc="client/src/pages/Home.tsx:143"] { min-width: min(280px, 88vw) !important; justify-content: center !important; text-align: center !important; }
  [data-loc="client/src/pages/Home.tsx:170"] { font-size: .8rem !important; line-height: 1.75 !important; color: #9aa4ae !important; }
}