/* --------------------------------------------------------
   Custom Animations & Styles
--------------------------------------------------------- */
html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Floating Animation for Parallax Elements */
@keyframes float {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-15px) rotate(5deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

.floating-element {
    animation: float 6s ease-in-out infinite;
    will-change: transform;
}

/* Slide Up Entrance for the Card */
@keyframes slideUpFade {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-slide-up {
    animation: slideUpFade 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* Form Transitions */
.form-active {
    transform: translateX(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 10 !important;
}

.form-inactive-left {
    transform: translateX(-120%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.form-inactive-right {
    transform: translateX(120%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Toggle Pill Animation */
.toggle-left {
    left: 4px;
    transform: translateX(0);
}

.toggle-right {
    left: 4px;
    transform: translateX(100%);
}



        
.left-1\/2 {
  left: 40%!important;
}