:root {
  --primary: #8b5cf6;
  --secondary: #06b6d4;
  --accent-gold: #f59e0b;

  --bg-dark: #070b1a;

  --card-glass: rgba(255, 255, 255, 0.08);

  --white: #ffffff;

  --light-text: #b8c0d4;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
body {
  font-family: "Inter", sans-serif;
  background: var(--bg-dark);
  color: var(--white);
  overflow-x: hidden;
  /* padding-top: 60px; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
}

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

img {
  max-width: 100%;
}

.glass-card {
  background: var(--card-glass);

  border: 1px solid rgba(255, 255, 255, 0.08);

  backdrop-filter: blur(14px);

  border-radius: 24px;
}

.glow-button {
  background: linear-gradient(135deg, var(--primary), var(--secondary));

  border-radius: 50px;

  box-shadow: 0 0 25px rgba(139, 92, 246, 0.35);
}

.cosmic-bg {
  background:
    radial-gradient(
      circle at top left,
      rgba(139, 92, 246, 0.18),
      transparent 35%
    ),
    radial-gradient(
      circle at bottom right,
      rgba(6, 182, 212, 0.18),
      transparent 35%
    ),
    var(--bg-dark);
}