/* LifeMax Custom Variables & Styles | Landing Page */
:root {
    --lifemax-blue-dark: #001a36;
    --lifemax-blue-base: #003b73;
    --lifemax-cyan: #00a8ff;
    --lifemax-blue-light: #007bff;
    --lifemax-card-bg: #E8F0FE;
}

/* Gradient Buttons mimicking the "Sign In" button */
.btn-gradient {
    background: linear-gradient(90deg, var(--lifemax-cyan) 0%, var(--lifemax-blue-light) 100%);
    background-size: 200% auto;
    transition: 0.5s;
}

.btn-gradient:hover {
    background-position: right center;
}

/* Hero Section Background (DNA Mesh Concept) */
.hero-bg {
    background-color: var(--lifemax-blue-dark);
    background-image: radial-gradient(circle at 50% 50%, rgba(0, 168, 255, 0.1) 0%, rgba(0, 26, 54, 1) 70%), 
                      url('data:image/svg+xml;utf8,<svg opacity="0.05" xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" stroke="%2300a8ff" stroke-width="2" fill="none"/></svg>');
    background-size: cover, 100px 100px;
    background-position: center;
}

/* Floating Animation for the Hero Product Image */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}

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