/* Background texture for hero section */
.landing-hero {
    background-image: 
        linear-gradient(135deg, rgba(0, 10, 20, 0.9) 0%, rgba(16, 33, 62, 0.8) 100%),
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><defs><pattern id="hexagons" x="0" y="0" width="30" height="52" patternUnits="userSpaceOnUse"><polygon fill="none" stroke="%234fc3f7" stroke-width="1" stroke-opacity="0.1" points="14,1 26,8 26,22 14,29 2,22 2,8"></polygon></pattern></defs><rect width="100%" height="100%" fill="url(%23hexagons)"/></svg>');
    background-attachment: fixed;
}