/* Custom Premium Styles for CâmaraX */
html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #000000;
}

/* Glassmorphism effects */
.glass {
    background: rgba(10, 10, 10, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(163, 230, 53, 0.1);
}

/* Animation for the hero image */
@keyframes float {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-15px) rotate(1deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

.float-anim {
    animation: float 6s ease-in-out infinite;
}

/* Custom gradients */
.gradient-primary {
    background: linear-gradient(135deg, #a3e635 0%, #1a2e05 100%);
}

.text-gradient {
    background: linear-gradient(to right, #a3e635, #ffffff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-mesh {
    background-image: 
        radial-gradient(at 0% 0%, hsla(84, 81%, 55%, 0.15) 0, transparent 50%), 
        radial-gradient(at 50% 0%, hsla(84, 81%, 55%, 0.05) 0, transparent 50%), 
        radial-gradient(at 100% 0%, hsla(84, 81%, 55%, 0.15) 0, transparent 50%);
}

/* Hover effects */
.hover-scale {
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.hover-scale:hover {
    transform: scale(1.05);
}