.custom-shadow-card {
            box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.04);
        }
        .custom-shadow-hover:hover {
            box-shadow: 0px 8px 20px rgba(0, 105, 76, 0.08); /* Primary color tint */
        }

/* Safe area padding for mobile browsers */
        @supports (padding-bottom: env(safe-area-inset-bottom)) {
            .pb-safe {
                padding-bottom: env(safe-area-inset-bottom);
            }
        }