:root {
    --primary: #00f0ff; /* Electric Cyan/Blue */
    --secondary: #ff00ff; /* Bright Magenta */
    --background: #070719; /* Deep Space Black/Navy */
    --card-bg: #101030; /* Darker card for contrast */
}
body {
    font-family: 'Inter', sans-serif;
    background-color: var(--background);
    color: #e2e8f0;
    overflow-x: hidden; /* Prevent horizontal scroll due to absolute positioning */
}
.text-primary-color { color: var(--primary); }
.bg-primary-color { background-color: var(--primary); }
.cosmic-shadow {
    /* Neon glow effect for the title */
    text-shadow: 0 0 10px var(--primary), 0 0 20px var(--secondary);
}
/* Custom scrollbar for aesthetics */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--background); }
::-webkit-scrollbar-thumb { background: var(--secondary); border-radius: 4px; }

/* --- Starfield CSS --- */
.stars {
    position: fixed;
    top: 0;
    left: 0;
    width: 2px;
    height: 2px; /* A large height to allow scrolling */
    z-index: -10;
    opacity: 0.8;
    /* Radial gradients for nebula effect (kept existing subtle ones) */
    background-image: radial-gradient(circle at 5% 90%, #ff00ff20 0%, transparent 15%),
                      radial-gradient(circle at 95% 10%, #00f0ff20 0%, transparent 15%);
}

/* Simplified starfield effect using box-shadow on the element itself */
.stars-small {
    box-shadow: 100px 50px #fff, 200px 300px #fff, 400px 500px #fff, 700px 800px #fff, 900px 100px #fff, 1100px 400px #fff, 1300px 700px #fff, 1500px 200px #fff,
                50px 1000px #fff, 250px 1200px #fff, 500px 1500px #fff, 800px 1800px #fff, 1000px 50px #fff, 1200px 250px #fff, 1400px 600px #fff;
    animation: animStar 60s linear infinite;
}

/* Slightly larger/brighter stars for depth */
.stars-medium {
    box-shadow: 150px 450px #ff00ff, 350px 950px #00f0ff, 600px 150px #fff, 950px 1300px #ff00ff, 1250px 850px #00f0ff;
    animation: animStar 120s linear infinite;
    transform: scale(1.5); /* Increase star size */
}

/* Keyframe to move stars upwards, simulating movement */
@keyframes animStar {
    from { transform: translateY(0); }
    to { transform: translateY(-2000px); }
}

/* --- Rocket Animation CSS --- */
@keyframes rocket-lift {
    0% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0); }
}
.rocket-icon {
    animation: rocket-lift 1.5s ease-in-out infinite alternate;
}