body { background-color: #131315; color: #e5e1e4; overflow-x: hidden; }
        .glass-card {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .glass-card:hover {
            border-color: #008080;
            transform: translateY(-8px);
            box-shadow: 0 20px 40px -15px rgba(0, 245, 255, 0.15);
        }
        .neon-glow {
            filter: drop-shadow(0 0 10px #008080);
        }
        .geometric-bg {
            background-image: 
                linear-gradient(45deg, transparent 48%, rgba(50, 255, 126, 0.05) 50%, transparent 52%),
                linear-gradient(-45deg, transparent 48%, rgba(0, 245, 255, 0.05) 50%, transparent 52%);
            background-size: 60px 60px;
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }

/* Mobile horizontal overflow safeguards */
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

main,
section,
footer {
    width: 100%;
    max-width: 100%;
}

img,
video,
iframe,
svg {
    max-width: 100%;
}

[data-aos] {
    max-width: 100%;
}

@media (max-width: 767px) {
    /* Prevent AOS transforms from producing horizontal page overflow. */
    [data-aos="fade-left"],
    [data-aos="fade-right"] {
        transform: translate3d(0, 40px, 0);
    }

    .glass-card {
        width: 100%;
        max-width: 100%;
    }
}


/* Mobile navigation */
#mobileMenu {
    max-height: calc(100vh - 7rem);
    overflow-y: auto;
}

@media (min-width: 768px) {
    #mobileMenu {
        display: none !important;
    }
}