/* Reset box-sizing so padding/border do not expand width unexpectedly */
        html {
            box-sizing: border-box;
        }
        *, *::before, *::after {
            box-sizing: inherit;
        }

        body { font-family: 'Inter', sans-serif; }
        .glass { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1); }
        .text-gradient { background: linear-gradient(to right, #a78bfa, #22d3ee); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .bg-glow { background: radial-gradient(circle at 50% 50%, rgba(124, 58, 237, 0.15) 0%, transparent 50%); }
        .card-hover:hover { transform: translateY(-5px); border-color: rgba(124, 58, 237, 0.4); transition: all 0.3s ease; }
        /* Style for the responsive logo */
        .logo-img { height: 100%; width: auto; object-fit: contain; }
        .logo-container { 
            height: 64px; /* Increased from default */
            transition: transform 0.3s ease;
        }
        .logo-container:hover {
            transform: scale(1.05);
        }
        .logo-glow {
            filter: drop-shadow(0 0 8px rgba(124, 58, 237, 0.4));
        }
        /* Ensure navbar is deep enough for a large logo */
        .nav-height { height: 90px; }