.starfield-background {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 8%, rgba(70, 88, 145, 0.12), transparent 42%),
        radial-gradient(circle at 86% 72%, rgba(78, 96, 150, 0.06), transparent 38%),
        linear-gradient(135deg, rgba(1, 3, 10, 1), rgba(4, 7, 20, 1) 48%, rgba(1, 2, 8, 1)),
        #02030a;
}

.starfield-background canvas {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.starfield-content {
    position: relative;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    .starfield-background {
        background:
            radial-gradient(circle at 18% 8%, rgba(70, 88, 145, 0.14), transparent 42%),
            radial-gradient(circle at 86% 72%, rgba(78, 96, 150, 0.07), transparent 38%),
            #02030a;
    }
}