@tailwind base;
@tailwind components;
@tailwind utilities;

html, body {
    scroll-behavior: smooth;
    overflow-x: hidden;
    width: 100%;
}
.curved-bottom {
    border-bottom-left-radius: 50% 20px;
    border-bottom-right-radius: 50% 20px;
}


.slant-bottom {
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 100%);
}


/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
/* Liquid Glass CTA Button */
.liquid-cta {
    background: linear-gradient(135deg, rgba(123, 244, 37, 0.8), rgba(56, 142, 60, 0.9));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 10px rgba(255, 255, 255, 0.2);
}

.liquid-cta:hover {
    background: linear-gradient(135deg, rgba(123, 244, 37, 0.9), rgba(56, 142, 60, 1));
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05), inset 0 0 15px rgba(255, 255, 255, 0.3);
}