@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");


body {
    margin: 0;
    min-height: 100dvh;
    min-height: 100vh; /* ← Запасной вариант */
    background:
        /* radial-gradient(ellipse at bottom right, #faf7fd 0%, transparent 20%), */
        radial-gradient(ellipse at 15% 25%, #7c57d9 0%, transparent 65%),
        radial-gradient(circle at 90% 60%, #81f381 0%, transparent 55%),
        radial-gradient(ellipse at 10% 95%, #8be9ba 0%, transparent 65%),
        radial-gradient(circle at 80% 10%, #783baa 0%, transparent 50%);
    font-family: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-attachment: fixed
}

/* header {
    position: sticky;
    top: 0;
    z-index: 9999;
} */

h1 {
    text-transform: uppercase;
    font-family: "Segoe UI", sans-serif;
}

p {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 500;
}

a {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    color: currentColor;
}


@media (min-width: 769px) {
    header {
        position: sticky;
        top: 0;
        z-index: 9999;
    }
}

@media (max-width: 768px) {
    header {
        position: static;
        z-index: auto;
    }
}