/* Custom Styles for Beyond Flawz */
html {
    scroll-behavior: smooth;
}

body {
    background-color: #121212;
}

/* Geometric shapes handled via Tailwind in HTML, 
   but adding custom keyframes here for extra flair */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}

/* Ensure text contrast on hero */
.hero-text-shadow {
    text-shadow: 2px 2px 0px rgba(0,0,0,0.5);
}