:root {
  --oddsbay-bg: #04111a;
  --oddsbay-bg-deep: #020b12;
  --oddsbay-panel: #071b27;
  --oddsbay-panel-2: #0a2432;
  --oddsbay-border: #16394a;
  --oddsbay-cyan: #22c7e8;
  --oddsbay-cyan-soft: #8ae8f7;
  --oddsbay-orange: #ff8a28;
  --oddsbay-text: #f5f8fb;
  --oddsbay-muted: #8aa0af;
  --oddsbay-success: #5ce0a1;
  --oddsbay-radius: 18px;
  --oddsbay-shadow: 0 24px 80px rgba(0,0,0,.32);
  --oddsbay-shell: 1440px;
  --oddsbay-gutter: 24px;
}

html { scroll-behavior: smooth; }
body.oddsbay-theme {
  margin: 0;
  background: var(--oddsbay-bg-deep);
  color: var(--oddsbay-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.oddsbay-theme a { color: inherit; }
body.oddsbay-theme h1,
body.oddsbay-theme h2,
body.oddsbay-theme h3,
body.oddsbay-theme p { margin-top: 0; }
.oddsbay-shell {
  width: 100%;
  max-width: var(--oddsbay-shell);
  margin-inline: auto;
  padding-inline: var(--oddsbay-gutter);
  box-sizing: border-box;
}
.oddsbay-main { min-height: 70vh; background: var(--oddsbay-bg-deep); }
.oddsbay-section { padding: 88px 0; }
.oddsbay-eyebrow { margin: 0 0 18px; color: var(--oddsbay-cyan); font-size: 13px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.oddsbay-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border-radius: 12px; border: 1px solid transparent; text-decoration: none; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; font-size: 13px; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.oddsbay-btn:hover { transform: translateY(-1px); }
.oddsbay-btn-primary { background: var(--oddsbay-orange); color: #071018 !important; }
.oddsbay-btn-secondary { border-color: var(--oddsbay-border); background: rgba(8,29,41,.78); color: var(--oddsbay-text) !important; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

/* Elementor production helpers: add these CSS classes to top-level containers. */
body.oddsbay-theme .oddsbay-el-shell > .e-con-inner,
body.oddsbay-theme .oddsbay-el-shell.e-con {
  width: 100%;
  max-width: var(--oddsbay-shell);
  margin-inline: auto;
}
body.oddsbay-theme .oddsbay-el-section { padding-block: 88px; }
body.oddsbay-theme .oddsbay-el-panel {
  border: 1px solid var(--oddsbay-border);
  border-radius: var(--oddsbay-radius);
  background: linear-gradient(180deg, rgba(10,36,50,.78), rgba(5,21,31,.92));
  box-shadow: var(--oddsbay-shadow);
}
body.oddsbay-theme .oddsbay-el-cyan { color: var(--oddsbay-cyan) !important; }
body.oddsbay-theme .oddsbay-el-orange { color: var(--oddsbay-orange) !important; }