body {
                box-sizing: border-box;
            }

            @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

            * {
                font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            }

            .gradient-bg {
                background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
            }

            .card-hover {
                transition: all 0.3s ease;
            }

            .card-hover:hover {
                transform: translateY(-8px);
                box-shadow: 0 20px 25px -5px rgba(34, 197, 94, 0.1), 0 10px 10px -5px rgba(34, 197, 94, 0.04);
            }

            .smooth-shadow {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
            }

            .hero-blob {
                border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
                animation: blob 8s ease-in-out infinite;
            }

            @keyframes blob {

                0%,
                100% {
                    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
                }

                25% {
                    border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;
                }

                50% {
                    border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
                }

                75% {
                    border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;
                }
            }