:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-blue: #007aff;
  --color-text-primary: #ffffff;
  --color-text-secondary: rgba(255, 255, 255, 0.6);
  --color-text-tertiary: #747474;
  --color-bg-dark: #111111;
  --color-bg-darker: #000000;
  --color-border-light: rgba(255, 255, 255, 0.5);
  --color-border-dark: #2e2e2e;
}

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

body {
  margin: 0;
  background-color: var(--color-bg-darker);
  font-family: 'Inter', sans-serif;
  color: var(--color-text-primary);
  overflow-x: hidden;
}

.page-container {
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a, button {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}