/* Navigation Glass Effect - Premium Gradient Border */
.nav-glass {
    position: relative;
    background: rgba(18, 18, 18, 0.7);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);

    /* Double-layer background trick for gradient border */
    border: 1px solid transparent;
    /* Transparent base border */
    background-image:
        linear-gradient(rgba(18, 18, 18, 0.7), rgba(18, 18, 18, 0.7)),
        /* Content box background */
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(217, 255, 0, 0.4) 50%, rgba(255, 255, 255, 0.05) 100%);
    /* Border gradient */
    background-origin: border-box;
    background-clip: padding-box, border-box;

    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    /* Soft shadow for depth */
    transition: all 0.3s ease;
}

/* Hover effect for navbar */
.nav-glass:hover {
    background-image:
        linear-gradient(rgba(18, 18, 18, 0.8), rgba(18, 18, 18, 0.8)),
        linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(217, 255, 0, 0.6) 50%, rgba(255, 255, 255, 0.1) 100%);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}