/* ===== Stars ===== */
.stars-bg {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    pointer-events: none;
    z-index: 0;
}
[data-theme="light"] .stars-bg {
    display: none;
}

.star {
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: var(--size);
    height: var(--size);
    background: #fff;
    border-radius: 50%;
    animation: twinkle 3s ease-in-out infinite;
    animation-delay: var(--delay);
    box-shadow: 0 0 6px 2px rgba(255,255,255,0.3);
}

@keyframes twinkle {
    0%, 100% { opacity: 0.15; transform: scale(1); }
    50% { opacity: 0.9; transform: scale(1.5); }
}

/* ===== Decorative Images ===== */
.deco-img {
    position: fixed;
    z-index: 0;
    pointer-events: none;
    opacity: 0.15;
}
.deco-img img { width: 100%; height: 100%; object-fit: contain; }

@keyframes floatDecoCenter {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-12px); }
}