/* Custom styles for Hanzel Enterprises */

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Geometric shape animations */
@media (prefers-reduced-motion: no-preference) {
    .geo-circle,
    .geo-diamond,
    .geo-square,
    .geo-triangle {
        animation: float 6s ease-in-out infinite;
    }
    
    .geo-circle:nth-child(2) {
        animation-delay: -1s;
        animation-duration: 7s;
    }
    
    .geo-diamond:nth-child(3) {
        animation-delay: -2s;
        animation-duration: 5s;
    }
    
    .geo-square:nth-child(4) {
        animation-delay: -3s;
        animation-duration: 8s;
    }
    
    .geo-triangle:nth-child(5) {
        animation-delay: -4s;
        animation-duration: 6s;
    }
}

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

/* Geometric shape keyframes */
.geo-diamond {
    animation: rotate-slow 10s linear infinite;
}

@keyframes rotate-slow {
    from { transform: rotate(45deg); }
    to { transform: rotate(405deg); }
}

.geo-square {
    animation: rotate-slow 12s linear infinite reverse;
}

/* Pulse animation for dots */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.2); }
}

/* Custom selection color */
::selection {
    background-color: #0d9488;
    color: white;
}

/* Focus styles for accessibility */
*:focus-visible {
    outline: 2px solid #0d9488;
    outline-offset: 2px;
}

/* Image loading placeholder */
img {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
}