/**
 * Stylist Srushtee - Main Styles
 * 
 * Contains animations and utilities extracted from inline HTML
 */

/* Animation Keyframes */
@keyframes fadeSlideIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
        filter: blur(5px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0px);
    }
}

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

/* Animation Classes */
.animate-float {
    animation: float 6s ease-in-out infinite;
}

.animate-on-scroll {
    opacity: 0;
}

.animate-on-scroll.animate {
    animation: fadeSlideIn 0.8s ease-out forwards;
}

/* Typography Utilities */
.text-balance {
    text-wrap: balance;
}

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

/* Focus visible for accessibility */
:focus-visible {
    outline: 2px solid #8b6045;
    outline-offset: 2px;
}