:root {
            --primary-glow-color: #00aeff;
            --background-dark: #0f0c29;
            --background-gradient: linear-gradient(to right, #24243e, #302b63, #0f0c29);
            --surface-color: rgba(15, 12, 41, 0.8);
            --border-color: rgba(0, 174, 255, 0.5);
            --text-color: #ccd6f6;
        }

        /* --- FIX: Sticky Footer --- */
        html {
            height: 100%;
        }
        body {
            background: var(--background-dark);
            background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);
            background: var(--background-gradient);
            font-family: 'Orbitron', sans-serif;
            color: var(--text-color);
            display: flex;
            flex-direction: column;
            min-height: 100%;
        }
        .main-content {
            flex: 1 0 auto; /* This makes the main content area fill all available space */
        }
        /* --- End Sticky Footer Fix --- */

        /* --- Navbar Styling --- */
        
        /* --- Footer Styling --- */
        .footer {
            background: var(--surface-color);
            border-top: 1px solid var(--border-color);
            color: var(--text-color);
            text-align: center;
            padding: 1rem 0;
            flex-shrink: 0; /* Prevents footer from shrinking */
        }
        .footer a {
            color: var(--primary-glow-color);
            text-decoration: none;
        }