:root{ --rose-200:#ffb6dc; --rose:#ff77b7; --lila:#b583ff; --radius:18px; }
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff;color:#1b1320}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif} .container{width:min(1120px,92%);margin-inline:auto}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:12px 18px;border-radius:999px;border:1px solid #e7d6ff;background:#ffffffcc;text-decoration:none;font-weight:600}
.btn-primary{border:none;background:linear-gradient(180deg,var(--rose-200),var(--rose));color:#3f0e28}
.nav a{padding:8px 12px;text-decoration:none;color:#3a2353;border-radius:10px}
.section{padding:72px 0} .small{font-size:.92rem;opacity:.85} .center{text-align:center}

body {
  background:
    radial-gradient(circle at 15% 10%, rgba(255,0,128,0.18), transparent 60%),
    radial-gradient(circle at 85% 90%, rgba(255,180,0,0.15), transparent 60%),
    linear-gradient(180deg, #030007 0%, #0a0012 45%, #030007 100%);
  background-attachment: fixed;
  color: #f4e9ff;
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;

  mix-blend-mode: soft-light;
  opacity: .10;

  background-size: 250px;
  background-image:
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABMUlEQVR4nO2Vy0oDQRSGv8yKUIpmC0GzMlGJtF0taqYKqQUIYtHcGOIq2iStJkA0Fj+gBcQbQJBBmOyUpj6kOuZe7+2S+73dm7MzDfv15fXh5K0ZqnJoA5h7gA2yTwAXgGTqY5yCZ6Boj6AVeAw3LpruI/AQng3awCuwm4h1k8i6ktL8K1GaVZBoPZXXvwH4zAKOoQMyndxVqxTo6AfsxSY3SZgR8kgLzFe1ctBpJgdnkyHphJTB+YkFnhSSz8SfuWC7DPcwlBS5iBOxCiLIZ0xB2B5m6L9hCeBGaxjMhb4aRSvWYjMROBhIrqTiuA6Jg8Gv85XVO6L6YGqGdWA9cSbpGfaQaWf6my1YV2mxmSRtG8nlqw5h7wRRq5j2bk17AfxusATA5xUIAAAAAElFTkSuQmCC");
}