/* Custom styles that augment Tailwind */
.blob-shape {
    border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* W3C Scrollbar for Mobile Environments (Firefox & Mobile Browsers) */
.is-mobile, .is-mobile body {
    scrollbar-width: thin;
    scrollbar-color: #10b981 transparent;
}

@keyframes textShine {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

.animate-text-shine {
    background-size: 200% auto;
    animation: textShine 3s linear infinite;
}

@keyframes fadeInPage {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes pulseBgSky {
    0%, 100% { background-color: rgba(224, 242, 254, 0.2); }
    50% { background-color: rgba(224, 242, 254, 0.8); }
}

.animate-pulse-sky {
    animation: pulseBgSky 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulseBgEmerald {
    0%, 100% { background-color: rgba(209, 250, 229, 0.2); }
    50% { background-color: rgba(209, 250, 229, 0.8); }
}

.animate-pulse-emerald {
    animation: pulseBgEmerald 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

body {
    animation: fadeInPage 0.8s ease-out forwards;
}

/* Custom Scrollbar for Desktop Environments (WebKit browsers like Chrome, Edge, Safari) */
.is-desktop ::-webkit-scrollbar,
.is-desktop::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.is-desktop ::-webkit-scrollbar-track,
.is-desktop::-webkit-scrollbar-track {
    background: transparent;
}
.is-desktop ::-webkit-scrollbar-thumb,
.is-desktop::-webkit-scrollbar-thumb {
    background: #10b981;
    border-radius: 10px;
}
.is-desktop ::-webkit-scrollbar-thumb:hover,
.is-desktop::-webkit-scrollbar-thumb:hover {
    background: #059669;
}
.is-desktop ::-webkit-scrollbar-button,
.is-desktop::-webkit-scrollbar-button {
    display: none;
}