* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

body {
  font-family: Inter, sans-serif;
  background: var(--background);
  color: var(--text);
}

.gradient-text {
  background: linear-gradient(135deg, #1992d4 0%, #0b69a3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-glow {
  position: absolute;
  width: 600px;
  height: 600px;
  background: radial-gradient(
    circle,
    rgba(25, 146, 212, 0.15) 0%,
    rgba(11, 105, 163, 0) 70%
  );
  top: -60px;
  right: -10%;
  z-index: 0;
  pointer-events: none;
}