*, *::before, *::after { box-sizing: border-box; }


/* Roc Grotesk ExtraWide Bold 
@font-face {
  font-family: 'RocGroteskExtraWideBold';
  src: url('../fonts/rocgrotesk-extrawide-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Roc Grotesk Wide Bold 
@font-face {
  font-family: 'RocGroteskWideBold';
  src: url('../fonts/rocgrotesk-wide-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Roc Grotesk Wide Medium 
@font-face {
  font-family: 'RocGroteskWideMedium';
  src: url('../fonts/rocgrotesk-wide-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}*/




html, body { margin: 0; padding: 0; font-size: 15px; }

body { font-family: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; -webkit-font-smoothing: antialiased; font-optical-sizing: auto; font-weight: 400; font-style: normal; background: var(--bg); color: var(--fg); min-height: 100vh; font-size: 1rem; }

img { max-width: 100%; display: block; position: relative; }

a { color: var(--fg); }

button { font-family: inherit; }

strong { font-weight: 700; }
b { font-weight: 500; }

[v-cloak] { display: none !important; }

:root { --bg: #000000; --fg: #ffffff; --muted: #9aa0a6; --orange: #ff6200; }