:root {
  --color-background: #101828;
  --color-background-card: #1e2939;
  --color-border: #364153;
  --color-text-primary: #ffffff;
  --color-text-secondary: #e5e7eb;
  --color-text-muted: #99a1af;
  --color-text-light-muted: #d1d5dc;
  --gradient-primary: linear-gradient(90deg, #4f39f6 0%, #9810fa 100%);
  --gradient-secondary: linear-gradient(90deg, #7c86ff 0%, #c27aff 100%);
  --gradient-green: linear-gradient(135deg, #05df72 0%, #00bc7d 141.42%);
  --gradient-orange: linear-gradient(135deg, #fdc700 0%, #ff6900 141.42%);
  --gradient-purple: linear-gradient(135deg, #7c86ff 0%, #ad46ff 141.42%);
}

* {
  box-sizing: border-box;
}

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

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

.container {
  width: 100%;
  max-width: 1216px;
  margin: 0 auto;
  padding: 0 20px;
}

a {
  text-decoration: none;
  color: inherit;
}

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

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}