body.starry-bg {
    background:
        radial-gradient(1200px 600px at 50% 10%, rgba(80, 150, 255, 0.18), transparent 60%),
        radial-gradient(900px 500px at 15% 25%, rgba(150, 120, 255, 0.10), transparent 55%),
        linear-gradient(180deg, #030818 0%, #06122a 55%, #020613 100%);
    min-height: 100vh;
    position: relative;
}

body.starry-bg > :not(canvas.starry-canvas) {
    position: relative;
    z-index: 1;
}

canvas.starry-canvas {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.9;
}