.sky-stars-bg {
    display: flex;
    flex-direction: column;
    position: relative;
    background-image: url('../images/night-stars.jpg');
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: top;
    z-index: -10;
}

.sky-gradient-bg {
    display: flex;
    flex-direction: column;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(rgba(15, 14, 18, 0) 0%, rgba(15, 14, 18, 0.3) 10%, rgba(36, 62, 110, 0.58) 19%, rgba(93, 69, 118, 0.73) 29%, rgba(176, 109, 108, 0.88) 41%, rgba(255, 168, 92, 1) 48%, rgba(255, 249, 196, 1) 58%, rgba(231, 207, 208, 1) 66%, rgba(150, 165, 241, 1) 75%, rgba(47, 113, 218, 1) 100%);
    background-size: cover;
    z-index : -9;
}

/* Reset overscroll behavior to prevent bouncing */
html, body {
    overscroll-behavior: none;
}