/* ===== RESET & BASE ===== */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --pink: #ff2c8d;
  --pink-light: #ff4d94;
  --pink-btn: #ff3e95;
  --dark-bg: #07031d;
  --dark-section: #060124;
  --white: #ffffff;
  --white-72: rgba(255,255,255,0.72);
  --white-78: rgba(255,255,255,0.78);
  --white-88: rgba(255,255,255,0.88);
  --white-10: rgba(255,255,255,0.10);
  --white-15: rgba(255,255,255,0.15);
  --font: 'Inter', 'Segoe UI', Arial, sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font);
  background-color: var(--dark-bg);
  color: var(--white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

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

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

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2rem;
}

@media (min-width: 1024px) {
  .container {
    padding: 0 3rem;
  }
}