/* Home page-specific CSS styles */

.hero-gradient::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><polygon fill="%23ffffff08" points="0,1000 1000,0 1000,1000"/></svg>');
    animation: float 6s ease-in-out infinite;
}

.hero-gradient {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f4c75 100%);
    position: relative;
    overflow: hidden;
}

.dark .hero-gradient {
    background: linear-gradient(135deg, #020617 0%, #0c1426 50%, #0a2540 100%);
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}

.cyber-glow {
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.3), 0 0 40px rgba(34, 197, 94, 0.1);
}