/* Gradient Backgrounds */
.hero-gradient {
    background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
}
.tech-gradient {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
}
.accent-gradient {
    background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%);
}

/* Mosaic Pattern */
.mosaic-pattern {
    background-image: 
        radial-gradient(#3B82F6 1px, transparent 1px), 
        radial-gradient(#60A5FA 1px, transparent 1px);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    opacity: 0.1;
}

/* Animated Border */
.animated-border {
    position: relative;
    z-index: 0;
}
.animated-border::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: -2px;
    background: linear-gradient(45deg, #3B82F6, #60A5FA, #3B82F6);
    background-size: 200% 200%;
    border-radius: 0.5rem;
    animation: border-animation 4s ease infinite;
}
@keyframes border-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Mobile Menu */
#mobile-menu {
    display: none;
}
#mobile-menu.active {
    display: block;
}