/* Anti-Flicker CSS - Prevents flash of unstyled content */
/* This ensures smooth page loading without visual glitches */

html {
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

body {
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

/* Show content when page is ready */
.content-loaded {
    opacity: 1 !important;
}

html.content-loaded {
    opacity: 1 !important;
}

body.content-loaded {
    opacity: 1 !important;
}