@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;600;800;900&display=swap');:root {--bg: #030712;--bg-card: rgba(10, 17, 34, 0.7);--border: rgba(0, 240, 255, 0.2);--border-hover: rgba(0, 240, 255, 0.6);--primary: #00f0ff;--secondary: #7000ff;--accent: #ff007f;--text: #e2e8f0;--text-dim: #94a3b8;--green: #00ff66;}* {box-sizing: border-box;margin: 0;padding: 0;}body {background-color: var(--bg);color: var(--text);font-family: 'Share Tech Mono', monospace;min-height: 100vh;display: flex;flex-direction: column;overflow-x: hidden;position: relative;}h1, h2, h3, h4, .logo-glitch {font-family: 'Orbitron', sans-serif;text-transform: uppercase;letter-spacing: 2px;}.cyber-grid {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-image: linear-gradient(to right, rgba(0, 240, 255, 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 240, 255, 0.03) 1px, transparent 1px);background-size: 30px 30px;z-index: -2;pointer-events: none;}.scanline {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0) 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3));background-size: 100% 4px;z-index: 999;pointer-events: none;opacity: 0.6;}.header {display: flex;justify-content: space-between;align-items: center;padding: 1.25rem 2rem;border-bottom: 1px solid var(--border);background: rgba(3, 7, 18, 0.9);backdrop-filter: blur(10px);position: sticky;top: 0;z-index: 100;}.logo-container {display: flex;align-items: center;gap: 1rem;}.logo-glitch {font-size: 1.3rem;font-weight: 900;color: var(--primary);text-shadow: 0 0 10px rgba(0, 240, 255, 0.5);}.badge, .badge-green, .badge-blue {font-size: 0.7rem;padding: 0.2rem 0.5rem;border-radius: 4px;}.badge {background: rgba(112, 0, 255, 0.2);border: 1px solid var(--secondary);color: #d8b4fe;}.badge-green {background: rgba(0, 255, 102, 0.2);border: 1px solid var(--green);color: var(--green);}.badge-blue {background: rgba(0, 240, 255, 0.2);border: 1px solid var(--primary);color: var(--primary);}.nav-links {display: flex;gap: 1.5rem; align-items: center;}.nav-links a {color: var(--text-dim);text-decoration: none;font-size: 0.95rem;transition: 0.3s;letter-spacing: 1px;}.nav-links a:hover, .nav-links a.active {color: var(--primary);text-shadow: 0 0 8px var(--primary);}.highlight-link {color: var(--accent) !important; font-weight: bold;}.highlight-link:hover {color: #ff80bf !important; text-shadow: 0 0 8px var(--accent);}.header-actions {display: flex;align-items: center;gap: 1rem;}.status-dot {width: 8px;height: 8px;background: var(--green);border-radius: 50%;box-shadow: 0 0 8px var(--green);animation: pulse 1.5s infinite;}.status-text {font-size: 0.75rem;color: var(--text-dim);}.mobile-menu-btn {display: none;background: transparent;border: 1px solid var(--border);color: var(--primary);font-size: 1.5rem;padding: 0.2rem 0.5rem;border-radius: 4px;cursor: pointer;}.main-container {flex: 1;max-width: 1400px;width: 100%;margin: 0 auto;padding: 2rem;display: flex;flex-direction: column;gap: 2.5rem;}.hero {display: grid;grid-template-columns: 1.2fr 1fr;gap: 2.5rem;align-items: center;}.hero-content {display: flex;flex-direction: column;gap: 1.2rem;}.tagline-wrapper {font-size: 0.9rem;color: var(--text-dim);word-break: break-all;}.terminal-prompt {color: var(--accent);}.typing-text {color: var(--primary);}.hero-title {font-size: clamp(2rem, 4vw, 3rem);font-weight: 900;line-height: 1.1;color: #fff;}.glow-text {color: var(--primary);text-shadow: 0 0 20px rgba(0, 240, 255, 0.6);}.hero-desc {color: var(--text-dim);font-size: 1rem;line-height: 1.6;}.hero-cta {display: flex;flex-wrap: wrap;gap: 1rem;margin-top: 0.5rem;}.btn-primary, .btn-secondary, .btn-neon, .bookie-btn {font-family: 'Orbitron', sans-serif;font-weight: 600;padding: 0.8rem 1.5rem;text-decoration: none;border-radius: 4px;transition: 0.3s;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;font-size: 0.85rem;letter-spacing: 1px;text-align: center;}.btn-primary {background: var(--primary);color: var(--bg);border: none;box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);}.btn-primary:hover {background: #fff;box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);transform: translateY(-2px);}.btn-secondary {background: transparent;color: var(--primary);border: 1px solid var(--primary);}.btn-secondary:hover {background: rgba(0, 240, 255, 0.1);box-shadow: 0 0 15px rgba(0, 240, 255, 0.2);transform: translateY(-2px);}.btn-neon {background: var(--secondary);color: #fff;border: none;box-shadow: 0 0 15px rgba(112, 0, 255, 0.4);}.btn-neon:hover {background: #8b2eff;box-shadow: 0 0 25px rgba(112, 0, 255, 0.8);}.hero-terminal {background: var(--bg-card);border: 1px solid var(--border);border-radius: 8px;overflow: hidden;box-shadow: 0 20px 40px rgba(0,0,0,0.5);backdrop-filter: blur(10px);}.terminal-header {background: rgba(0,0,0,0.5);padding: 0.8rem 1rem;display: flex;align-items: center;gap: 0.5rem;border-bottom: 1px solid var(--border);}.dot {width: 10px;height: 10px;border-radius: 50%;}.dot.red {background: #ff5f56;}.dot.yellow {background: #ffbd2e;}.dot.green {background: #27c93f;}.terminal-title {margin-left: auto;font-size: 0.75rem;color: var(--text-dim);}.terminal-body {padding: 1.2rem;font-size: 0.85rem;display: flex;flex-direction: column;gap: 0.8rem;height: 220px;overflow-y: auto;}.log-info {color: var(--text-dim);}.log-success {color: var(--green);}.log-warn {color: #ffbd2e;}.bento-features {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.2rem;}.bento-card {background: var(--bg-card);border: 1px solid var(--border);border-radius: 8px;padding: 1.5rem;display: flex;flex-direction: column;gap: 1rem;transition: 0.3s;backdrop-filter: blur(10px);position: relative;overflow: hidden;}.bento-card:hover {border-color: var(--border-hover);box-shadow: 0 0 20px rgba(0, 240, 255, 0.1);transform: translateY(-3px);}.bento-card.span-2 {grid-column: span 2;}.card-icon {font-size: 1.8rem;}.bento-card h3 {font-size: 1.1rem;color: #fff;}.bento-card p {color: var(--text-dim);font-size: 0.9rem;line-height: 1.5;}.page-header {display: flex;flex-direction: column;gap: 0.5rem;border-bottom: 1px solid var(--border);padding-bottom: 1.2rem;}.page-header h1 {font-size: clamp(1.8rem, 3vw, 2.5rem);color: #fff;}.page-header p {color: var(--text-dim);font-size: 0.95rem;}.filter-bar {display: flex;flex-wrap: wrap;gap: 0.8rem;}.filter-btn {background: var(--bg-card);border: 1px solid var(--border);color: var(--text-dim);padding: 0.5rem 1rem;border-radius: 4px;font-family: 'Share Tech Mono', monospace;cursor: pointer;transition: 0.3s;font-size: 0.85rem;}.filter-btn:hover, .filter-btn.active {background: rgba(0, 240, 255, 0.1);border-color: var(--primary);color: var(--primary);text-shadow: 0 0 8px var(--primary);}.scanner-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 1.2rem;}.scan-card {background: var(--bg-card);border: 1px solid var(--border);border-radius: 8px;display: flex;flex-direction: column;justify-content: space-between;transition: 0.3s;overflow: hidden;}.scan-card:hover {border-color: var(--border-hover);box-shadow: 0 0 15px rgba(0, 240, 255, 0.15);}.scan-header {padding: 0.8rem 1.2rem;background: rgba(0,0,0,0.3);display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--border);}.tag {font-size: 0.7rem;padding: 0.2rem 0.5rem;border-radius: 3px;font-family: 'Orbitron', sans-serif;font-weight: 600;}.tag.racing {background: rgba(112, 0, 255, 0.2);border: 1px solid var(--secondary);color: #d8b4fe;}.tag.soccer {background: rgba(0, 240, 255, 0.2);border: 1px solid var(--primary);color: var(--primary);}.tag.sharp {background: rgba(255, 0, 127, 0.2);border: 1px solid var(--accent);color: #ff80bf;}.time {font-size: 0.75rem;color: var(--text-dim);}.scan-body {padding: 1.2rem;display: flex;flex-direction: column;gap: 0.8rem;}.scan-body h3 {font-size: 1rem;color: #fff;}.target-name {color: var(--primary);font-size: 0.9rem;word-break: break-word;}.metrics-row {display: flex;justify-content: space-between;font-size: 0.85rem;color: var(--text-dim);}.text-green {color: var(--green);}.progress-bar {width: 100%;height: 6px;background: rgba(255,255,255,0.05);border-radius: 3px;overflow: hidden;}.progress {height: 100%;background: linear-gradient(90deg, var(--secondary), var(--primary));box-shadow: 0 0 10px var(--primary);}.scan-footer {padding: 0.8rem 1.2rem;background: rgba(0,0,0,0.2);border-top: 1px solid var(--border);}.btn-sm {width: 100%;background: transparent;border: 1px solid var(--border);color: var(--text);padding: 0.5rem;font-family: 'Share Tech Mono', monospace;cursor: pointer;border-radius: 4px;transition: 0.3s;font-size: 0.8rem;text-decoration: none;display: inline-block;text-align: center;}.btn-sm:hover {background: var(--primary);color: var(--bg);border-color: var(--primary);box-shadow: 0 0 10px var(--primary);}.stats-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 1.2rem;}.stat-card {background: var(--bg-card);border: 1px solid var(--border);border-radius: 8px;padding: 1.5rem;display: flex;flex-direction: column;gap: 0.5rem;backdrop-filter: blur(10px);}.stat-card h3 {font-size: 0.85rem;color: var(--text-dim);}.stat-value {font-size: clamp(1.8rem, 3vw, 2.2rem);font-family: 'Orbitron', sans-serif;font-weight: 800;}.text-blue {color: var(--primary);}.text-purple {color: var(--secondary);}.stat-sub {font-size: 0.75rem;color: var(--text-dim);}.analytics-console {display: grid;grid-template-columns: 2fr 1fr;gap: 1.2rem;}.console-box {background: var(--bg-card);border: 1px solid var(--border);border-radius: 8px;padding: 1.5rem;backdrop-filter: blur(10px);display: flex;flex-direction: column;gap: 1.2rem;}.console-box h3 {font-size: 1rem;color: #fff;}.spectrum-bars {display: flex;justify-content: space-between;align-items: flex-end;height: 180px;padding-top: 1rem;border-bottom: 1px solid var(--border);}.bar {width: 12%;background: linear-gradient(to top, rgba(0, 240, 255, 0.1), var(--primary));border-top: 2px solid var(--primary);display: flex;justify-content: center;position: relative;box-shadow: 0 0 15px rgba(0, 240, 255, 0.2);transition: 0.3s;}.bar:hover {background: linear-gradient(to top, rgba(112, 0, 255, 0.2), var(--secondary));border-color: var(--secondary);box-shadow: 0 0 20px var(--secondary);}.bar span {position: absolute;bottom: -25px;font-size: 0.75rem;color: var(--text-dim);}.dist-list {list-style: none;display: flex;flex-direction: column;gap: 0.8rem;}.dist-list li {display: flex;justify-content: space-between;padding-bottom: 0.8rem;border-bottom: 1px solid rgba(255,255,255,0.05);font-size: 0.9rem;color: var(--text-dim);gap: 1rem;}.dist-list strong {color: var(--primary);white-space: nowrap;}.multi-dashboard {display: flex;flex-direction: column;gap: 1.2rem;}.multi-section-header {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 0.8rem;}.multi-cards-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 1.2rem;}.multi-card {background: var(--bg-card);border: 1px solid var(--border);border-radius: 8px;padding: 1.5rem;display: flex;flex-direction: column;gap: 1.2rem;backdrop-filter: blur(10px);transition: 0.3s;}.multi-card:hover {border-color: var(--border-hover);box-shadow: 0 0 20px rgba(0, 240, 255, 0.15);}.multi-card-header {display: flex;justify-content: space-between;align-items: flex-start;gap: 1rem;}.accuracy-badge {font-family: 'Orbitron', sans-serif;font-weight: 800;color: var(--green);background: rgba(0, 255, 102, 0.1);border: 1px solid var(--green);padding: 0.3rem 0.6rem;border-radius: 4px;font-size: 0.8rem;white-space: nowrap;}.multi-legs {display: flex;flex-direction: column;gap: 0.6rem;background: rgba(0,0,0,0.3);padding: 0.8rem;border-radius: 6px;border: 1px solid rgba(255,255,255,0.05);}.leg-item {display: flex;justify-content: space-between;font-size: 0.85rem;color: var(--text-dim);gap: 1rem;}.leg-item strong {color: var(--primary);white-space: nowrap;}.multi-footer {display: flex;justify-content: space-between;align-items: center;border-top: 1px solid var(--border);padding-top: 1rem;flex-wrap: wrap;gap: 1rem;}.combined-odds {font-size: 0.9rem;color: var(--text-dim);}.singles-table-wrapper {background: var(--bg-card);border: 1px solid var(--border);border-radius: 8px;overflow: hidden;backdrop-filter: blur(10px);}.table-scroll {width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}.singles-table {width: 100%;border-collapse: collapse;text-align: left;min-width: 600px;}.singles-table th {background: rgba(0,0,0,0.4);padding: 0.9rem 1.2rem;font-size: 0.8rem;color: var(--text-dim);border-bottom: 1px solid var(--border);font-family: 'Orbitron', sans-serif;}.singles-table td {padding: 0.9rem 1.2rem;border-bottom: 1px solid rgba(255,255,255,0.05);font-size: 0.9rem;color: var(--text);}.singles-table tr:hover {background: rgba(0, 240, 255, 0.02);}.footer {border-top: 1px solid var(--border);padding: 1.5rem 2rem;text-align: center;color: var(--text-dim);font-size: 0.75rem;background: rgba(3, 7, 18, 0.8);margin-top: auto;}@keyframes pulse {0% { opacity: 0.4; }50% { opacity: 1; }100% { opacity: 0.4; }}@media(max-width: 1024px) {.hero {grid-template-columns: 1fr;}.stats-grid {grid-template-columns: repeat(2, 1fr);}.bento-features {grid-template-columns: 1fr;}.bento-card.span-2 {grid-column: span 1;}.analytics-console {grid-template-columns: 1fr;}}@media(max-width: 768px) {.header {padding: 1rem;}.nav-links {display: none;flex-direction: column;position: absolute;top: 100%;left: 0;width: 100%;background: rgba(3, 7, 18, 0.98);backdrop-filter: blur(15px);border-bottom: 1px solid var(--border);padding: 1.5rem;gap: 1.2rem;z-index: 200;box-shadow: 0 10px 30px rgba(0,0,0,0.8);}.nav-links.active {display: flex;}.mobile-menu-btn {display: block;}.main-container {padding: 1rem;gap: 1.5rem;}.stats-grid {grid-template-columns: 1fr;}.hero-title {font-size: 2rem;}.hero-cta {flex-direction: column;}.btn-primary, .btn-secondary {width: 100%;}}

/* Karbon Sites Branding */

  #karbon-promo-banner {
      position: fixed;
      bottom: 10px;
      right: 10px;
      background-color: rgba(0, 0, 0, 0.8);
      color: white;
      padding: 8px 16px;
      border-radius: 8px;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      font-size: 14px;
      z-index: 10000;
      display: flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
      transition: transform 0.2s ease-in-out;
  }
  #karbon-promo-banner:hover {
      transform: scale(1.05);
  }