@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Barlow+Condensed:wght@700;800&display=swap');
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --amber: #EF9F27; --amber-light: #FAC775; --amber-dim: rgba(239,159,39,0.12);
    --bg: #141414; --bg-card: #1e1e1e; --bg-card-hover: #252525;
    --border: rgba(255,255,255,0.08); --border-hover: rgba(239,159,39,0.5);
    --text-primary: #f2f2f2; --text-secondary: #aaa; --text-muted: #666;
  }
  html { background: var(--bg); color: var(--text-primary); font-family: 'Barlow', sans-serif; }
  body { min-height: 100vh; display: flex; flex-direction: column; }

  /* HERO */
  .hero {
    flex: 1; display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    padding: 40px 40px 40px; text-align: center;
  }
  .hero-logo {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 52px; font-weight: 800; line-height: 1;
    color: #fff; letter-spacing: -0.01em; margin-bottom: 10px;
  }
  .hero-logo span { color: var(--amber); }
  .hero-tagline {
    font-size: 13px; color: var(--text-secondary); letter-spacing: 0.12em;
    text-transform: uppercase; margin-bottom: 36px;
  }
  .prompt {
    font-size: 11px; color: var(--text-muted); letter-spacing: 0.12em;
    text-transform: uppercase; margin-bottom: 24px;
  }

  /* SPORT GRID */
  .sport-grid { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; margin-bottom: 48px; }
  .sport-card {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 18px; width: 200px; height: 200px;
    background: var(--bg-card); border: 0.5px solid var(--border);
    border-radius: 12px; cursor: pointer; text-decoration: none; color: var(--text-primary);
    transition: background 0.18s, border-color 0.18s, transform 0.18s;
    position: relative; overflow: hidden;
  }
  .sport-card::before {
    content: ''; position: absolute; inset: 0; border-radius: 14px;
    background: var(--amber-dim); opacity: 0; transition: opacity 0.18s;
  }
  .sport-card:hover { background: var(--bg-card-hover); border-color: var(--border-hover); transform: translateY(-4px); }
  .sport-card:hover::before { opacity: 1; }
  .sport-card:hover .sport-icon svg { stroke: var(--amber); }
  .sport-card:hover .sport-name { color: var(--amber); }
  .sport-icon { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
  .sport-icon svg { width: 56px; height: 56px; stroke: #4a4a4a; fill: none; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.18s; }
  .sport-name {
    font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 700;
    letter-spacing: 0.12em; text-transform: uppercase; color: #888;
    transition: color 0.18s; position: relative; z-index: 1;
  }
  .sport-badge {
    position: absolute; top: 14px; right: 14px; font-size: 10px; font-weight: 600;
    letter-spacing: 0.08em; text-transform: uppercase; padding: 4px 9px; border-radius: 20px; z-index: 1;
  }
  .badge-active { background: rgba(239,159,39,0.15); color: var(--amber); border: 0.5px solid rgba(239,159,39,0.35); }
  .badge-soon { background: rgba(255,255,255,0.05); color: #444; border: 0.5px solid rgba(255,255,255,0.08); }
  .sport-card.coming-soon { cursor: default; pointer-events: none; opacity: 0.45; }

  /* CONTACT SECTION */
  .contact-section {
    background: #111; border-top: 0.5px solid var(--border);
    padding: 60px 48px; display: flex; flex-direction: column; align-items: center; gap: 24px;
  }
  .contact-title {
    font-family: 'Barlow Condensed', sans-serif; font-size: 28px; font-weight: 700;
    color: #fff; letter-spacing: 0.02em;
  }
  .contact-desc { font-size: 15px; color: var(--text-secondary); text-align: center; max-width: 440px; line-height: 1.6; }
  .contact-form { display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 440px; }
  .contact-form input, .contact-form textarea {
    background: #1a1a1a; border: 0.5px solid rgba(255,255,255,0.1);
    border-radius: 8px; padding: 12px 16px; font-size: 14px;
    color: var(--text-primary); font-family: 'Barlow', sans-serif; outline: none;
    transition: border-color 0.15s;
  }
  .contact-form input:focus, .contact-form textarea:focus { border-color: var(--amber); }
  .contact-form input::placeholder, .contact-form textarea::placeholder { color: #444; }
  .contact-form textarea { min-height: 100px; resize: vertical; }
  .contact-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .btn-send {
    background: var(--amber); border: none; border-radius: 8px; padding: 12px 28px;
    font-size: 14px; font-weight: 600; color: #3a2000; font-family: 'Barlow', sans-serif;
    cursor: pointer; align-self: flex-start; letter-spacing: 0.04em;
    transition: background 0.15s;
  }
  .btn-send:hover { background: var(--amber-light); }
  .toast {
    display: none; background: #1e3a1e; border: 0.5px solid #3a6a3a;
    color: #7cd87c; font-size: 13px; padding: 10px 18px;
    border-radius: 8px; text-align: center;
  }

  /* FOOTER */
  footer { padding: 20px 48px; border-top: 0.5px solid var(--border); display: flex; justify-content: space-between; align-items: center; background: #0e0e0e; }
  .footer-copy { font-size: 12px; color: var(--text-muted); }
  .footer-privacy-link { font-size: 12px; color: var(--text-muted); text-decoration: none; }
  .footer-privacy-link:hover { color: var(--text); text-decoration: underline; }
  .footer-logo { font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 800; color: #333; }
  .footer-logo span { color: #5a3a00; }

  /* ══════════════ RESPONSIVE ══════════════ */
  @media (max-width: 640px) {
    .hero { padding: 32px 20px; }
    .hero-logo { font-size: 38px; }
    .hero-tagline { margin-bottom: 26px; }
    .sport-card { width: 150px; height: 150px; }
    .contact-section { padding: 40px 20px; }
    .contact-row { grid-template-columns: 1fr; }
    footer { padding: 16px 20px; flex-direction: column; gap: 8px; text-align: center; }
  }
/* ── BETA TAG (logo) ── */
.beta-tag{
  font-size:0.34em;
  font-weight:600;
  vertical-align:super;
  letter-spacing:.02em;
  opacity:.75;
  margin-left:2px;
}