<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Enhanced Cosmic Background */
.stars-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background: linear-gradient(125deg, 
        #000000, 
        #1a0033, 
        #330066, 
        #4a0099, 
        #330066, 
        #1a0033, 
        #000000
    );
    overflow: hidden;
}

/* Multiple Star Layers */
.stars-bg::before,
.stars-bg::after,
.stars-layer-1,
.stars-layer-2,
.stars-layer-3 {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* Tiny Stars Layer */
.stars-bg::before {
    background-image: 
        radial-gradient(1px 1px at 10% 10%, white 100%, transparent),
        radial-gradient(1px 1px at 20% 20%, white 100%, transparent),
        radial-gradient(1px 1px at 30% 30%, white 100%, transparent),
        radial-gradient(1px 1px at 40% 40%, white 100%, transparent),
        radial-gradient(1px 1px at 50% 50%, white 100%, transparent),
        radial-gradient(1px 1px at 60% 60%, white 100%, transparent),
        radial-gradient(1px 1px at 70% 70%, white 100%, transparent),
        radial-gradient(1px 1px at 80% 80%, white 100%, transparent),
        radial-gradient(1px 1px at 90% 90%, white 100%, transparent);
    background-size: 300px 300px;
    animation: stars 150s linear infinite;
    opacity: 0.5;
}

/* Small Stars Layer */
.stars-bg::after {
    background-image: 
        radial-gradient(1.5px 1.5px at 15% 15%, white 100%, transparent),
        radial-gradient(1.5px 1.5px at 25% 25%, white 100%, transparent),
        radial-gradient(1.5px 1.5px at 35% 35%, white 100%, transparent),
        radial-gradient(1.5px 1.5px at 45% 45%, white 100%, transparent),
        radial-gradient(1.5px 1.5px at 55% 55%, white 100%, transparent),
        radial-gradient(1.5px 1.5px at 65% 65%, white 100%, transparent),
        radial-gradient(1.5px 1.5px at 75% 75%, white 100%, transparent),
        radial-gradient(1.5px 1.5px at 85% 85%, white 100%, transparent);
    background-size: 400px 400px;
    animation: stars 100s linear infinite;
    opacity: 0.4;
}

/* Medium Stars Layer */
.stars-layer-1 {
    background-image: 
        radial-gradient(2px 2px at 5% 95%, rgba(255, 255, 255, 0.8) 100%, transparent),
        radial-gradient(2px 2px at 15% 85%, rgba(255, 255, 255, 0.8) 100%, transparent),
        radial-gradient(2px 2px at 25% 75%, rgba(255, 255, 255, 0.8) 100%, transparent),
        radial-gradient(2px 2px at 35% 65%, rgba(255, 255, 255, 0.8) 100%, transparent),
        radial-gradient(2px 2px at 45% 55%, rgba(255, 255, 255, 0.8) 100%, transparent),
        radial-gradient(2px 2px at 55% 45%, rgba(255, 255, 255, 0.8) 100%, transparent),
        radial-gradient(2px 2px at 65% 35%, rgba(255, 255, 255, 0.8) 100%, transparent),
        radial-gradient(2px 2px at 75% 25%, rgba(255, 255, 255, 0.8) 100%, transparent);
    background-size: 500px 500px;
    animation: stars 120s linear infinite;
    opacity: 0.3;
}

/* Large Stars Layer */
.stars-layer-2 {
    background-image: 
        radial-gradient(2.5px 2.5px at 10% 90%, rgba(255, 255, 255, 0.9) 100%, transparent),
        radial-gradient(2.5px 2.5px at 20% 80%, rgba(255, 255, 255, 0.9) 100%, transparent),
        radial-gradient(2.5px 2.5px at 30% 70%, rgba(255, 255, 255, 0.9) 100%, transparent),
        radial-gradient(2.5px 2.5px at 40% 60%, rgba(255, 255, 255, 0.9) 100%, transparent),
        radial-gradient(2.5px 2.5px at 50% 50%, rgba(255, 255, 255, 0.9) 100%, transparent),
        radial-gradient(2.5px 2.5px at 60% 40%, rgba(255, 255, 255, 0.9) 100%, transparent);
    background-size: 600px 600px;
    animation: stars 180s linear infinite;
    opacity: 0.2;
}

/* Bright Stars Layer */
.stars-layer-3 {
    background-image: 
        radial-gradient(3px 3px at 95% 5%, rgba(255, 255, 255, 1) 100%, transparent),
        radial-gradient(3px 3px at 80% 20%, rgba(255, 255, 255, 1) 100%, transparent),
        radial-gradient(3px 3px at 65% 35%, rgba(255, 255, 255, 1) 100%, transparent),
        radial-gradient(3px 3px at 35% 65%, rgba(255, 255, 255, 1) 100%, transparent),
        radial-gradient(3px 3px at 20% 80%, rgba(255, 255, 255, 1) 100%, transparent),
        radial-gradient(3px 3px at 5% 95%, rgba(255, 255, 255, 1) 100%, transparent);
    background-size: 700px 700px;
    animation: stars 200s linear infinite;
    opacity: 0.15;
}

/* Enhanced Nebula Effect */
.nebula {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: 
        radial-gradient(circle at 20% 30%, rgba(147, 51, 234, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(76, 0, 130, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(147, 51, 234, 0.1) 0%, transparent 70%),
        radial-gradient(circle at 30% 70%, rgba(138, 43, 226, 0.15) 0%, transparent 60%),
        radial-gradient(circle at 70% 30%, rgba(106, 90, 205, 0.15) 0%, transparent 60%);
    filter: blur(30px);
    animation: nebula 30s ease infinite alternate;
}

/* Cosmic Dust with Enhanced Opacity */
.cosmic-dust {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url('data:image/svg+xml,&lt;svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"&gt;&lt;filter id="f"&gt;&lt;feTurbulence type="fractalNoise" baseFrequency="0.005"/&gt;&lt;/filter&gt;&lt;rect width="100%" height="100%" filter="url(%23f)" opacity="0.15"/&gt;&lt;/svg&gt;');
    opacity: 0.4;
    animation: dust 30s linear infinite alternate;
}

/* Enhanced Shooting Stars */
.shooting-star {
    position: absolute;
    width: 150px;
    height: 2px;
    background: linear-gradient(90deg, 
        rgba(255, 255, 255, 0.8), 
        rgba(255, 255, 255, 0.4), 
        transparent
    );
    animation: shooting 5s linear infinite;
    opacity: 0;
    z-index: -1;
}

.shooting-star:nth-child(1) { top: 20%; left: -100px; animation-delay: 0s; }
.shooting-star:nth-child(2) { top: 40%; left: -100px; animation-delay: 2.5s; }
.shooting-star:nth-child(3) { top: 60%; left: -100px; animation-delay: 5s; }
.shooting-star:nth-child(4) { top: 80%; left: -100px; animation-delay: 7.5s; }

/* Animations */
@keyframes stars {
    from { transform: translateY(0); }
    to { transform: translateY(-500px); }
}

@keyframes nebula {
    0% { opacity: 0.4; }
    50% { opacity: 0.6; }
    100% { opacity: 0.4; }
}

@keyframes shooting {
    0% {
        transform: translateX(0) rotate(-45deg);
        opacity: 1;
    }
    100% {
        transform: translateX(2000px) rotate(-45deg);
        opacity: 0;
    }
}

@keyframes dust {
    0% { transform: scale(1) rotate(0deg); }
    50% { transform: scale(1.2) rotate(180deg); }
    100% { transform: scale(1) rotate(360deg); }
}

/* Twinkling Effect */
@keyframes twinkle {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 0.4; }
} </pre></body></html>